@clasing/ui 0.1.124 → 0.1.126

package/dist/components/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/components/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as React from 'react';
+declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/components/icon-component.d.ts

@@ -0,0 +1,12 @@
+import * as TablerIcons from '@tabler/icons-react';
+import { SVGAttributes } from 'react';
+export type TablerIconName = keyof typeof TablerIcons;
+interface IIconComponentProps extends SVGAttributes<SVGElement> {
+    iconName?: TablerIconName;
+    iconText?: string;
+    size?: number;
+    color?: string;
+    onClick?: () => void;
+}
+export declare const IconComponent: import("react").ForwardRefExoticComponent<IIconComponentProps & import("react").RefAttributes<SVGSVGElement>>;
+export {};

package/dist/components/input-otp.d.ts

@@ -0,0 +1,11 @@
+import { OTPInput } from 'input-otp';
+import * as React from 'react';
+declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<'div'> & {
+    index: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputOTPSeparator({ ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/input.d.ts

@@ -0,0 +1,32 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { TablerIconName } from './icon-component';
+declare const inputStyles: (props?: ({
+    size?: "lg" | "md" | "sm" | null | undefined;
+    rounded?: "default" | "full" | null | undefined;
+    state?: "default" | "error" | "success" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface InputProps extends VariantProps<typeof inputStyles> {
+    /** Label text shown above the input */
+    label?: string;
+    /** Helper text shown below the input */
+    helperText?: string;
+    /** Error message shown below the input */
+    error?: string;
+    /** Whether the input has been touched/blurred */
+    touched?: boolean;
+    /** Icon to display on the left side of the input */
+    iconLeft?: TablerIconName | {
+        name: TablerIconName;
+        stroke?: string;
+    };
+    /** Icon to display on the right side of the input */
+    iconRight?: TablerIconName | {
+        name: TablerIconName;
+        stroke?: string;
+    };
+    /** Container className for the entire input component including label and helper text */
+    containerClassName?: string;
+}
+declare function Input({ className, label, helperText, error, touched, iconLeft, iconRight, type, size, rounded, state, containerClassName, ...props }: Omit<React.ComponentProps<'input'>, 'size'> & InputProps): import("react/jsx-runtime").JSX.Element;
+export { Input, inputStyles };

package/dist/components/label.d.ts

@@ -0,0 +1,4 @@
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as React from 'react';
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/components/menubar.d.ts

@@ -0,0 +1,26 @@
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import * as React from 'react';
+declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };

package/dist/components/multi-select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),M=require("../badge-Czof3oqL.cjs"),x=require("../command-D9M8dk1M.cjs"),y=require("../popover-B8wp2cHF.cjs"),R=require("../index-DoxiiusW.cjs"),r=require("react"),v=require("../icon-component-LY_vGYHZ.cjs"),I=r.createContext(null);function k({children:e,values:n,defaultValues:i,onValuesChange:u}){const[g,m]=r.useState(!1),[h,p]=r.useState(new Set(n??i)),[E,f]=r.useState(new Map);function w(c){const s=l=>{const a=new Set(l);return a.has(c)?a.delete(c):a.add(c),a};p(s),u?.([...s(h)])}const j=r.useCallback((c,s)=>{f(l=>l.get(c)===s?l:new Map(l).set(c,s))},[]);return t.jsxRuntimeExports.jsx(I,{value:{open:g,setOpen:m,selectedValues:n?new Set(n):h,toggleValue:w,items:E,onItemAdded:j},children:t.jsxRuntimeExports.jsx(y.Popover,{open:g,onOpenChange:m,children:e})})}function V({className:e,children:n,...i}){const{open:u}=b();return t.jsxRuntimeExports.jsx(y.PopoverTrigger,{asChild:!0,children:t.jsxRuntimeExports.jsxs("button",{...i,role:i.role??"combobox","aria-expanded":i["aria-expanded"]??u,className:R.cn("border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex h-auto min-h-9 w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent px-3 py-1.5 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),children:[n,t.jsxRuntimeExports.jsx(v.IconComponent,{iconName:"IconSelector",className:"size-4 shrink-0 opacity-50"})]})})}function z({placeholder:e,clickToRemove:n=!0,className:i,overflowBehavior:u="wrap-when-open",...g}){const{selectedValues:m,toggleValue:h,items:p,open:E}=b(),[f,w]=r.useState(0),j=r.useRef(null),c=r.useRef(null),s=r.useRef(new Set),l=u==="wrap"||u==="wrap-when-open"&&E;r.useEffect(()=>{l&&s.current.forEach(o=>o.style.removeProperty("display"))},[l]);const a=r.useCallback(()=>{if(j.current==null)return;const o=j.current,d=c.current;d!=null&&(d.style.display="none"),s.current.forEach(S=>S.style.removeProperty("display"));let C=0;for(let S=s.current.size-1;S>=0;S--){const N=[...s.current][S];if(o.scrollWidth<=o.clientWidth)break;C=s.current.size-S,N.style.display="none",d?.style.removeProperty("display")}w(C)},[]);return r.useEffect(()=>{if(j.current==null)return;const o=new ResizeObserver(a);return o.observe(j.current),()=>o.disconnect()},[a]),r.useLayoutEffect(()=>{a()},[m,a]),m.size===0&&e?t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:e}):t.jsxRuntimeExports.jsxs("div",{...g,ref:j,className:R.cn("flex w-full gap-1.5 overflow-hidden",l&&"h-full flex-wrap",i),children:[[...m].filter(o=>p.has(o)).map(o=>t.jsxRuntimeExports.jsxs(M.Badge,{ref:d=>{if(d!=null)return s.current.add(d),()=>{s.current.delete(d)}},variant:"outline",className:"group flex items-center gap-1",onClick:n?d=>{d.stopPropagation(),h(o)}:void 0,children:[p.get(o),n&&t.jsxRuntimeExports.jsx(v.IconComponent,{iconName:"IconX",className:"text-muted-foreground group-hover:text-destructive size-2"})]},o)),t.jsxRuntimeExports.jsxs(M.Badge,{style:{display:f>0&&!l?"block":"none"},variant:"outline",ref:c,children:["+",f]})]})}function P({search:e=!0,children:n,...i}){const u=typeof e=="object"?!0:e;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:t.jsxRuntimeExports.jsx(x.Command,{children:t.jsxRuntimeExports.jsx(x.CommandList,{children:n})})}),t.jsxRuntimeExports.jsx(y.PopoverContent,{className:"min-w-[var(--radix-popover-trigger-width)] p-0",children:t.jsxRuntimeExports.jsxs(x.Command,{...i,children:[u?t.jsxRuntimeExports.jsx(x.CommandInput,{placeholder:typeof e=="object"?e.placeholder:void 0}):t.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),t.jsxRuntimeExports.jsxs(x.CommandList,{children:[u&&t.jsxRuntimeExports.jsx(x.CommandEmpty,{children:typeof e=="object"?e.emptyMessage:void 0}),n]})]})})]})}function q({value:e,children:n,badgeLabel:i,onSelect:u,...g}){const{toggleValue:m,selectedValues:h,onItemAdded:p}=b(),E=h.has(e);return r.useEffect(()=>{p(e,i??n)},[e,n,p,i]),t.jsxRuntimeExports.jsxs(x.CommandItem,{...g,value:e,onSelect:f=>{m(f),u?.(f)},children:[t.jsxRuntimeExports.jsx(v.IconComponent,{iconName:"IconCheck",className:R.cn("mr-2 size-4",E?"opacity-100":"opacity-0")}),n]})}function O(e){return t.jsxRuntimeExports.jsx(x.CommandGroup,{...e})}function A(e){return t.jsxRuntimeExports.jsx(x.CommandSeparator,{...e})}function b(){const e=r.useContext(I);if(e==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return e}exports.MultiSelect=k;exports.MultiSelectContent=P;exports.MultiSelectGroup=O;exports.MultiSelectItem=q;exports.MultiSelectSeparator=A;exports.MultiSelectTrigger=V;exports.MultiSelectValue=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),M=require("../badge-Czof3oqL.cjs"),x=require("../command-D9M8dk1M.cjs"),b=require("../popover-B8wp2cHF.cjs"),w=require("../index-DoxiiusW.cjs"),s=require("react"),R=require("../icon-component-LY_vGYHZ.cjs"),I=s.createContext(null);function k({children:e,values:n,defaultValues:r,onValuesChange:o}){const[m,p]=s.useState(!1),[h,f]=s.useState(new Set(n??r)),[y,j]=s.useState(new Map);function E(c){const i=l=>{const a=new Set(l);return a.has(c)?a.delete(c):a.add(c),a};f(i),o?.([...i(h)])}const g=s.useCallback((c,i)=>{j(l=>l.get(c)===i?l:new Map(l).set(c,i))},[]);return t.jsxRuntimeExports.jsx(I,{value:{open:m,setOpen:p,selectedValues:n?new Set(n):h,toggleValue:E,items:y,onItemAdded:g},children:t.jsxRuntimeExports.jsx(b.Popover,{open:m,onOpenChange:p,children:e})})}function V({className:e,children:n,size:r="md",...o}){const{open:m}=v();return t.jsxRuntimeExports.jsx(b.PopoverTrigger,{asChild:!0,children:t.jsxRuntimeExports.jsxs("button",{...o,role:o.role??"combobox","aria-expanded":o["aria-expanded"]??m,"data-size":r,className:w.cn("border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",r==="xs"&&'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',r==="sm"&&"text-label-md h-8 px-2 py-1",r==="md"&&"text-label-lg h-12 px-3 py-1",r==="lg"&&"text-label-xl h-16 px-4 py-2",e),children:[n,t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconSelector",className:"size-4 shrink-0 opacity-50"})]})})}function z({placeholder:e,clickToRemove:n=!0,className:r,overflowBehavior:o="wrap-when-open",...m}){const{selectedValues:p,toggleValue:h,items:f,open:y}=v(),[j,E]=s.useState(0),g=s.useRef(null),c=s.useRef(null),i=s.useRef(new Set),l=o==="wrap"||o==="wrap-when-open"&&y;s.useEffect(()=>{l&&i.current.forEach(u=>u.style.removeProperty("display"))},[l]);const a=s.useCallback(()=>{if(g.current==null)return;const u=g.current,d=c.current;d!=null&&(d.style.display="none"),i.current.forEach(S=>S.style.removeProperty("display"));let C=0;for(let S=i.current.size-1;S>=0;S--){const N=[...i.current][S];if(u.scrollWidth<=u.clientWidth)break;C=i.current.size-S,N.style.display="none",d?.style.removeProperty("display")}E(C)},[]);return s.useEffect(()=>{if(g.current==null)return;const u=new ResizeObserver(a);return u.observe(g.current),()=>u.disconnect()},[a]),s.useLayoutEffect(()=>{a()},[p,a]),p.size===0&&e?t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:e}):t.jsxRuntimeExports.jsxs("div",{...m,ref:g,className:w.cn("flex w-full gap-1.5 overflow-hidden min-h-[1.75rem]",l&&"flex-wrap",r),children:[[...p].filter(u=>f.has(u)).map(u=>t.jsxRuntimeExports.jsxs(M.Badge,{ref:d=>{if(d!=null)return i.current.add(d),()=>{i.current.delete(d)}},variant:"outline",className:"group flex items-center gap-1",onClick:n?d=>{d.stopPropagation(),h(u)}:void 0,children:[f.get(u),n&&t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconX",className:"text-muted-foreground group-hover:text-destructive size-2"})]},u)),t.jsxRuntimeExports.jsxs(M.Badge,{style:{display:j>0&&!l?"block":"none"},variant:"outline",ref:c,children:["+",j]})]})}function P({search:e=!0,children:n,...r}){const o=typeof e=="object"?!0:e;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:t.jsxRuntimeExports.jsx(x.Command,{children:t.jsxRuntimeExports.jsx(x.CommandList,{children:n})})}),t.jsxRuntimeExports.jsx(b.PopoverContent,{className:"min-w-[var(--radix-popover-trigger-width)] p-0",children:t.jsxRuntimeExports.jsxs(x.Command,{...r,children:[o?t.jsxRuntimeExports.jsx(x.CommandInput,{placeholder:typeof e=="object"?e.placeholder:void 0}):t.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),t.jsxRuntimeExports.jsxs(x.CommandList,{children:[o&&t.jsxRuntimeExports.jsx(x.CommandEmpty,{children:typeof e=="object"?e.emptyMessage:void 0}),n]})]})})]})}function q({value:e,children:n,badgeLabel:r,onSelect:o,...m}){const{toggleValue:p,selectedValues:h,onItemAdded:f}=v(),y=h.has(e);return s.useEffect(()=>{f(e,r??n)},[e,n,f,r]),t.jsxRuntimeExports.jsxs(x.CommandItem,{...m,value:e,onSelect:j=>{p(j),o?.(j)},children:[t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconCheck",className:w.cn("mr-2 size-4",y?"opacity-100":"opacity-0")}),n]})}function O(e){return t.jsxRuntimeExports.jsx(x.CommandGroup,{...e})}function _(e){return t.jsxRuntimeExports.jsx(x.CommandSeparator,{...e})}function v(){const e=s.useContext(I);if(e==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return e}exports.MultiSelect=k;exports.MultiSelectContent=P;exports.MultiSelectGroup=O;exports.MultiSelectItem=q;exports.MultiSelectSeparator=_;exports.MultiSelectTrigger=V;exports.MultiSelectValue=z;

package/dist/components/multi-select.d.ts

@@ -0,0 +1,33 @@
+import { Button } from '@/components/button';
+import { Command, CommandGroup, CommandItem, CommandSeparator } from '@/components/command';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+declare function MultiSelect({ children, values, defaultValues, onValuesChange, }: {
+    children: ReactNode;
+    values?: string[];
+    defaultValues?: string[];
+    onValuesChange?: (values: string[]) => void;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MultiSelectTrigger({ className, children, size, ...props }: {
+    className?: string;
+    children?: ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+} & ComponentPropsWithoutRef<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function MultiSelectValue({ placeholder, clickToRemove, className, overflowBehavior, ...props }: {
+    placeholder?: string;
+    clickToRemove?: boolean;
+    overflowBehavior?: 'wrap' | 'wrap-when-open' | 'cutoff';
+} & Omit<ComponentPropsWithoutRef<'div'>, 'children'>): import("react/jsx-runtime").JSX.Element;
+declare function MultiSelectContent({ search, children, ...props }: {
+    search?: boolean | {
+        placeholder?: string;
+        emptyMessage?: string;
+    };
+    children: ReactNode;
+} & Omit<ComponentPropsWithoutRef<typeof Command>, 'children'>): import("react/jsx-runtime").JSX.Element;
+declare function MultiSelectItem({ value, children, badgeLabel, onSelect, ...props }: {
+    badgeLabel?: ReactNode;
+    value: string;
+} & Omit<ComponentPropsWithoutRef<typeof CommandItem>, 'value'>): import("react/jsx-runtime").JSX.Element;
+declare function MultiSelectGroup(props: ComponentPropsWithoutRef<typeof CommandGroup>): import("react/jsx-runtime").JSX.Element;
+declare function MultiSelectSeparator(props: ComponentPropsWithoutRef<typeof CommandSeparator>): import("react/jsx-runtime").JSX.Element;
+export { MultiSelect, MultiSelectContent, MultiSelectGroup, MultiSelectItem, MultiSelectSeparator, MultiSelectTrigger, MultiSelectValue, };

package/dist/components/multi-select.es.js

@@ -1,59 +1,65 @@
 import { j as t } from "../jsx-runtime-C5mzlN2N.js";
 import { B as I } from "../badge-BnerQ2lF.js";
-import { C as k, f as z, d as O, b as R, c as A, e as _, g as W } from "../command-BGCSJ9vX.js";
+import { C as k, f as E, d as O, b as R, c as _, e as A, g as W } from "../command-BGCSJ9vX.js";
 import { P as F, b as G, c as B } from "../popover-BoDRCUh2.js";
 import { c as S } from "../index-CRiPKpXj.js";
-import { createContext as L, useState as j, useCallback as E, useEffect as b, useRef as v, useLayoutEffect as T, useContext as X } from "react";
+import { createContext as L, useState as y, useCallback as V, useEffect as v, useRef as j, useLayoutEffect as T, useContext as X } from "react";
 import { I as C } from "../icon-component-BZ-4FDV6.js";
-const V = L(null);
+const z = L(null);
 function Y({
   children: e,
   values: n,
-  defaultValues: s,
-  onValuesChange: i
+  defaultValues: r,
+  onValuesChange: o
 }) {
-  const [x, d] = j(!1), [g, m] = j(
-    new Set(n ?? s)
-  ), [w, p] = j(/* @__PURE__ */ new Map());
-  function y(c) {
-    const r = (l) => {
-      const a = new Set(l);
-      return a.has(c) ? a.delete(c) : a.add(c), a;
+  const [d, m] = y(!1), [g, p] = y(
+    new Set(n ?? r)
+  ), [w, f] = y(/* @__PURE__ */ new Map());
+  function b(a) {
+    const s = (l) => {
+      const c = new Set(l);
+      return c.has(a) ? c.delete(a) : c.add(a), c;
     };
-    m(r), i?.([...r(g)]);
+    p(s), o?.([...s(g)]);
   }
-  const f = E((c, r) => {
-    p((l) => l.get(c) === r ? l : new Map(l).set(c, r));
+  const x = V((a, s) => {
+    f((l) => l.get(a) === s ? l : new Map(l).set(a, s));
   }, []);
   return /* @__PURE__ */ t.jsx(
-    V,
+    z,
     {
       value: {
-        open: x,
-        setOpen: d,
+        open: d,
+        setOpen: m,
         selectedValues: n ? new Set(n) : g,
-        toggleValue: y,
+        toggleValue: b,
         items: w,
-        onItemAdded: f
+        onItemAdded: x
       },
-      children: /* @__PURE__ */ t.jsx(F, { open: x, onOpenChange: d, children: e })
+      children: /* @__PURE__ */ t.jsx(F, { open: d, onOpenChange: m, children: e })
     }
   );
 }
 function Z({
   className: e,
   children: n,
-  ...s
+  size: r = "md",
+  ...o
 }) {
-  const { open: i } = M();
+  const { open: d } = M();
   return /* @__PURE__ */ t.jsx(B, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
     "button",
     {
-      ...s,
-      role: s.role ?? "combobox",
-      "aria-expanded": s["aria-expanded"] ?? i,
+      ...o,
+      role: o.role ?? "combobox",
+      "aria-expanded": o["aria-expanded"] ?? d,
+      "data-size": r,
       className: S(
-        "border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex h-auto min-h-9 w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent px-3 py-1.5 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        r === "xs" && 'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',
+        r === "sm" && "text-label-md h-8 px-2 py-1",
+        r === "md" && "text-label-lg h-12 px-3 py-1",
+        r === "lg" && "text-label-xl h-16 px-4 py-2",
         e
       ),
       children: [
@@ -72,60 +78,60 @@ function Z({
 function $({
   placeholder: e,
   clickToRemove: n = !0,
-  className: s,
-  overflowBehavior: i = "wrap-when-open",
-  ...x
+  className: r,
+  overflowBehavior: o = "wrap-when-open",
+  ...d
 }) {
-  const { selectedValues: d, toggleValue: g, items: m, open: w } = M(), [p, y] = j(0), f = v(null), c = v(null), r = v(/* @__PURE__ */ new Set()), l = i === "wrap" || i === "wrap-when-open" && w;
-  b(() => {
-    l && r.current.forEach((o) => o.style.removeProperty("display"));
+  const { selectedValues: m, toggleValue: g, items: p, open: w } = M(), [f, b] = y(0), x = j(null), a = j(null), s = j(/* @__PURE__ */ new Set()), l = o === "wrap" || o === "wrap-when-open" && w;
+  v(() => {
+    l && s.current.forEach((i) => i.style.removeProperty("display"));
   }, [l]);
-  const a = E(() => {
-    if (f.current == null) return;
-    const o = f.current, u = c.current;
-    u != null && (u.style.display = "none"), r.current.forEach((h) => h.style.removeProperty("display"));
+  const c = V(() => {
+    if (x.current == null) return;
+    const i = x.current, u = a.current;
+    u != null && (u.style.display = "none"), s.current.forEach((h) => h.style.removeProperty("display"));
     let N = 0;
-    for (let h = r.current.size - 1; h >= 0; h--) {
-      const P = [...r.current][h];
-      if (o.scrollWidth <= o.clientWidth)
+    for (let h = s.current.size - 1; h >= 0; h--) {
+      const P = [...s.current][h];
+      if (i.scrollWidth <= i.clientWidth)
         break;
-      N = r.current.size - h, P.style.display = "none", u?.style.removeProperty("display");
+      N = s.current.size - h, P.style.display = "none", u?.style.removeProperty("display");
     }
-    y(N);
+    b(N);
   }, []);
-  return b(() => {
-    if (f.current == null) return;
-    const o = new ResizeObserver(a);
-    return o.observe(f.current), () => o.disconnect();
-  }, [a]), T(() => {
-    a();
-  }, [d, a]), d.size === 0 && e ? /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground font-normal", children: e }) : /* @__PURE__ */ t.jsxs(
+  return v(() => {
+    if (x.current == null) return;
+    const i = new ResizeObserver(c);
+    return i.observe(x.current), () => i.disconnect();
+  }, [c]), T(() => {
+    c();
+  }, [m, c]), m.size === 0 && e ? /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground font-normal", children: e }) : /* @__PURE__ */ t.jsxs(
     "div",
     {
-      ...x,
-      ref: f,
+      ...d,
+      ref: x,
       className: S(
-        "flex w-full gap-1.5 overflow-hidden",
-        l && "h-full flex-wrap",
-        s
+        "flex w-full gap-1.5 overflow-hidden min-h-[1.75rem]",
+        l && "flex-wrap",
+        r
       ),
       children: [
-        [...d].filter((o) => m.has(o)).map((o) => /* @__PURE__ */ t.jsxs(
+        [...m].filter((i) => p.has(i)).map((i) => /* @__PURE__ */ t.jsxs(
           I,
           {
             ref: (u) => {
               if (u != null)
-                return r.current.add(u), () => {
-                  r.current.delete(u);
+                return s.current.add(u), () => {
+                  s.current.delete(u);
                 };
             },
             variant: "outline",
             className: "group flex items-center gap-1",
             onClick: n ? (u) => {
-              u.stopPropagation(), g(o);
+              u.stopPropagation(), g(i);
             } : void 0,
             children: [
-              m.get(o),
+              p.get(i),
               n && /* @__PURE__ */ t.jsx(
                 C,
                 {
@@ -135,19 +141,19 @@ function $({
               )
             ]
           },
-          o
+          i
         )),
         /* @__PURE__ */ t.jsxs(
           I,
           {
             style: {
-              display: p > 0 && !l ? "block" : "none"
+              display: f > 0 && !l ? "block" : "none"
             },
             variant: "outline",
-            ref: c,
+            ref: a,
             children: [
               "+",
-              p
+              f
             ]
           }
         )
@@ -158,20 +164,20 @@ function $({
 function ee({
   search: e = !0,
   children: n,
-  ...s
+  ...r
 }) {
-  const i = typeof e == "object" ? !0 : e;
+  const o = typeof e == "object" ? !0 : e;
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(z, { children: n }) }) }),
-    /* @__PURE__ */ t.jsx(G, { className: "min-w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ t.jsxs(k, { ...s, children: [
-      i ? /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(E, { children: n }) }) }),
+    /* @__PURE__ */ t.jsx(G, { className: "min-w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ t.jsxs(k, { ...r, children: [
+      o ? /* @__PURE__ */ t.jsx(
         O,
         {
           placeholder: typeof e == "object" ? e.placeholder : void 0
         }
       ) : /* @__PURE__ */ t.jsx("button", { autoFocus: !0, "aria-hidden": "true", className: "sr-only" }),
-      /* @__PURE__ */ t.jsxs(z, { children: [
-        i && /* @__PURE__ */ t.jsx(R, { children: typeof e == "object" ? e.emptyMessage : void 0 }),
+      /* @__PURE__ */ t.jsxs(E, { children: [
+        o && /* @__PURE__ */ t.jsx(R, { children: typeof e == "object" ? e.emptyMessage : void 0 }),
         n
       ] })
     ] }) })
@@ -180,20 +186,20 @@ function ee({
 function te({
   value: e,
   children: n,
-  badgeLabel: s,
-  onSelect: i,
-  ...x
+  badgeLabel: r,
+  onSelect: o,
+  ...d
 }) {
-  const { toggleValue: d, selectedValues: g, onItemAdded: m } = M(), w = g.has(e);
-  return b(() => {
-    m(e, s ?? n);
-  }, [e, n, m, s]), /* @__PURE__ */ t.jsxs(
-    _,
+  const { toggleValue: m, selectedValues: g, onItemAdded: p } = M(), w = g.has(e);
+  return v(() => {
+    p(e, r ?? n);
+  }, [e, n, p, r]), /* @__PURE__ */ t.jsxs(
+    A,
     {
-      ...x,
+      ...d,
       value: e,
-      onSelect: (p) => {
-        d(p), i?.(p);
+      onSelect: (f) => {
+        m(f), o?.(f);
       },
       children: [
         /* @__PURE__ */ t.jsx(
@@ -209,13 +215,13 @@ function te({
   );
 }
 function ne(e) {
-  return /* @__PURE__ */ t.jsx(A, { ...e });
+  return /* @__PURE__ */ t.jsx(_, { ...e });
 }
 function re(e) {
   return /* @__PURE__ */ t.jsx(W, { ...e });
 }
 function M() {
-  const e = X(V);
+  const e = X(z);
   if (e == null)
     throw new Error(
       "useMultiSelectContext must be used within a MultiSelectContext"

package/dist/components/navigation-menu.d.ts

@@ -0,0 +1,14 @@
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as React from 'react';
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuViewport, };

package/dist/components/phone-input.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as RPNInput from 'react-phone-number-input';
+type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value' | 'ref'> & Omit<RPNInput.Props<typeof RPNInput.default>, 'onChange'> & {
+    onChange?: (value: RPNInput.Value) => void;
+    variant?: 'sm' | 'md' | 'lg';
+    rounded?: 'default' | 'full';
+    label?: string;
+    helperText?: string;
+    locale?: 'en' | 'es' | 'fr';
+    error?: string;
+    touched?: boolean;
+};
+declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
+export { PhoneInput };

package/dist/components/popover.d.ts

@@ -0,0 +1,7 @@
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React from 'react';
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/components/progress.d.ts

@@ -0,0 +1,4 @@
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as React from 'react';
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Progress };

package/dist/components/resizable.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): import("react/jsx-runtime").JSX.Element;
+declare function ResizablePanel({ ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as React from 'react';
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };

package/dist/components/select.d.ts

@@ -0,0 +1,15 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as React from 'react';
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/components/sheet.d.ts

@@ -0,0 +1,13 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };

package/dist/components/skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/components/slider.d.ts

@@ -0,0 +1,4 @@
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as React from 'react';
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Slider };

package/dist/components/sonner.d.ts

@@ -0,0 +1,3 @@
+import { ToasterProps } from 'sonner';
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster };

package/dist/components/switch.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from 'class-variance-authority';
+export interface ISwitchProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof switchRootStyles> {
+    defaultChecked?: boolean;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const switchRootStyles: (props?: ({
+    switchSize?: "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const SwitchComponent: import("react").ForwardRefExoticComponent<ISwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { SwitchComponent as Switch };