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

Vela UI React components

"use client"
"use strict";"use client";var P=Object.create;var p=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var _=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},l=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of y(e))!V.call(t,r)&&r!==o&&p(t,r,{get:()=>e[r],enumerable:!(n=B(e,r))||n.enumerable});return t};var G=(t,e,o)=>(o=t!=null?P(w(t)):{},l(e||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),R=t=>l(p({},"__esModule",{value:!0}),t);var A={};_(A,{ToggleButton:()=>k,toggleButtonVariants:()=>z});module.exports=R(A);var g=require("react-aria-components"),h=require("tailwind-variants");var d=require("tailwind-variants"),m=(0,d.tv)({base:"outline-hidden",variants:{isFocusVisible:{true:"border-ring ring-ring/50 ring-[3px]"},isInvalid:{true:"ring-destructive/20 dark:ring-destructive/40 border-destructive"}}});var f=require("react-aria-components"),v=require("tailwind-variants");var c=G(require("react"));function x(t={}){let{strict:e=!0,errorMessage:o="useContext: `context` is undefined. Seems you forgot to wrap component within the Provider",name:n}=t,r=c.createContext(void 0);r.displayName=n;function s(){var u;let i=c.useContext(r);if(!i&&e){let a=new Error(o);throw a.name="ContextError",(u=Error.captureStackTrace)==null||u.call(Error,a,s),a}return i}return[r.Provider,s,r]}var N=require("react/jsx-runtime"),q=(0,v.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"}}),[D,b]=x({name:"ToggleButtonGroupContext",strict:!1});var T=require("react/jsx-runtime"),z=(0,h.tv)({extend:m,base:"inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap transition-all [&_svg]:pointer-events-none [&_svg]:shrink-0",variants:{variant:{default:"hover:bg-accent hover:text-accent-foreground data-[selected]:bg-primary data-[selected]:text-primary-foreground bg-transparent",outline:"border-input hover:bg-accent hover:text-accent-foreground data-[selected]:bg-accent data-[selected]:text-accent-foreground border bg-transparent shadow-xs",ghost:"data-[selected]:bg-accent data-[selected]:text-accent-foreground hover:bg-accent hover:text-accent-foreground bg-transparent"},size:{xs:"size-8 gap-1 text-xs [&_svg:not([class*='size-'])]:size-4",sm:"size-9 gap-2 text-sm [&_svg:not([class*='size-'])]:size-4",md:"size-10 gap-2 text-sm [&_svg:not([class*='size-'])]:size-5",lg:"size-11 gap-2.5 text-base [&_svg:not([class*='size-'])]:size-5",xl:"size-12 gap-2.5 text-base [&_svg:not([class*='size-'])]:size-5"},shape:{rectangle:"",square:"",circle:"rounded-full"},isDisabled:{true:"pointer-events-none opacity-50"},isPending:{true:"pointer-events-none opacity-50"}},compoundVariants:[{size:"xs",shape:"rectangle",className:"w-auto px-2.5"},{size:"sm",shape:"rectangle",className:"w-auto px-3.5"},{size:"md",shape:"rectangle",className:"w-auto px-4"},{size:"lg",shape:"rectangle",className:"w-auto px-5"},{size:"xl",shape:"rectangle",className:"w-auto px-5"}],defaultVariants:{variant:"default",size:"md",shape:"rectangle"}});function k(t){let o={...b(),...t},{className:n,variant:r,size:s,shape:i,...u}=o;return(0,T.jsx)(g.ToggleButton,{"data-slot":"toggle-button",className:(0,g.composeRenderProps)(n,(a,C)=>z({...C,variant:r,size:s,shape:i,className:a})),...u})}0&&(module.exports={ToggleButton,toggleButtonVariants});