@vela-ui/react/dist/components/toggle-button-group.js

Vela UI React components

"use client"
"use strict";"use client";var x=Object.create;var s=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var b=(t,o)=>{for(var r in o)s(t,r,{get:o[r],enumerable:!0})},d=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of T(o))!P.call(t,e)&&e!==r&&s(t,e,{get:()=>o[e],enumerable:!(n=C(o,e))||n.enumerable});return t};var B=(t,o,r)=>(r=t!=null?x(v(t)):{},d(o||!t||!t.__esModule?s(r,"default",{value:t,enumerable:!0}):r,t)),G=t=>d(s({},"__esModule",{value:!0}),t);var _={};b(_,{ToggleButtonGroup:()=>V,useToggleGroupContext:()=>R});module.exports=G(_);var l=require("react-aria-components"),f=require("tailwind-variants");var p=B(require("react"));function m(t={}){let{strict:o=!0,errorMessage:r="useContext: `context` is undefined. Seems you forgot to wrap component within the Provider",name:n}=t,e=p.createContext(void 0);e.displayName=n;function a(){var u;let i=p.useContext(e);if(!i&&o){let g=new Error(r);throw g.name="ContextError",(u=Error.captureStackTrace)==null||u.call(Error,g,a),g}return i}return[e.Provider,a,e]}var c=require("react/jsx-runtime"),y=(0,f.tv)({base:"isolate inline-flex items-center",variants:{variant:{default:"gap-1",ghost:"gap-1",outline:"[&_button]:rounded-none"},orientation:{horizontal:"flex-row",vertical:"flex-col [&_button]:w-full"}},compoundVariants:[{variant:"outline",orientation:"horizontal",className:"[&_button]:first:rounded-s-md [&_button]:last:rounded-e-md [&_button:not(:first-child)]:-ml-px"},{variant:"outline",orientation:"vertical",className:"[&_button]:-mt-px [&_button]:first:rounded-t-md [&_button]:last:rounded-b-md"}],defaultVariants:{variant:"default",orientation:"horizontal"}}),[h,R]=m({name:"ToggleButtonGroupContext",strict:!1});function V({className:t,variant:o,size:r,shape:n,orientation:e="horizontal",...a}){return(0,c.jsx)(h,{value:{variant:o,size:r,shape:n},children:(0,c.jsx)(l.ToggleButtonGroup,{"data-slot":"toggle-button-group",orientation:e,className:(0,l.composeRenderProps)(t,(i,u)=>y({...u,orientation:e,variant:o,className:i})),...a})})}0&&(module.exports={ToggleButtonGroup,useToggleGroupContext});