@raystack/apsara 0.50.0 → 0.50.1

package/dist/components/select/select-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-value.js","sources":["../../../components/select/select-value.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport { ElementRef, ReactNode, forwardRef, useMemo } from 'react';\nimport { SelectMultipleValue } from './select-multiple-value';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\nimport { ItemType } from './types';\n\ntype ValueType = Omit<ItemType, 'children'>;\n\ntype SelectValueProps = Omit<SelectPrimitive.SelectValueProps, 'children'> & {\n  children?: ((value?: ValueType | ValueType[]) => ReactNode) | ReactNode;\n};\n\nexport const SelectValue = forwardRef<\n  ElementRef<typeof SelectPrimitive.Value>,\n  SelectValueProps\n>(({ children, ...props }, ref) => {\n  const { value, items, multiple } = useSelectContext();\n\n  const item = useMemo(() => {\n    if (!value) return undefined;\n    if (multiple && Array.isArray(value)) {\n      const itemValues = value.map(v => items[v]);\n      if (itemValues.length === 1) return itemValues[0];\n      return itemValues;\n    }\n    return items[value as string];\n  }, [value, items, multiple]);\n\n  if (children) {\n    return (\n      <SelectPrimitive.Value ref={ref} {...props}>\n        {typeof children === 'function' ? children(item) : children}\n      </SelectPrimitive.Value>\n    );\n  }\n\n  if (Array.isArray(item))\n    return <SelectMultipleValue data={item} ref={ref} {...props} />;\n\n  return (\n    <SelectPrimitive.Value ref={ref} {...props}>\n      <div className={cx(styles.valueContent)}>\n        {typeof item?.children === 'string' && item?.leadingIcon && (\n          <div className={styles.itemIcon}>{item.leadingIcon}</div>\n        )}\n        {item?.children ?? value}\n      </div>\n    </SelectPrimitive.Value>\n  );\n});\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n"],"names":["_jsx","SelectPrimitive.Value","_jsxs"],"mappings":";;;;;;;;AAca,MAAA,WAAW,GAAG,UAAU,CAGnC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAChC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;AAEtD,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;AACxB,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,SAAS,CAAC;QAC7B,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACpC,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5C,YAAA,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;AAAE,gBAAA,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC;AAClD,YAAA,OAAO,UAAU,CAAC;SACnB;AACD,QAAA,OAAO,KAAK,CAAC,KAAe,CAAC,CAAC;KAC/B,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,IAAI,QAAQ,EAAE;AACZ,QAAA,QACEA,GAAA,CAACC,KAAqB,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,QAAA,EACvC,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ,EAAA,CACrC,EACxB;KACH;AAED,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AACrB,QAAA,OAAOD,GAAC,CAAA,mBAAmB,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAM,GAAA,KAAK,GAAI,CAAC;IAElE,QACEA,GAAC,CAAAC,KAAqB,IAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,QAAA,EACxCC,cAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EACpC,QAAA,EAAA,CAAA,OAAO,IAAI,EAAE,QAAQ,KAAK,QAAQ,IAAI,IAAI,EAAE,WAAW,KACtDF,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAG,QAAA,EAAA,IAAI,CAAC,WAAW,EAAA,CAAO,CAC1D,EACA,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAA,EAAA,CACpB,EACgB,CAAA,EACxB;AACJ,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAGC,KAAqB,CAAC,WAAW;;;;"}
+{"version":3,"file":"select-value.js","sources":["../../../components/select/select-value.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport { ElementRef, ReactNode, forwardRef, useMemo } from 'react';\nimport { SelectMultipleValue } from './select-multiple-value';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\nimport { ItemType } from './types';\n\ntype ValueType = Omit<ItemType, 'children'>;\n\ntype SelectValueProps = Omit<SelectPrimitive.SelectValueProps, 'children'> & {\n  children?: ((value?: ValueType | ValueType[]) => ReactNode) | ReactNode;\n};\n\nexport const SelectValue = forwardRef<\n  ElementRef<typeof SelectPrimitive.Value>,\n  SelectValueProps\n>(({ children, ...props }, ref) => {\n  const { value, items, multiple } = useSelectContext();\n\n  const item = useMemo(() => {\n    if (!value) return undefined;\n    if (multiple && Array.isArray(value)) {\n      const itemValues = value.map(v => items[v]);\n      if (itemValues.length === 1) return itemValues[0];\n      return itemValues;\n    }\n    return items[value as string];\n  }, [value, items, multiple]);\n\n  if (children) {\n    return (\n      <SelectPrimitive.Value ref={ref} {...props}>\n        {typeof children === 'function' ? children(item) : children}\n      </SelectPrimitive.Value>\n    );\n  }\n\n  if (Array.isArray(item))\n    return <SelectMultipleValue data={item} ref={ref} {...props} />;\n\n  return (\n    <SelectPrimitive.Value ref={ref} {...props}>\n      <div className={cx(styles.valueContent)}>\n        {typeof item?.children === 'string' && item?.leadingIcon && (\n          <div className={styles.itemIcon}>{item.leadingIcon}</div>\n        )}\n        {item?.children ?? value}\n      </div>\n    </SelectPrimitive.Value>\n  );\n});\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n"],"names":[],"mappings":";;;;;;;;;AAgBa;;AAMX;AACE;AAAY;;AAEV;AACA;AAA6B;AAC7B;;AAEF;;;AAIA;;AAOF;AACE;;AAYJ;AACA;;"}

package/dist/components/sheet/sheet.cjs

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/sheet/sheet.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.cjs","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ntype SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":["cva","styles","forwardRef","_jsx","DialogPrimitive.Portal","_jsxs","DialogPrimitive.Content","Cross1Icon","DialogPrimitive.Overlay","DialogPrimitive.Close","DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Title","DialogPrimitive.Description"],"mappings":"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"}
+{"version":3,"file":"sheet.cjs","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ntype SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":[],"mappings":";;;;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;;;AAID;;;;;"}

package/dist/components/sheet/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../components/sheet/sheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,YAAY;;8EAYhB,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY;;eAE4B,MAAM,SAAS;kDAoCnE,CAAC;AAEF,QAAA,MAAM,OAAO,oFAAsB,CAAC;AACpC,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAkBnC,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAErE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAEtE;AAED,eAAO,MAAM,KAAK;;;;mBArFmC,MAAM,SAAS;;;;;CA2FlE,CAAC"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../components/sheet/sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,YAAY;;8EAYhB,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY;;eAE4B,MAAM,SAAS;kDAoCnE,CAAC;AAEF,QAAA,MAAM,OAAO,oFAAsB,CAAC;AACpC,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAkBnC,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAErE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAEtE;AAED,eAAO,MAAM,KAAK;;;;mBArFmC,MAAM,SAAS;;;;;CA2FlE,CAAC"}

package/dist/components/sheet/sheet.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';

package/dist/components/sheet/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ntype SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":["_jsx","DialogPrimitive.Portal","_jsxs","DialogPrimitive.Content","DialogPrimitive.Overlay","DialogPrimitive.Close","DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Title","DialogPrimitive.Description"],"mappings":"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"}
+{"version":3,"file":"sheet.js","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ntype SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":[],"mappings":";;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;;;AAID;;"}

package/dist/components/sidebar/sidebar.cjs

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
@@ -13,12 +14,20 @@ const SidebarContext = React.createContext({
     isCollapsed: false
 });
 const root = index$1.cva(sidebar_module.default.root);
-const SidebarRoot = React.forwardRef(({ className, position = 'left', open, onOpenChange, hideCollapsedItemTooltip, collapsible = true, children, ...props }, ref) => (jsxRuntime.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntime.jsx(tooltip.Tooltip.Provider, { children: jsxRuntime.jsx(index.Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? 'expanded' : 'collapsed', "data-collapse-disabled": !collapsible, open: open, onOpenChange: collapsible ? onOpenChange : undefined, "aria-label": 'Navigation Sidebar', "aria-expanded": open, role: 'navigation', ...props, asChild: true, children: jsxRuntime.jsxs("aside", { children: [collapsible && (jsxRuntime.jsx(tooltip.Tooltip, { message: open ? 'Click to collapse' : 'Click to expand', side: position === 'left' ? 'right' : 'left', asChild: true, followCursor: true, sideOffset: 10, children: jsxRuntime.jsx("div", { className: sidebar_module.default.resizeHandle, onClick: () => onOpenChange?.(!open), role: 'button', tabIndex: 0, "aria-label": open ? 'Collapse sidebar' : 'Expand sidebar', onKeyDown: e => {
-                                if (e.key === 'Enter' || e.key === ' ') {
-                                    e.preventDefault();
-                                    onOpenChange?.(!open);
-                                }
-                            } }) })), children] }) }) }) })));
+const SidebarRoot = React.forwardRef(({ className, position = 'left', open: providedOpen, onOpenChange, hideCollapsedItemTooltip, collapsible = true, defaultOpen, children, ...props }, ref) => {
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const open = providedOpen ?? internalOpen;
+    const handleOpenChange = React.useCallback((value) => {
+        setInternalOpen(value);
+        onOpenChange?.(value);
+    }, [onOpenChange]);
+    return (jsxRuntime.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntime.jsx(tooltip.Tooltip.Provider, { children: jsxRuntime.jsx(index.Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? 'expanded' : 'collapsed', "data-collapse-disabled": !collapsible, open: open, onOpenChange: collapsible ? handleOpenChange : undefined, "aria-label": 'Navigation Sidebar', "aria-expanded": open, role: 'navigation', ...props, asChild: true, children: jsxRuntime.jsxs("aside", { children: [collapsible && (jsxRuntime.jsx(tooltip.Tooltip, { message: open ? 'Click to collapse' : 'Click to expand', side: position === 'left' ? 'right' : 'left', asChild: true, followCursor: true, sideOffset: 10, children: jsxRuntime.jsx("div", { className: sidebar_module.default.resizeHandle, onClick: () => handleOpenChange(!open), role: 'button', tabIndex: 0, "aria-label": open ? 'Collapse sidebar' : 'Expand sidebar', onKeyDown: e => {
+                                    if (e.key === 'Enter' || e.key === ' ') {
+                                        e.preventDefault();
+                                        handleOpenChange(!open);
+                                    }
+                                } }) })), children] }) }) }) }));
+});
 const SidebarHeader = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { align: 'center', ref: ref, className: sidebar_module.default.header, role: 'banner', ...props, children: children })));
 const SidebarMain = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, className: sidebar_module.default.main, direction: 'column', role: 'group', "aria-label": 'Main navigation', ...props, children: children })));
 const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, className: sidebar_module.default.footer, direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));

package/dist/components/sidebar/sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.cjs","sources":["../../../components/sidebar/sidebar.tsx"],"sourcesContent":["import { cva, cx } from 'class-variance-authority';\nimport { Collapsible } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\n\ninterface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  leadingIcon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    leadingIcon?: string;\n    text?: string;\n  };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<'div'> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {\n  label: string;\n  leadingIcon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarProps\n>(\n  (\n    {\n      className,\n      position = 'left',\n      open,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\n      children,\n      ...props\n    },\n    ref\n  ) => (\n    <SidebarContext.Provider\n      value={{ isCollapsed: !open, hideCollapsedItemTooltip }}\n    >\n      <Tooltip.Provider>\n        <Collapsible.Root\n          ref={ref}\n          className={root({ className })}\n          data-position={position}\n          data-state={open ? 'expanded' : 'collapsed'}\n          data-collapse-disabled={!collapsible}\n          open={open}\n          onOpenChange={collapsible ? onOpenChange : undefined}\n          aria-label='Navigation Sidebar'\n          aria-expanded={open}\n          role='navigation'\n          {...props}\n          asChild\n        >\n          <aside>\n            {collapsible && (\n              <Tooltip\n                message={open ? 'Click to collapse' : 'Click to expand'}\n                side={position === 'left' ? 'right' : 'left'}\n                asChild\n                followCursor\n                sideOffset={10}\n              >\n                <div\n                  className={styles.resizeHandle}\n                  onClick={() => onOpenChange?.(!open)}\n                  role='button'\n                  tabIndex={0}\n                  aria-label={open ? 'Collapse sidebar' : 'Expand sidebar'}\n                  onKeyDown={e => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      onOpenChange?.(!open);\n                    }\n                  }}\n                />\n              </Tooltip>\n            )}\n            {children}\n          </aside>\n        </Collapsible.Root>\n      </Tooltip.Provider>\n    </SidebarContext.Provider>\n  )\n);\n\nconst SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    align='center'\n    ref={ref}\n    className={styles.header}\n    role='banner'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.main}\n      direction='column'\n      role='group'\n      aria-label='Main navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.footer}\n      direction='column'\n      role='group'\n      aria-label='Footer navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      classNames,\n      leadingIcon,\n      children,\n      active,\n      disabled,\n      as = <a />,\n      ...props\n    },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext);\n\n    const shouldShowFallback =\n      leadingIcon == undefined &&\n      isCollapsed &&\n      typeof children === 'string' &&\n      children.length > 0;\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: cx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <Flex\n          align='center'\n          gap={3}\n          className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n          aria-hidden='true'\n        >\n          {shouldShowFallback ? (\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          ) : (\n            leadingIcon\n          )}\n        </Flex>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nconst SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex align='center' gap={3} className={styles['nav-group-header']}>\n      {leadingIcon && (\n        <span className={styles['nav-leading-icon']}>{leadingIcon}</span>\n      )}\n      <span className={styles['nav-group-label']}>{label}</span>\n    </Flex>\n    <Flex direction='column' className={styles['nav-group-items']} role='list'>\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarRoot.displayName = 'Sidebar.Root';\nSidebarHeader.displayName = 'Sidebar.Header';\nSidebarMain.displayName = 'Sidebar.Main';\nSidebarFooter.displayName = 'Sidebar.Footer';\nSidebarItem.displayName = 'Sidebar.Item';\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup\n});\n"],"names":["createContext","cva","styles","forwardRef","_jsx","Tooltip","Collapsible.Root","_jsxs","Flex","useContext","cloneElement","cx","Avatar"],"mappings":"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"}
+{"version":3,"file":"sidebar.cjs","sources":["../../../components/sidebar/sidebar.tsx"],"sourcesContent":["'use client';\n\nimport { cva, cx } from 'class-variance-authority';\nimport { Collapsible } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\n\ninterface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  leadingIcon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    leadingIcon?: string;\n    text?: string;\n  };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<'div'> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {\n  label: string;\n  leadingIcon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarProps\n>(\n  (\n    {\n      className,\n      position = 'left',\n      open: providedOpen,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\n      defaultOpen,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n    const open = providedOpen ?? internalOpen;\n\n    const handleOpenChange = useCallback(\n      (value: boolean) => {\n        setInternalOpen(value);\n        onOpenChange?.(value);\n      },\n      [onOpenChange]\n    );\n\n    return (\n      <SidebarContext.Provider\n        value={{ isCollapsed: !open, hideCollapsedItemTooltip }}\n      >\n        <Tooltip.Provider>\n          <Collapsible.Root\n            ref={ref}\n            className={root({ className })}\n            data-position={position}\n            data-state={open ? 'expanded' : 'collapsed'}\n            data-collapse-disabled={!collapsible}\n            open={open}\n            onOpenChange={collapsible ? handleOpenChange : undefined}\n            aria-label='Navigation Sidebar'\n            aria-expanded={open}\n            role='navigation'\n            {...props}\n            asChild\n          >\n            <aside>\n              {collapsible && (\n                <Tooltip\n                  message={open ? 'Click to collapse' : 'Click to expand'}\n                  side={position === 'left' ? 'right' : 'left'}\n                  asChild\n                  followCursor\n                  sideOffset={10}\n                >\n                  <div\n                    className={styles.resizeHandle}\n                    onClick={() => handleOpenChange(!open)}\n                    role='button'\n                    tabIndex={0}\n                    aria-label={open ? 'Collapse sidebar' : 'Expand sidebar'}\n                    onKeyDown={e => {\n                      if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        handleOpenChange(!open);\n                      }\n                    }}\n                  />\n                </Tooltip>\n              )}\n              {children}\n            </aside>\n          </Collapsible.Root>\n        </Tooltip.Provider>\n      </SidebarContext.Provider>\n    );\n  }\n);\n\nconst SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    align='center'\n    ref={ref}\n    className={styles.header}\n    role='banner'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.main}\n      direction='column'\n      role='group'\n      aria-label='Main navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.footer}\n      direction='column'\n      role='group'\n      aria-label='Footer navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      classNames,\n      leadingIcon,\n      children,\n      active,\n      disabled,\n      as = <a />,\n      ...props\n    },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext);\n\n    const shouldShowFallback =\n      leadingIcon == undefined &&\n      isCollapsed &&\n      typeof children === 'string' &&\n      children.length > 0;\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: cx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <Flex\n          align='center'\n          gap={3}\n          className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n          aria-hidden='true'\n        >\n          {shouldShowFallback ? (\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          ) : (\n            leadingIcon\n          )}\n        </Flex>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nconst SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex align='center' gap={3} className={styles['nav-group-header']}>\n      {leadingIcon && (\n        <span className={styles['nav-leading-icon']}>{leadingIcon}</span>\n      )}\n      <span className={styles['nav-group-label']}>{label}</span>\n    </Flex>\n    <Flex direction='column' className={styles['nav-group-items']} role='list'>\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarRoot.displayName = 'Sidebar.Root';\nSidebarHeader.displayName = 'Sidebar.Header';\nSidebarMain.displayName = 'Sidebar.Main';\nSidebarFooter.displayName = 'Sidebar.Footer';\nSidebarItem.displayName = 'Sidebar.Item';\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BA;AACE;AACD;AAED;AA4BA;;AAoBI;AAEA;;AAGI;AACF;AAIF;AAmCkB;;AAEE;;;AAYtB;AAGF;AAeA;AAeA;AAeA;;AAgBI;;;AAIE;AAEF;;;AAKI;AACA;AACA;;AAEA;AACA;AACD;AAwBH;AACE;;AAOF;AACF;AAGF;AAsBA;AACA;AACA;AACA;AACA;AACA;;AAGE;AACA;AACA;AACA;AACA;AACD;;"}

package/dist/components/sidebar/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EACL,wBAAwB,EAExB,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAiBf,UAAU,YACR,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAC9D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEvE,UAAU,2BAA4B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAoND,eAAO,MAAM,OAAO;;;;;;CAMlB,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EACL,wBAAwB,EAExB,YAAY,EACZ,SAAS,EAOV,MAAM,OAAO,CAAC;AAiBf,UAAU,YACR,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAC9D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEvE,UAAU,2BAA4B,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAmOD,eAAO,MAAM,OAAO;;;;;;CAMlB,CAAC"}

package/dist/components/sidebar/sidebar.js

@@ -1,6 +1,7 @@
+"use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import { createContext, forwardRef, useContext, cloneElement } from 'react';
+import { createContext, forwardRef, useState, useCallback, useContext, cloneElement } from 'react';
 import { Avatar } from '../avatar/avatar.js';
 import { Flex } from '../flex/flex.js';
 import { Tooltip } from '../tooltip/tooltip.js';
@@ -11,12 +12,20 @@ const SidebarContext = createContext({
     isCollapsed: false
 });
 const root = cva(styles.root);
-const SidebarRoot = forwardRef(({ className, position = 'left', open, onOpenChange, hideCollapsedItemTooltip, collapsible = true, children, ...props }, ref) => (jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsx(Tooltip.Provider, { children: jsx(Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? 'expanded' : 'collapsed', "data-collapse-disabled": !collapsible, open: open, onOpenChange: collapsible ? onOpenChange : undefined, "aria-label": 'Navigation Sidebar', "aria-expanded": open, role: 'navigation', ...props, asChild: true, children: jsxs("aside", { children: [collapsible && (jsx(Tooltip, { message: open ? 'Click to collapse' : 'Click to expand', side: position === 'left' ? 'right' : 'left', asChild: true, followCursor: true, sideOffset: 10, children: jsx("div", { className: styles.resizeHandle, onClick: () => onOpenChange?.(!open), role: 'button', tabIndex: 0, "aria-label": open ? 'Collapse sidebar' : 'Expand sidebar', onKeyDown: e => {
-                                if (e.key === 'Enter' || e.key === ' ') {
-                                    e.preventDefault();
-                                    onOpenChange?.(!open);
-                                }
-                            } }) })), children] }) }) }) })));
+const SidebarRoot = forwardRef(({ className, position = 'left', open: providedOpen, onOpenChange, hideCollapsedItemTooltip, collapsible = true, defaultOpen, children, ...props }, ref) => {
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const open = providedOpen ?? internalOpen;
+    const handleOpenChange = useCallback((value) => {
+        setInternalOpen(value);
+        onOpenChange?.(value);
+    }, [onOpenChange]);
+    return (jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsx(Tooltip.Provider, { children: jsx(Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? 'expanded' : 'collapsed', "data-collapse-disabled": !collapsible, open: open, onOpenChange: collapsible ? handleOpenChange : undefined, "aria-label": 'Navigation Sidebar', "aria-expanded": open, role: 'navigation', ...props, asChild: true, children: jsxs("aside", { children: [collapsible && (jsx(Tooltip, { message: open ? 'Click to collapse' : 'Click to expand', side: position === 'left' ? 'right' : 'left', asChild: true, followCursor: true, sideOffset: 10, children: jsx("div", { className: styles.resizeHandle, onClick: () => handleOpenChange(!open), role: 'button', tabIndex: 0, "aria-label": open ? 'Collapse sidebar' : 'Expand sidebar', onKeyDown: e => {
+                                    if (e.key === 'Enter' || e.key === ' ') {
+                                        e.preventDefault();
+                                        handleOpenChange(!open);
+                                    }
+                                } }) })), children] }) }) }) }));
+});
 const SidebarHeader = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { align: 'center', ref: ref, className: styles.header, role: 'banner', ...props, children: children })));
 const SidebarMain = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: styles.main, direction: 'column', role: 'group', "aria-label": 'Main navigation', ...props, children: children })));
 const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: styles.footer, direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));

package/dist/components/sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../components/sidebar/sidebar.tsx"],"sourcesContent":["import { cva, cx } from 'class-variance-authority';\nimport { Collapsible } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\n\ninterface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  leadingIcon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    leadingIcon?: string;\n    text?: string;\n  };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<'div'> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {\n  label: string;\n  leadingIcon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarProps\n>(\n  (\n    {\n      className,\n      position = 'left',\n      open,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\n      children,\n      ...props\n    },\n    ref\n  ) => (\n    <SidebarContext.Provider\n      value={{ isCollapsed: !open, hideCollapsedItemTooltip }}\n    >\n      <Tooltip.Provider>\n        <Collapsible.Root\n          ref={ref}\n          className={root({ className })}\n          data-position={position}\n          data-state={open ? 'expanded' : 'collapsed'}\n          data-collapse-disabled={!collapsible}\n          open={open}\n          onOpenChange={collapsible ? onOpenChange : undefined}\n          aria-label='Navigation Sidebar'\n          aria-expanded={open}\n          role='navigation'\n          {...props}\n          asChild\n        >\n          <aside>\n            {collapsible && (\n              <Tooltip\n                message={open ? 'Click to collapse' : 'Click to expand'}\n                side={position === 'left' ? 'right' : 'left'}\n                asChild\n                followCursor\n                sideOffset={10}\n              >\n                <div\n                  className={styles.resizeHandle}\n                  onClick={() => onOpenChange?.(!open)}\n                  role='button'\n                  tabIndex={0}\n                  aria-label={open ? 'Collapse sidebar' : 'Expand sidebar'}\n                  onKeyDown={e => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      onOpenChange?.(!open);\n                    }\n                  }}\n                />\n              </Tooltip>\n            )}\n            {children}\n          </aside>\n        </Collapsible.Root>\n      </Tooltip.Provider>\n    </SidebarContext.Provider>\n  )\n);\n\nconst SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    align='center'\n    ref={ref}\n    className={styles.header}\n    role='banner'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.main}\n      direction='column'\n      role='group'\n      aria-label='Main navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.footer}\n      direction='column'\n      role='group'\n      aria-label='Footer navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      classNames,\n      leadingIcon,\n      children,\n      active,\n      disabled,\n      as = <a />,\n      ...props\n    },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext);\n\n    const shouldShowFallback =\n      leadingIcon == undefined &&\n      isCollapsed &&\n      typeof children === 'string' &&\n      children.length > 0;\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: cx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <Flex\n          align='center'\n          gap={3}\n          className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n          aria-hidden='true'\n        >\n          {shouldShowFallback ? (\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          ) : (\n            leadingIcon\n          )}\n        </Flex>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nconst SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex align='center' gap={3} className={styles['nav-group-header']}>\n      {leadingIcon && (\n        <span className={styles['nav-leading-icon']}>{leadingIcon}</span>\n      )}\n      <span className={styles['nav-group-label']}>{label}</span>\n    </Flex>\n    <Flex direction='column' className={styles['nav-group-items']} role='list'>\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarRoot.displayName = 'Sidebar.Root';\nSidebarHeader.displayName = 'Sidebar.Header';\nSidebarMain.displayName = 'Sidebar.Main';\nSidebarFooter.displayName = 'Sidebar.Footer';\nSidebarItem.displayName = 'Sidebar.Item';\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup\n});\n"],"names":["_jsx","Collapsible.Root","_jsxs"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","sources":["../../../components/sidebar/sidebar.tsx"],"sourcesContent":["'use client';\n\nimport { cva, cx } from 'class-variance-authority';\nimport { Collapsible } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\n\ninterface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nconst root = cva(styles.root);\n\ninterface SidebarProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n}\n\ninterface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  leadingIcon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    leadingIcon?: string;\n    text?: string;\n  };\n}\n\ninterface SidebarFooterProps extends ComponentPropsWithoutRef<'div'> {}\n\ninterface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {\n  label: string;\n  leadingIcon?: ReactNode;\n}\n\nconst SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarProps\n>(\n  (\n    {\n      className,\n      position = 'left',\n      open: providedOpen,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\n      defaultOpen,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n    const open = providedOpen ?? internalOpen;\n\n    const handleOpenChange = useCallback(\n      (value: boolean) => {\n        setInternalOpen(value);\n        onOpenChange?.(value);\n      },\n      [onOpenChange]\n    );\n\n    return (\n      <SidebarContext.Provider\n        value={{ isCollapsed: !open, hideCollapsedItemTooltip }}\n      >\n        <Tooltip.Provider>\n          <Collapsible.Root\n            ref={ref}\n            className={root({ className })}\n            data-position={position}\n            data-state={open ? 'expanded' : 'collapsed'}\n            data-collapse-disabled={!collapsible}\n            open={open}\n            onOpenChange={collapsible ? handleOpenChange : undefined}\n            aria-label='Navigation Sidebar'\n            aria-expanded={open}\n            role='navigation'\n            {...props}\n            asChild\n          >\n            <aside>\n              {collapsible && (\n                <Tooltip\n                  message={open ? 'Click to collapse' : 'Click to expand'}\n                  side={position === 'left' ? 'right' : 'left'}\n                  asChild\n                  followCursor\n                  sideOffset={10}\n                >\n                  <div\n                    className={styles.resizeHandle}\n                    onClick={() => handleOpenChange(!open)}\n                    role='button'\n                    tabIndex={0}\n                    aria-label={open ? 'Collapse sidebar' : 'Expand sidebar'}\n                    onKeyDown={e => {\n                      if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        handleOpenChange(!open);\n                      }\n                    }}\n                  />\n                </Tooltip>\n              )}\n              {children}\n            </aside>\n          </Collapsible.Root>\n        </Tooltip.Provider>\n      </SidebarContext.Provider>\n    );\n  }\n);\n\nconst SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    align='center'\n    ref={ref}\n    className={styles.header}\n    role='banner'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\n\nconst SidebarMain = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.main}\n      direction='column'\n      role='group'\n      aria-label='Main navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarFooter = forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, children, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      className={styles.footer}\n      direction='column'\n      role='group'\n      aria-label='Footer navigation'\n      {...props}\n    >\n      {children}\n    </Flex>\n  )\n);\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      classNames,\n      leadingIcon,\n      children,\n      active,\n      disabled,\n      as = <a />,\n      ...props\n    },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext);\n\n    const shouldShowFallback =\n      leadingIcon == undefined &&\n      isCollapsed &&\n      typeof children === 'string' &&\n      children.length > 0;\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: cx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <Flex\n          align='center'\n          gap={3}\n          className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n          aria-hidden='true'\n        >\n          {shouldShowFallback ? (\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          ) : (\n            leadingIcon\n          )}\n        </Flex>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nconst SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex align='center' gap={3} className={styles['nav-group-header']}>\n      {leadingIcon && (\n        <span className={styles['nav-leading-icon']}>{leadingIcon}</span>\n      )}\n      <span className={styles['nav-group-label']}>{label}</span>\n    </Flex>\n    <Flex direction='column' className={styles['nav-group-items']} role='list'>\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarRoot.displayName = 'Sidebar.Root';\nSidebarHeader.displayName = 'Sidebar.Header';\nSidebarMain.displayName = 'Sidebar.Main';\nSidebarFooter.displayName = 'Sidebar.Footer';\nSidebarItem.displayName = 'Sidebar.Item';\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Main: SidebarMain,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Group: SidebarNavigationGroup\n});\n"],"names":[],"mappings":";;;;;;;;;;AA0BA;AACE;AACD;AAED;AA4BA;;AAoBI;AAEA;;AAGI;AACF;AAIF;AAmCkB;;AAEE;;;AAYtB;AAGF;AAeA;AAeA;AAeA;;AAgBI;;;AAIE;AAEF;;;AAKI;AACA;AACA;;AAEA;AACA;AACD;AAwBH;AACE;;AAOF;AACF;AAGF;AAsBA;AACA;AACA;AACA;AACA;AACA;;AAGE;AACA;AACA;AACA;AACA;AACD;;"}

package/dist/components/skeleton/skeleton.cjs

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/skeleton/skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.cjs","sources":["../../../components/skeleton/skeleton.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { CSSProperties, createContext, useContext } from 'react';\nimport styles from './skeleton.module.css';\n\nexport interface SkeletonProps {\n  baseColor?: string;\n  highlightColor?: string;\n  width?: string | number;\n  height?: string | number;\n  borderRadius?: string | number;\n  inline?: boolean;\n  duration?: number;\n  enableAnimation?: boolean;\n  count?: number;\n  style?: CSSProperties;\n  className?: string;\n  containerStyle?: CSSProperties;\n  containerClassName?: string;\n}\n\nconst SkeletonContext = createContext<SkeletonProps | null>(null);\n\ninterface SkeletonProviderProps extends SkeletonProps {\n  children: React.ReactNode;\n}\n\nconst SkeletonBase = (props: SkeletonProps) => {\n  const contextProps = useContext(SkeletonContext);\n\n  const {\n    baseColor,\n    highlightColor,\n    width,\n    height = 'var(--rs-space-4)',\n    borderRadius = 'var(--rs-radius-2)',\n    inline = false,\n    duration = 1.5,\n    count = 1,\n    enableAnimation = true,\n    style,\n    className,\n    containerStyle,\n    containerClassName\n  } = { ...contextProps, ...props };\n\n  const skeletonClassName = cx(\n    styles.skeleton,\n    inline && styles.inline,\n    enableAnimation && styles.animate,\n    className\n  );\n\n  const Container = inline ? 'span' : 'div';\n  const defaultWidth = inline ? '50px' : '100%';\n\n  return (\n    <Container\n      className={containerClassName}\n      style={{\n        display: inline ? 'inline-block' : 'flex',\n        flexDirection: !inline ? 'column' : undefined,\n        gap: !inline && count > 1 ? 'var(--rs-space-3)' : undefined,\n        ...containerStyle\n      }}\n    >\n      {Array.from({ length: count }).map((_, i) => (\n        <span\n          key={i}\n          className={skeletonClassName}\n          style={\n            {\n              width: width ?? defaultWidth,\n              height,\n              borderRadius,\n              '--skeleton-base-color': baseColor,\n              '--skeleton-highlight-color': highlightColor,\n              '--skeleton-duration': `${duration}s`,\n              ...style\n            } as CSSProperties\n          }\n        />\n      ))}\n    </Container>\n  );\n};\n\nconst Provider = ({ children, ...props }: SkeletonProviderProps) => {\n  return (\n    <SkeletonContext.Provider value={props}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n};\n\nexport const Skeleton = Object.assign(SkeletonBase, { Provider });\n"],"names":["createContext","useContext","cx","styles","_jsx"],"mappings":";;;;;;;AAoBA,MAAM,eAAe,GAAGA,mBAAa,CAAuB,IAAI,CAAC,CAAC;AAMlE,MAAM,YAAY,GAAG,CAAC,KAAoB,KAAI;AAC5C,IAAA,MAAM,YAAY,GAAGC,gBAAU,CAAC,eAAe,CAAC,CAAC;IAEjD,MAAM,EACJ,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,GAAG,mBAAmB,EAC5B,YAAY,GAAG,oBAAoB,EACnC,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,CAAC,EACT,eAAe,GAAG,IAAI,EACtB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EACnB,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;IAElC,MAAM,iBAAiB,GAAGC,QAAE,CAC1BC,uBAAM,CAAC,QAAQ,EACf,MAAM,IAAIA,uBAAM,CAAC,MAAM,EACvB,eAAe,IAAIA,uBAAM,CAAC,OAAO,EACjC,SAAS,CACV,CAAC;IAEF,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC1C,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAE9C,QACEC,eAAC,SAAS,EAAA,EACR,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;YACzC,aAAa,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAC7C,YAAA,GAAG,EAAE,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,mBAAmB,GAAG,SAAS;AAC3D,YAAA,GAAG,cAAc;SAClB,EAEA,QAAA,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MACtCA,cAEE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EACH;gBACE,KAAK,EAAE,KAAK,IAAI,YAAY;gBAC5B,MAAM;gBACN,YAAY;AACZ,gBAAA,uBAAuB,EAAE,SAAS;AAClC,gBAAA,4BAA4B,EAAE,cAAc;gBAC5C,qBAAqB,EAAE,CAAG,EAAA,QAAQ,CAAG,CAAA,CAAA;AACrC,gBAAA,GAAG,KAAK;AACQ,aAAA,EAAA,EAXf,CAAC,CAaN,CACH,CAAC,EAAA,CACQ,EACZ;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAyB,KAAI;AACjE,IAAA,QACEA,cAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACnC,QAAQ,EAAA,CACgB,EAC3B;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE;;;;"}
+{"version":3,"file":"skeleton.cjs","sources":["../../../components/skeleton/skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { CSSProperties, createContext, useContext } from 'react';\nimport styles from './skeleton.module.css';\n\nexport interface SkeletonProps {\n  baseColor?: string;\n  highlightColor?: string;\n  width?: string | number;\n  height?: string | number;\n  borderRadius?: string | number;\n  inline?: boolean;\n  duration?: number;\n  enableAnimation?: boolean;\n  count?: number;\n  style?: CSSProperties;\n  className?: string;\n  containerStyle?: CSSProperties;\n  containerClassName?: string;\n}\n\nconst SkeletonContext = createContext<SkeletonProps | null>(null);\n\ninterface SkeletonProviderProps extends SkeletonProps {\n  children: React.ReactNode;\n}\n\nconst SkeletonBase = (props: SkeletonProps) => {\n  const contextProps = useContext(SkeletonContext);\n\n  const {\n    baseColor,\n    highlightColor,\n    width,\n    height = 'var(--rs-space-4)',\n    borderRadius = 'var(--rs-radius-2)',\n    inline = false,\n    duration = 1.5,\n    count = 1,\n    enableAnimation = true,\n    style,\n    className,\n    containerStyle,\n    containerClassName\n  } = { ...contextProps, ...props };\n\n  const skeletonClassName = cx(\n    styles.skeleton,\n    inline && styles.inline,\n    enableAnimation && styles.animate,\n    className\n  );\n\n  const Container = inline ? 'span' : 'div';\n  const defaultWidth = inline ? '50px' : '100%';\n\n  return (\n    <Container\n      className={containerClassName}\n      style={{\n        display: inline ? 'inline-block' : 'flex',\n        flexDirection: !inline ? 'column' : undefined,\n        gap: !inline && count > 1 ? 'var(--rs-space-3)' : undefined,\n        ...containerStyle\n      }}\n    >\n      {Array.from({ length: count }).map((_, i) => (\n        <span\n          key={i}\n          className={skeletonClassName}\n          style={\n            {\n              width: width ?? defaultWidth,\n              height,\n              borderRadius,\n              '--skeleton-base-color': baseColor,\n              '--skeleton-highlight-color': highlightColor,\n              '--skeleton-duration': `${duration}s`,\n              ...style\n            } as CSSProperties\n          }\n        />\n      ))}\n    </Container>\n  );\n};\n\nconst Provider = ({ children, ...props }: SkeletonProviderProps) => {\n  return (\n    <SkeletonContext.Provider value={props}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n};\n\nexport const Skeleton = Object.assign(SkeletonBase, { Provider });\n"],"names":[],"mappings":";;;;;;;;AAsBA;AAMA;AACE;;;;;;;;AAkCM;AACA;;;;;AAYM;AACA;;AAEA;AACgB;AAM9B;AAEA;AACE;AAKF;AAEO;;"}

package/dist/components/skeleton/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../components/skeleton/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AAGjE,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,UAAU,qBAAsB,SAAQ,aAAa;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAsED,eAAO,MAAM,QAAQ,WApEQ,aAAa;uCA4DA,qBAAqB;CAQE,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AAGjE,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,UAAU,qBAAsB,SAAQ,aAAa;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAsED,eAAO,MAAM,QAAQ,WApEQ,aAAa;uCA4DA,qBAAqB;CAQE,CAAC"}

package/dist/components/skeleton/skeleton.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { createContext, useContext } from 'react';

package/dist/components/skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../../components/skeleton/skeleton.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { CSSProperties, createContext, useContext } from 'react';\nimport styles from './skeleton.module.css';\n\nexport interface SkeletonProps {\n  baseColor?: string;\n  highlightColor?: string;\n  width?: string | number;\n  height?: string | number;\n  borderRadius?: string | number;\n  inline?: boolean;\n  duration?: number;\n  enableAnimation?: boolean;\n  count?: number;\n  style?: CSSProperties;\n  className?: string;\n  containerStyle?: CSSProperties;\n  containerClassName?: string;\n}\n\nconst SkeletonContext = createContext<SkeletonProps | null>(null);\n\ninterface SkeletonProviderProps extends SkeletonProps {\n  children: React.ReactNode;\n}\n\nconst SkeletonBase = (props: SkeletonProps) => {\n  const contextProps = useContext(SkeletonContext);\n\n  const {\n    baseColor,\n    highlightColor,\n    width,\n    height = 'var(--rs-space-4)',\n    borderRadius = 'var(--rs-radius-2)',\n    inline = false,\n    duration = 1.5,\n    count = 1,\n    enableAnimation = true,\n    style,\n    className,\n    containerStyle,\n    containerClassName\n  } = { ...contextProps, ...props };\n\n  const skeletonClassName = cx(\n    styles.skeleton,\n    inline && styles.inline,\n    enableAnimation && styles.animate,\n    className\n  );\n\n  const Container = inline ? 'span' : 'div';\n  const defaultWidth = inline ? '50px' : '100%';\n\n  return (\n    <Container\n      className={containerClassName}\n      style={{\n        display: inline ? 'inline-block' : 'flex',\n        flexDirection: !inline ? 'column' : undefined,\n        gap: !inline && count > 1 ? 'var(--rs-space-3)' : undefined,\n        ...containerStyle\n      }}\n    >\n      {Array.from({ length: count }).map((_, i) => (\n        <span\n          key={i}\n          className={skeletonClassName}\n          style={\n            {\n              width: width ?? defaultWidth,\n              height,\n              borderRadius,\n              '--skeleton-base-color': baseColor,\n              '--skeleton-highlight-color': highlightColor,\n              '--skeleton-duration': `${duration}s`,\n              ...style\n            } as CSSProperties\n          }\n        />\n      ))}\n    </Container>\n  );\n};\n\nconst Provider = ({ children, ...props }: SkeletonProviderProps) => {\n  return (\n    <SkeletonContext.Provider value={props}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n};\n\nexport const Skeleton = Object.assign(SkeletonBase, { Provider });\n"],"names":["_jsx"],"mappings":";;;;;AAoBA,MAAM,eAAe,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAMlE,MAAM,YAAY,GAAG,CAAC,KAAoB,KAAI;AAC5C,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAEjD,MAAM,EACJ,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,GAAG,mBAAmB,EAC5B,YAAY,GAAG,oBAAoB,EACnC,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,CAAC,EACT,eAAe,GAAG,IAAI,EACtB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EACnB,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;IAElC,MAAM,iBAAiB,GAAG,EAAE,CAC1B,MAAM,CAAC,QAAQ,EACf,MAAM,IAAI,MAAM,CAAC,MAAM,EACvB,eAAe,IAAI,MAAM,CAAC,OAAO,EACjC,SAAS,CACV,CAAC;IAEF,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC1C,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAE9C,QACEA,IAAC,SAAS,EAAA,EACR,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;YACzC,aAAa,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAC7C,YAAA,GAAG,EAAE,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,mBAAmB,GAAG,SAAS;AAC3D,YAAA,GAAG,cAAc;SAClB,EAEA,QAAA,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MACtCA,GAEE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EACH;gBACE,KAAK,EAAE,KAAK,IAAI,YAAY;gBAC5B,MAAM;gBACN,YAAY;AACZ,gBAAA,uBAAuB,EAAE,SAAS;AAClC,gBAAA,4BAA4B,EAAE,cAAc;gBAC5C,qBAAqB,EAAE,CAAG,EAAA,QAAQ,CAAG,CAAA,CAAA;AACrC,gBAAA,GAAG,KAAK;AACQ,aAAA,EAAA,EAXf,CAAC,CAaN,CACH,CAAC,EAAA,CACQ,EACZ;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAyB,KAAI;AACjE,IAAA,QACEA,GAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACnC,QAAQ,EAAA,CACgB,EAC3B;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE;;;;"}
+{"version":3,"file":"skeleton.js","sources":["../../../components/skeleton/skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { CSSProperties, createContext, useContext } from 'react';\nimport styles from './skeleton.module.css';\n\nexport interface SkeletonProps {\n  baseColor?: string;\n  highlightColor?: string;\n  width?: string | number;\n  height?: string | number;\n  borderRadius?: string | number;\n  inline?: boolean;\n  duration?: number;\n  enableAnimation?: boolean;\n  count?: number;\n  style?: CSSProperties;\n  className?: string;\n  containerStyle?: CSSProperties;\n  containerClassName?: string;\n}\n\nconst SkeletonContext = createContext<SkeletonProps | null>(null);\n\ninterface SkeletonProviderProps extends SkeletonProps {\n  children: React.ReactNode;\n}\n\nconst SkeletonBase = (props: SkeletonProps) => {\n  const contextProps = useContext(SkeletonContext);\n\n  const {\n    baseColor,\n    highlightColor,\n    width,\n    height = 'var(--rs-space-4)',\n    borderRadius = 'var(--rs-radius-2)',\n    inline = false,\n    duration = 1.5,\n    count = 1,\n    enableAnimation = true,\n    style,\n    className,\n    containerStyle,\n    containerClassName\n  } = { ...contextProps, ...props };\n\n  const skeletonClassName = cx(\n    styles.skeleton,\n    inline && styles.inline,\n    enableAnimation && styles.animate,\n    className\n  );\n\n  const Container = inline ? 'span' : 'div';\n  const defaultWidth = inline ? '50px' : '100%';\n\n  return (\n    <Container\n      className={containerClassName}\n      style={{\n        display: inline ? 'inline-block' : 'flex',\n        flexDirection: !inline ? 'column' : undefined,\n        gap: !inline && count > 1 ? 'var(--rs-space-3)' : undefined,\n        ...containerStyle\n      }}\n    >\n      {Array.from({ length: count }).map((_, i) => (\n        <span\n          key={i}\n          className={skeletonClassName}\n          style={\n            {\n              width: width ?? defaultWidth,\n              height,\n              borderRadius,\n              '--skeleton-base-color': baseColor,\n              '--skeleton-highlight-color': highlightColor,\n              '--skeleton-duration': `${duration}s`,\n              ...style\n            } as CSSProperties\n          }\n        />\n      ))}\n    </Container>\n  );\n};\n\nconst Provider = ({ children, ...props }: SkeletonProviderProps) => {\n  return (\n    <SkeletonContext.Provider value={props}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n};\n\nexport const Skeleton = Object.assign(SkeletonBase, { Provider });\n"],"names":[],"mappings":";;;;;;AAsBA;AAMA;AACE;;;;;;;;AAkCM;AACA;;;;;AAYM;AACA;;AAEA;AACgB;AAM9B;AAEA;AACE;AAKF;AAEO;;"}

package/dist/components/slider/slider.cjs

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/slider/slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.cjs","sources":["../../../components/slider/slider.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport styles from './slider.module.css';\nimport { ThumbIcon } from './thumb';\n\nconst slider = cva(styles.slider, {\n  variants: {\n    variant: {\n      single: styles['slider-variant-single'],\n      range: styles['slider-variant-range']\n    }\n  },\n  defaultVariants: {\n    variant: 'single'\n  }\n});\n\nexport interface SliderProps\n  extends Omit<\n      ComponentPropsWithoutRef<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onChange'\n    >,\n    VariantProps<typeof slider> {\n  value?: number | [number, number];\n  defaultValue?: number | [number, number];\n  min?: number;\n  max?: number;\n  step?: number;\n  label?: string | [string, string];\n  onChange?: (value: number | [number, number]) => void;\n  'aria-label'?: string;\n  'aria-valuetext'?: string;\n}\n\nexport const Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(\n  (\n    {\n      className,\n      variant = 'single',\n      value,\n      defaultValue,\n      min = 0,\n      max = 100,\n      step = 1,\n      label,\n      onChange,\n      'aria-label': ariaLabel,\n      'aria-valuetext': ariaValueText,\n      ...props\n    },\n    ref\n  ) => {\n    const isRange = variant === 'range';\n    const defaultVal = isRange\n      ? (defaultValue as [number, number]) || [min, max]\n      : [(defaultValue as number) || min];\n    const currentValue = value\n      ? isRange\n        ? (value as [number, number])\n        : [value as number]\n      : defaultVal;\n\n    const getLabel = (index: number) => {\n      if (!label) return undefined;\n      if (typeof label === 'string') return label;\n      return label[index];\n    };\n\n    const getAriaValueText = (index: number) => {\n      if (ariaValueText) return ariaValueText;\n      const labelText = getLabel(index);\n      const val = currentValue[index];\n      return labelText ? `${labelText}: ${val}` : `${val}`;\n    };\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className={`${slider({ variant })} ${className || ''}`}\n        value={value ? currentValue : undefined}\n        defaultValue={defaultVal}\n        min={min}\n        max={max}\n        step={step}\n        onValueChange={val =>\n          onChange?.(isRange ? (val as [number, number]) : val[0])\n        }\n        aria-label={ariaLabel || (isRange ? 'Range slider' : 'Slider')}\n        {...props}\n      >\n        <SliderPrimitive.Track className={styles.track}>\n          <SliderPrimitive.Range className={styles.range} />\n        </SliderPrimitive.Track>\n        {defaultVal.map((_, i) => (\n          <SliderPrimitive.Thumb\n            key={i}\n            className={styles.thumb}\n            asChild\n            aria-label={getLabel(i) || `Thumb ${i + 1}`}\n            aria-valuetext={getAriaValueText(i)}\n          >\n            <div>\n              <ThumbIcon />\n              {getLabel(i) && <div className={styles.label}>{getLabel(i)}</div>}\n            </div>\n          </SliderPrimitive.Thumb>\n        ))}\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n"],"names":["cva","styles","React","_jsxs","SliderPrimitive.Root","_jsx","SliderPrimitive.Track","SliderPrimitive.Range","SliderPrimitive.Thumb","ThumbIcon"],"mappings":"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"}
+{"version":3,"file":"slider.cjs","sources":["../../../components/slider/slider.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport styles from './slider.module.css';\nimport { ThumbIcon } from './thumb';\n\nconst slider = cva(styles.slider, {\n  variants: {\n    variant: {\n      single: styles['slider-variant-single'],\n      range: styles['slider-variant-range']\n    }\n  },\n  defaultVariants: {\n    variant: 'single'\n  }\n});\n\nexport interface SliderProps\n  extends Omit<\n      ComponentPropsWithoutRef<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onChange'\n    >,\n    VariantProps<typeof slider> {\n  value?: number | [number, number];\n  defaultValue?: number | [number, number];\n  min?: number;\n  max?: number;\n  step?: number;\n  label?: string | [string, string];\n  onChange?: (value: number | [number, number]) => void;\n  'aria-label'?: string;\n  'aria-valuetext'?: string;\n}\n\nexport const Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(\n  (\n    {\n      className,\n      variant = 'single',\n      value,\n      defaultValue,\n      min = 0,\n      max = 100,\n      step = 1,\n      label,\n      onChange,\n      'aria-label': ariaLabel,\n      'aria-valuetext': ariaValueText,\n      ...props\n    },\n    ref\n  ) => {\n    const isRange = variant === 'range';\n    const defaultVal = isRange\n      ? (defaultValue as [number, number]) || [min, max]\n      : [(defaultValue as number) || min];\n    const currentValue = value\n      ? isRange\n        ? (value as [number, number])\n        : [value as number]\n      : defaultVal;\n\n    const getLabel = (index: number) => {\n      if (!label) return undefined;\n      if (typeof label === 'string') return label;\n      return label[index];\n    };\n\n    const getAriaValueText = (index: number) => {\n      if (ariaValueText) return ariaValueText;\n      const labelText = getLabel(index);\n      const val = currentValue[index];\n      return labelText ? `${labelText}: ${val}` : `${val}`;\n    };\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className={`${slider({ variant })} ${className || ''}`}\n        value={value ? currentValue : undefined}\n        defaultValue={defaultVal}\n        min={min}\n        max={max}\n        step={step}\n        onValueChange={val =>\n          onChange?.(isRange ? (val as [number, number]) : val[0])\n        }\n        aria-label={ariaLabel || (isRange ? 'Range slider' : 'Slider')}\n        {...props}\n      >\n        <SliderPrimitive.Track className={styles.track}>\n          <SliderPrimitive.Range className={styles.range} />\n        </SliderPrimitive.Track>\n        {defaultVal.map((_, i) => (\n          <SliderPrimitive.Thumb\n            key={i}\n            className={styles.thumb}\n            asChild\n            aria-label={getLabel(i) || `Thumb ${i + 1}`}\n            aria-valuetext={getAriaValueText(i)}\n          >\n            <div>\n              <ThumbIcon />\n              {getLabel(i) && <div className={styles.label}>{getLabel(i)}</div>}\n            </div>\n          </SliderPrimitive.Thumb>\n        ))}\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;;AAwCG;;AAEE;AACA;;AAEA;AACE;;;AAIJ;AACE;AAAY;;AACmB;AAC/B;AACF;AAEA;AACE;AAAmB;AACnB;AACA;AACA;AACF;AAEA;AAkCF;AAGF;;"}

package/dist/components/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../components/slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,QAAA,MAAM,MAAM;;8EAUV,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,IAAI,CACR,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EACrD,OAAO,GAAG,cAAc,GAAG,UAAU,CACtC,EACD,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,qFA+ElB,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../components/slider/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,QAAA,MAAM,MAAM;;8EAUV,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,IAAI,CACR,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EACrD,OAAO,GAAG,cAAc,GAAG,UAAU,CACtC,EACD,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,qFA+ElB,CAAC"}

package/dist/components/slider/slider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import * as React from 'react';

package/dist/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../components/slider/slider.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport styles from './slider.module.css';\nimport { ThumbIcon } from './thumb';\n\nconst slider = cva(styles.slider, {\n  variants: {\n    variant: {\n      single: styles['slider-variant-single'],\n      range: styles['slider-variant-range']\n    }\n  },\n  defaultVariants: {\n    variant: 'single'\n  }\n});\n\nexport interface SliderProps\n  extends Omit<\n      ComponentPropsWithoutRef<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onChange'\n    >,\n    VariantProps<typeof slider> {\n  value?: number | [number, number];\n  defaultValue?: number | [number, number];\n  min?: number;\n  max?: number;\n  step?: number;\n  label?: string | [string, string];\n  onChange?: (value: number | [number, number]) => void;\n  'aria-label'?: string;\n  'aria-valuetext'?: string;\n}\n\nexport const Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(\n  (\n    {\n      className,\n      variant = 'single',\n      value,\n      defaultValue,\n      min = 0,\n      max = 100,\n      step = 1,\n      label,\n      onChange,\n      'aria-label': ariaLabel,\n      'aria-valuetext': ariaValueText,\n      ...props\n    },\n    ref\n  ) => {\n    const isRange = variant === 'range';\n    const defaultVal = isRange\n      ? (defaultValue as [number, number]) || [min, max]\n      : [(defaultValue as number) || min];\n    const currentValue = value\n      ? isRange\n        ? (value as [number, number])\n        : [value as number]\n      : defaultVal;\n\n    const getLabel = (index: number) => {\n      if (!label) return undefined;\n      if (typeof label === 'string') return label;\n      return label[index];\n    };\n\n    const getAriaValueText = (index: number) => {\n      if (ariaValueText) return ariaValueText;\n      const labelText = getLabel(index);\n      const val = currentValue[index];\n      return labelText ? `${labelText}: ${val}` : `${val}`;\n    };\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className={`${slider({ variant })} ${className || ''}`}\n        value={value ? currentValue : undefined}\n        defaultValue={defaultVal}\n        min={min}\n        max={max}\n        step={step}\n        onValueChange={val =>\n          onChange?.(isRange ? (val as [number, number]) : val[0])\n        }\n        aria-label={ariaLabel || (isRange ? 'Range slider' : 'Slider')}\n        {...props}\n      >\n        <SliderPrimitive.Track className={styles.track}>\n          <SliderPrimitive.Range className={styles.range} />\n        </SliderPrimitive.Track>\n        {defaultVal.map((_, i) => (\n          <SliderPrimitive.Thumb\n            key={i}\n            className={styles.thumb}\n            asChild\n            aria-label={getLabel(i) || `Thumb ${i + 1}`}\n            aria-valuetext={getAriaValueText(i)}\n          >\n            <div>\n              <ThumbIcon />\n              {getLabel(i) && <div className={styles.label}>{getLabel(i)}</div>}\n            </div>\n          </SliderPrimitive.Thumb>\n        ))}\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n"],"names":["_jsxs","SliderPrimitive.Root","_jsx","SliderPrimitive.Track","SliderPrimitive.Range","SliderPrimitive.Thumb"],"mappings":"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"}
+{"version":3,"file":"slider.js","sources":["../../../components/slider/slider.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport styles from './slider.module.css';\nimport { ThumbIcon } from './thumb';\n\nconst slider = cva(styles.slider, {\n  variants: {\n    variant: {\n      single: styles['slider-variant-single'],\n      range: styles['slider-variant-range']\n    }\n  },\n  defaultVariants: {\n    variant: 'single'\n  }\n});\n\nexport interface SliderProps\n  extends Omit<\n      ComponentPropsWithoutRef<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onChange'\n    >,\n    VariantProps<typeof slider> {\n  value?: number | [number, number];\n  defaultValue?: number | [number, number];\n  min?: number;\n  max?: number;\n  step?: number;\n  label?: string | [string, string];\n  onChange?: (value: number | [number, number]) => void;\n  'aria-label'?: string;\n  'aria-valuetext'?: string;\n}\n\nexport const Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(\n  (\n    {\n      className,\n      variant = 'single',\n      value,\n      defaultValue,\n      min = 0,\n      max = 100,\n      step = 1,\n      label,\n      onChange,\n      'aria-label': ariaLabel,\n      'aria-valuetext': ariaValueText,\n      ...props\n    },\n    ref\n  ) => {\n    const isRange = variant === 'range';\n    const defaultVal = isRange\n      ? (defaultValue as [number, number]) || [min, max]\n      : [(defaultValue as number) || min];\n    const currentValue = value\n      ? isRange\n        ? (value as [number, number])\n        : [value as number]\n      : defaultVal;\n\n    const getLabel = (index: number) => {\n      if (!label) return undefined;\n      if (typeof label === 'string') return label;\n      return label[index];\n    };\n\n    const getAriaValueText = (index: number) => {\n      if (ariaValueText) return ariaValueText;\n      const labelText = getLabel(index);\n      const val = currentValue[index];\n      return labelText ? `${labelText}: ${val}` : `${val}`;\n    };\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className={`${slider({ variant })} ${className || ''}`}\n        value={value ? currentValue : undefined}\n        defaultValue={defaultVal}\n        min={min}\n        max={max}\n        step={step}\n        onValueChange={val =>\n          onChange?.(isRange ? (val as [number, number]) : val[0])\n        }\n        aria-label={ariaLabel || (isRange ? 'Range slider' : 'Slider')}\n        {...props}\n      >\n        <SliderPrimitive.Track className={styles.track}>\n          <SliderPrimitive.Range className={styles.range} />\n        </SliderPrimitive.Track>\n        {defaultVal.map((_, i) => (\n          <SliderPrimitive.Thumb\n            key={i}\n            className={styles.thumb}\n            asChild\n            aria-label={getLabel(i) || `Thumb ${i + 1}`}\n            aria-valuetext={getAriaValueText(i)}\n          >\n            <div>\n              <ThumbIcon />\n              {getLabel(i) && <div className={styles.label}>{getLabel(i)}</div>}\n            </div>\n          </SliderPrimitive.Thumb>\n        ))}\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n"],"names":[],"mappings":";;;;;;;;AASA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;;AAwCG;;AAEE;AACA;;AAEA;AACE;;;AAIJ;AACE;AAAY;;AACmB;AAC/B;AACF;AAEA;AACE;AAAmB;AACnB;AACA;AACA;AACF;AAEA;AAkCF;AAGF;;"}

package/dist/components/switch/switch.cjs

@@ -6,10 +6,19 @@ var React = require('react');
 var switch_module = require('./switch.module.css.cjs');
 var index = require('../../node_modules/.pnpm/@radix-ui_react-switch@1.2.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_7cc2hdqtqg5xrhsyw2ibpmjamm/node_modules/@radix-ui/react-switch/dist/index.cjs');
 
-const switchVariants = index$1.cva(switch_module.default.switch);
-const Switch = React.forwardRef(({ className, disabled, required, ...props }, forwardedRef) => (jsxRuntime.jsx(index.Root, { ...props, ref: forwardedRef, disabled: disabled, required: required, className: switchVariants({ className }), "data-disabled": disabled, children: jsxRuntime.jsx(SwitchThumb, {}) })));
-const thumbVariants = index$1.cva(switch_module.default.thumb);
-const SwitchThumb = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Thumb, { ref: ref, className: thumbVariants({ className }), ...props })));
+const switchVariants = index$1.cva(switch_module.default.switch, {
+    variants: {
+        size: {
+            large: switch_module.default.large,
+            small: switch_module.default.small
+        }
+    },
+    defaultVariants: {
+        size: 'large'
+    }
+});
+const Switch = React.forwardRef(({ className, disabled, required, size, ...props }, forwardedRef) => (jsxRuntime.jsx(index.Root, { ...props, ref: forwardedRef, disabled: disabled, required: required, className: switchVariants({ size, className }), "data-disabled": disabled, children: jsxRuntime.jsx(SwitchThumb, {}) })));
+const SwitchThumb = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Thumb, { ref: ref, className: index$1.cx(switch_module.default.thumb, className), ...props })));
 Switch.displayName = 'Switch';
 
 exports.Switch = Switch;

package/dist/components/switch/switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.cjs","sources":["../../../components/switch/switch.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './switch.module.css';\n\nconst switchVariants = cva(styles.switch);\n\nexport interface SwitchProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {\n  disabled?: boolean;\n  required?: boolean;\n}\n\nexport const Switch = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(({ className, disabled, required, ...props }, forwardedRef) => (\n  <SwitchPrimitive.Root\n    {...props}\n    ref={forwardedRef}\n    disabled={disabled}\n    required={required}\n    className={switchVariants({ className })}\n    data-disabled={disabled}\n  >\n    <SwitchThumb />\n  </SwitchPrimitive.Root>\n));\n\nconst thumbVariants = cva(styles.thumb);\n\ninterface ThumbProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb> {}\n\nconst SwitchThumb = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Thumb>,\n  ThumbProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitive.Thumb\n    ref={ref}\n    className={thumbVariants({ className })}\n    {...props}\n  />\n));\n\nSwitch.displayName = 'Switch';\n"],"names":["cva","styles","forwardRef","_jsx","SwitchPrimitive.Root","SwitchPrimitive.Thumb"],"mappings":";;;;;;;;AAMA,MAAM,cAAc,GAAGA,WAAG,CAACC,qBAAM,CAAC,MAAM,CAAC,CAAC;AAQ7B,MAAA,MAAM,GAAGC,gBAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,MAC1DC,cAAC,CAAAC,UAAoB,EACf,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,eAAA,EACzB,QAAQ,EAAA,QAAA,EAEvBD,cAAC,CAAA,WAAW,EAAG,EAAA,CAAA,EAAA,CACM,CACxB,EAAE;AAEH,MAAM,aAAa,GAAGH,WAAG,CAACC,qBAAM,CAAC,KAAK,CAAC,CAAC;AAKxC,MAAM,WAAW,GAAGC,gBAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BC,cAAC,CAAAE,WAAqB,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GACnC,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"switch.cjs","sources":["../../../components/switch/switch.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './switch.module.css';\n\nconst switchVariants = cva(styles.switch, {\n  variants: {\n    size: {\n      large: styles.large,\n      small: styles.small\n    }\n  },\n  defaultVariants: {\n    size: 'large'\n  }\n});\n\nexport interface SwitchProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>,\n    VariantProps<typeof switchVariants> {}\n\nexport const Switch = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(({ className, disabled, required, size, ...props }, forwardedRef) => (\n  <SwitchPrimitive.Root\n    {...props}\n    ref={forwardedRef}\n    disabled={disabled}\n    required={required}\n    className={switchVariants({ size, className })}\n    data-disabled={disabled}\n  >\n    <SwitchThumb />\n  </SwitchPrimitive.Root>\n));\n\ninterface ThumbProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb> {}\n\nconst SwitchThumb = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Thumb>,\n  ThumbProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitive.Thumb\n    ref={ref}\n    className={cx(styles.thumb, className)}\n    {...props}\n  />\n));\n\nSwitch.displayName = 'Switch';\n"],"names":["cva","styles","forwardRef","_jsx","SwitchPrimitive.Root","SwitchPrimitive.Thumb","cx"],"mappings":";;;;;;;;AAMA,MAAM,cAAc,GAAGA,WAAG,CAACC,qBAAM,CAAC,MAAM,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;YACJ,KAAK,EAAEA,qBAAM,CAAC,KAAK;YACnB,KAAK,EAAEA,qBAAM,CAAC,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAMI,MAAM,MAAM,GAAGC,gBAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,MAChEC,cAAA,CAACC,UAAoB,EACf,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC/B,eAAA,EAAA,QAAQ,EAEvB,QAAA,EAAAD,cAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EACM,CAAA,CACxB,EAAE;AAKH,MAAM,WAAW,GAAGD,gBAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BC,eAACE,WAAqB,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,UAAE,CAACL,qBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAAA,GAClC,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/switch/switch.d.ts

@@ -1,8 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
 import { Switch as SwitchPrimitive } from 'radix-ui';
 import { ComponentPropsWithoutRef } from 'react';
-export interface SwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
-    disabled?: boolean;
-    required?: boolean;
+declare const switchVariants: (props?: ({
+    size?: "small" | "large" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchVariants> {
 }
 export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
 //# sourceMappingURL=switch.d.ts.map

package/dist/components/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../components/switch/switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAMzE,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,2GAcjB,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAIzE,QAAA,MAAM,cAAc;;8EAUlB,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,eAAO,MAAM,MAAM,2GAcjB,CAAC"}

package/dist/components/switch/switch.js

@@ -1,13 +1,22 @@
 import { jsx } from 'react/jsx-runtime';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import styles from './switch.module.css.js';
 import { Root, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-switch@1.2.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_7cc2hdqtqg5xrhsyw2ibpmjamm/node_modules/@radix-ui/react-switch/dist/index.js';
 
-const switchVariants = cva(styles.switch);
-const Switch = forwardRef(({ className, disabled, required, ...props }, forwardedRef) => (jsx(Root, { ...props, ref: forwardedRef, disabled: disabled, required: required, className: switchVariants({ className }), "data-disabled": disabled, children: jsx(SwitchThumb, {}) })));
-const thumbVariants = cva(styles.thumb);
-const SwitchThumb = forwardRef(({ className, ...props }, ref) => (jsx(Thumb, { ref: ref, className: thumbVariants({ className }), ...props })));
+const switchVariants = cva(styles.switch, {
+    variants: {
+        size: {
+            large: styles.large,
+            small: styles.small
+        }
+    },
+    defaultVariants: {
+        size: 'large'
+    }
+});
+const Switch = forwardRef(({ className, disabled, required, size, ...props }, forwardedRef) => (jsx(Root, { ...props, ref: forwardedRef, disabled: disabled, required: required, className: switchVariants({ size, className }), "data-disabled": disabled, children: jsx(SwitchThumb, {}) })));
+const SwitchThumb = forwardRef(({ className, ...props }, ref) => (jsx(Thumb, { ref: ref, className: cx(styles.thumb, className), ...props })));
 Switch.displayName = 'Switch';
 
 export { Switch };

package/dist/components/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../../components/switch/switch.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './switch.module.css';\n\nconst switchVariants = cva(styles.switch);\n\nexport interface SwitchProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {\n  disabled?: boolean;\n  required?: boolean;\n}\n\nexport const Switch = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(({ className, disabled, required, ...props }, forwardedRef) => (\n  <SwitchPrimitive.Root\n    {...props}\n    ref={forwardedRef}\n    disabled={disabled}\n    required={required}\n    className={switchVariants({ className })}\n    data-disabled={disabled}\n  >\n    <SwitchThumb />\n  </SwitchPrimitive.Root>\n));\n\nconst thumbVariants = cva(styles.thumb);\n\ninterface ThumbProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb> {}\n\nconst SwitchThumb = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Thumb>,\n  ThumbProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitive.Thumb\n    ref={ref}\n    className={thumbVariants({ className })}\n    {...props}\n  />\n));\n\nSwitch.displayName = 'Switch';\n"],"names":["_jsx","SwitchPrimitive.Root","SwitchPrimitive.Thumb"],"mappings":";;;;;;AAMA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAQ7B,MAAA,MAAM,GAAG,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,MAC1DA,GAAC,CAAAC,IAAoB,EACf,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,eAAA,EACzB,QAAQ,EAAA,QAAA,EAEvBD,GAAC,CAAA,WAAW,EAAG,EAAA,CAAA,EAAA,CACM,CACxB,EAAE;AAEH,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAKxC,MAAM,WAAW,GAAG,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,GAAC,CAAAE,KAAqB,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GACnC,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"switch.js","sources":["../../../components/switch/switch.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './switch.module.css';\n\nconst switchVariants = cva(styles.switch, {\n  variants: {\n    size: {\n      large: styles.large,\n      small: styles.small\n    }\n  },\n  defaultVariants: {\n    size: 'large'\n  }\n});\n\nexport interface SwitchProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>,\n    VariantProps<typeof switchVariants> {}\n\nexport const Switch = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(({ className, disabled, required, size, ...props }, forwardedRef) => (\n  <SwitchPrimitive.Root\n    {...props}\n    ref={forwardedRef}\n    disabled={disabled}\n    required={required}\n    className={switchVariants({ size, className })}\n    data-disabled={disabled}\n  >\n    <SwitchThumb />\n  </SwitchPrimitive.Root>\n));\n\ninterface ThumbProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb> {}\n\nconst SwitchThumb = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Thumb>,\n  ThumbProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitive.Thumb\n    ref={ref}\n    className={cx(styles.thumb, className)}\n    {...props}\n  />\n));\n\nSwitch.displayName = 'Switch';\n"],"names":["_jsx","SwitchPrimitive.Root","SwitchPrimitive.Thumb"],"mappings":";;;;;;AAMA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAMI,MAAM,MAAM,GAAG,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,MAChEA,GAAA,CAACC,IAAoB,EACf,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC/B,eAAA,EAAA,QAAQ,EAEvB,QAAA,EAAAD,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EACM,CAAA,CACxB,EAAE;AAKH,MAAM,WAAW,GAAG,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,IAACE,KAAqB,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAAA,GAClC,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/switch/switch.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"switch":"switch-module_switch__n7Ya9","thumb":"switch-module_thumb__bOpbm","_switch":"switch-module_switch__n7Ya9"};
+var styles = {"switch":"switch-module_switch__n7Ya9","large":"switch-module_large__91jPR","small":"switch-module_small__QLy2-","thumb":"switch-module_thumb__bOpbm","_switch":"switch-module_switch__n7Ya9"};
 
 exports.default = styles;
 //# sourceMappingURL=switch.module.css.cjs.map

package/dist/components/switch/switch.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"switch":"switch-module_switch__n7Ya9","thumb":"switch-module_thumb__bOpbm","_switch":"switch-module_switch__n7Ya9"};
+var styles = {"switch":"switch-module_switch__n7Ya9","large":"switch-module_large__91jPR","small":"switch-module_small__QLy2-","thumb":"switch-module_thumb__bOpbm","_switch":"switch-module_switch__n7Ya9"};
 
 export { styles as default };
 //# sourceMappingURL=switch.module.css.js.map