@alneas/appkit-react 0.1.0 → 0.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","names":["SheetPrimitive","React","React$1","Sheet","props","Dialog","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","cn","className","SheetContent","testId","side","children","showCloseButton","Button","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"sources":["../../../../src/ui/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../components/ui/button';\n\n/**\n * 画面の端からスライドインして表示されるサイドパネルのルートコンポーネント。\n */\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot='sheet' {...props} />;\n}\n\n/**\n * シートパネルを開くためのトリガーボタン。\n */\nfunction SheetTrigger({\n  children,\n  ...props\n}: SheetPrimitive.Trigger.Props) {\n  return (\n    <SheetPrimitive.Trigger\n      data-slot='sheet-trigger'\n      {...props}\n    >\n      {children}\n    </SheetPrimitive.Trigger>\n  );\n}\n\n/**\n * シートパネルを閉じるためのボタンまたはトリガー。\n */\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot='sheet-close' {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot='sheet-portal' {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot='sheet-overlay'\n      className={cn(\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Popup> {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  showCloseButton?: boolean;\n  testId?: string;\n}\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ className, children, side = 'right', showCloseButton = true, testId, ...props }, ref) => (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        ref={ref}\n        data-slot='sheet-content'\n        data-testid={testId}\n        data-side={side}\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg',\n          // Explicit animation classes from properties\n          side === 'right' &&\n            'inset-y-0 right-0 h-full w-3/4 border-l data-open:animate-in data-closed:animate-out data-open:slide-in-from-right data-closed:slide-out-to-right data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'left' &&\n            'inset-y-0 left-0 h-full w-3/4 border-r data-open:animate-in data-closed:animate-out data-open:slide-in-from-left data-closed:slide-out-to-left data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'top' &&\n            'inset-x-0 top-0 h-auto border-b data-open:animate-in data-closed:animate-out data-open:slide-in-from-top data-closed:slide-out-to-top data-open:ease-out data-closed:ease-in duration-300',\n          side === 'bottom' &&\n            'inset-x-0 bottom-0 h-auto border-t data-open:animate-in data-closed:animate-out data-open:slide-in-from-bottom data-closed:slide-out-to-bottom data-open:ease-out data-closed:ease-in duration-300',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot='sheet-close'\n            render={<Button variant='ghost' className='absolute top-3 right-3' size='icon-sm' />}\n          >\n            <XIcon />\n            <span className='sr-only'>Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  ),\n);\nSheetContent.displayName = SheetPrimitive.Popup.displayName;\n\nconst SheetHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='sheet-header'\n      className={cn('gap-0.5 p-4 flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nSheetHeader.displayName = 'SheetHeader';\n\nconst SheetFooter = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='sheet-footer'\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'SheetFooter';\n\nconst SheetTitle = React.forwardRef<\n  React.ComponentRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    data-slot='sheet-title'\n    className={cn('text-foreground text-base font-medium', className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n  React.ComponentRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    data-slot='sheet-description'\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;;;AAYA,SAASG,EAAM,EAAE,GAAGC,KAAoC;CACtD,OAAO,kBAACJ,EAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAII;CAAQ,CAAA;AAC5D;AAKA,SAASE,EAAa,EACpB,aACA,GAAGF,KAC4B;CAC/B,OACE,kBAACJ,EAAe,SAAhB;EACE,aAAU;EACV,GAAII;EAEH;CACqB,CAAA;AAE5B;AAKA,SAASG,EAAW,EAAE,GAAGH,KAAqC;CAC5D,OAAO,kBAACJ,EAAe,OAAhB;EAAsB,aAAU;EAAc,GAAII;CAAQ,CAAA;AACnE;AAEA,SAASI,EAAY,EAAE,GAAGJ,KAAsC;CAC9D,OAAO,kBAACJ,EAAe,QAAhB;EAAuB,aAAU;EAAe,GAAII;CAAQ,CAAA;AACrE;AAEA,SAASK,EAAa,EAAE,cAAW,GAAGL,KAAwC;CAC5E,OACE,kBAACJ,EAAe,UAAhB;EACE,aAAU;EACV,WAAWU,EACT,2OACAC,CACF;EACA,GAAIP;CACL,CAAA;AAEL;AAQA,IAAMQ,IAAeX,EAAM,YACxB,EAAE,cAAW,aAAU,UAAO,SAAS,qBAAkB,IAAM,WAAQ,GAAGG,KAAS,MAClF,kBAACI,GAAD,EAAA,UAAA,CACE,kBAACC,GAAD,CAAe,CAAA,GACf,kBAACT,EAAe,OAAhB;CACO;CACL,aAAU;CACV,eAAaa;CACb,aAAWC;CACX,WAAWJ,EACT,kFAEAI,MAAS,WACP,qNACFA,MAAS,UACP,kNACFA,MAAS,SACP,6LACFA,MAAS,YACP,sMACFH,CACF;CACA,GAAIP;CAlBN,UAAA,CAoBGW,GACAC,KACC,kBAAChB,EAAe,OAAhB;EACE,aAAU;EACV,QAAQ,kBAACiB,GAAD;GAAQ,SAAQ;GAAQ,WAAU;GAAyB,MAAK;EAAW,CAAA;EAFrF,UAAA,CAIE,kBAACC,GAAD,CAAQ,CAAA,GACR,kBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAW,CAAA,CACjB;CAEJ,CAAA,CAAA;AACX,CAAA,CAAA,EAAA,CAAA,CAEjB;AACA,EAAa,cAAclB,EAAe,MAAM;AAEhD,IAAMmB,IAAclB,EAAM,YACvB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWM,EAAG,6BAA6BC,CAAS;CACpD,GAAIP;AACL,CAAA,CAEL;AACA,EAAY,cAAc;AAE1B,IAAMgB,IAAcnB,EAAM,YACvB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWM,EAAG,mCAAmCC,CAAS;CAC1D,GAAIP;AACL,CAAA,CAEL;AACA,EAAY,cAAc;AAE1B,IAAMiB,IAAapB,EAAM,YAGtB,EAAE,cAAW,GAAGG,KAAS,MAC1B,kBAACJ,EAAe,OAAhB;CACO;CACL,aAAU;CACV,WAAWU,EAAG,yCAAyCC,CAAS;CAChE,GAAIP;AACL,CAAA,CACF;AACD,EAAW,cAAcJ,EAAe,MAAM;AAE9C,IAAMsB,IAAmBrB,EAAM,YAG5B,EAAE,cAAW,GAAGG,KAAS,MAC1B,kBAACJ,EAAe,aAAhB;CACO;CACL,aAAU;CACV,WAAWU,EAAG,iCAAiCC,CAAS;CACxD,GAAIP;AACL,CAAA,CACF;AACD,EAAiB,cAAcJ,EAAe,YAAY"}
+{"version":3,"file":"sheet.js","names":["SheetPrimitive","React","React$1","Sheet","props","Dialog","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","cn","className","SheetContent","testId","side","children","showCloseButton","Button","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"sources":["../../../../src/ui/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../components/ui/button';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Sheet composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot='sheet' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetTrigger({\n  children,\n  ...props\n}: SheetPrimitive.Trigger.Props) {\n  return (\n    <SheetPrimitive.Trigger\n      data-slot='sheet-trigger'\n      {...props}\n    >\n      {children}\n    </SheetPrimitive.Trigger>\n  );\n}\n\n/**\n * Renders a control that requests closing its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetClose composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot='sheet-close' {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot='sheet-portal' {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot='sheet-overlay'\n      className={cn(\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Base UI popup props with drawer edge, close-control and test-selector settings.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SheetContent\n */\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Popup> {\n  /**\n   * Edge from which the sheet enters; defaults to right.\n   */\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  /**\n   * Shows the built-in close button; defaults to true.\n   */\n  showCloseButton?: boolean;\n  /**\n   * data-testid on the sheet popup only; the built-in close control does not receive a derived test ID.\n   */\n  testId?: string;\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: side='right', showCloseButton=true.\n * @returns The rendered SheetContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ className, children, side = 'right', showCloseButton = true, testId, ...props }, ref) => (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        ref={ref}\n        data-slot='sheet-content'\n        data-testid={testId}\n        data-side={side}\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg',\n          // Explicit animation classes from properties\n          side === 'right' &&\n            'inset-y-0 right-0 h-full w-3/4 border-l data-open:animate-in data-closed:animate-out data-open:slide-in-from-right data-closed:slide-out-to-right data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'left' &&\n            'inset-y-0 left-0 h-full w-3/4 border-r data-open:animate-in data-closed:animate-out data-open:slide-in-from-left data-closed:slide-out-to-left data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'top' &&\n            'inset-x-0 top-0 h-auto border-b data-open:animate-in data-closed:animate-out data-open:slide-in-from-top data-closed:slide-out-to-top data-open:ease-out data-closed:ease-in duration-300',\n          side === 'bottom' &&\n            'inset-x-0 bottom-0 h-auto border-t data-open:animate-in data-closed:animate-out data-open:slide-in-from-bottom data-closed:slide-out-to-bottom data-open:ease-out data-closed:ease-in duration-300',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot='sheet-close'\n            render={<Button variant='ghost' className='absolute top-3 right-3' size='icon-sm' />}\n          >\n            <XIcon />\n            <span className='sr-only'>Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  ),\n);\nSheetContent.displayName = SheetPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='sheet-header'\n      className={cn('gap-0.5 p-4 flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nSheetHeader.displayName = 'SheetHeader';\n\n/**\n * Lays out popup actions below its content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetFooter = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='sheet-footer'\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'SheetFooter';\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetTitle = React.forwardRef<\n  React.ComponentRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    data-slot='sheet-title'\n    className={cn('text-foreground text-base font-medium', className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetDescription = React.forwardRef<\n  React.ComponentRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    data-slot='sheet-description'\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;;;AAwBA,SAASG,EAAM,EAAE,GAAGC,KAAoC;CACtD,OAAO,kBAACJ,EAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAII;CAAQ,CAAA;AAC5D;AAiBA,SAASE,EAAa,EACpB,aACA,GAAGF,KAC4B;CAC/B,OACE,kBAACJ,EAAe,SAAhB;EACE,aAAU;EACV,GAAII;EAEH;CACqB,CAAA;AAE5B;AAiBA,SAASG,EAAW,EAAE,GAAGH,KAAqC;CAC5D,OAAO,kBAACJ,EAAe,OAAhB;EAAsB,aAAU;EAAc,GAAII;CAAQ,CAAA;AACnE;AAEA,SAASI,EAAY,EAAE,GAAGJ,KAAsC;CAC9D,OAAO,kBAACJ,EAAe,QAAhB;EAAuB,aAAU;EAAe,GAAII;CAAQ,CAAA;AACrE;AAEA,SAASK,EAAa,EAAE,cAAW,GAAGL,KAAwC;CAC5E,OACE,kBAACJ,EAAe,UAAhB;EACE,aAAU;EACV,WAAWU,EACT,2OACAC,CACF;EACA,GAAIP;CACL,CAAA;AAEL;AAqCA,IAAMQ,IAAeX,EAAM,YACxB,EAAE,cAAW,aAAU,UAAO,SAAS,qBAAkB,IAAM,WAAQ,GAAGG,KAAS,MAClF,kBAACI,GAAD,EAAA,UAAA,CACE,kBAACC,GAAD,CAAe,CAAA,GACf,kBAACT,EAAe,OAAhB;CACO;CACL,aAAU;CACV,eAAaa;CACb,aAAWC;CACX,WAAWJ,EACT,kFAEAI,MAAS,WACP,qNACFA,MAAS,UACP,kNACFA,MAAS,SACP,6LACFA,MAAS,YACP,sMACFH,CACF;CACA,GAAIP;CAlBN,UAAA,CAoBGW,GACAC,KACC,kBAAChB,EAAe,OAAhB;EACE,aAAU;EACV,QAAQ,kBAACiB,GAAD;GAAQ,SAAQ;GAAQ,WAAU;GAAyB,MAAK;EAAW,CAAA;EAFrF,UAAA,CAIE,kBAACC,GAAD,CAAQ,CAAA,GACR,kBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAW,CAAA,CACjB;CAEJ,CAAA,CAAA;AACX,CAAA,CAAA,EAAA,CAAA,CAEjB;AACA,EAAa,cAAclB,EAAe,MAAM;AAiBhD,IAAMmB,IAAclB,EAAM,YACvB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWM,EAAG,6BAA6BC,CAAS;CACpD,GAAIP;AACL,CAAA,CAEL;AACA,EAAY,cAAc;AAiB1B,IAAMgB,IAAcnB,EAAM,YACvB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWM,EAAG,mCAAmCC,CAAS;CAC1D,GAAIP;AACL,CAAA,CAEL;AACA,EAAY,cAAc;AAiB1B,IAAMiB,IAAapB,EAAM,YAGtB,EAAE,cAAW,GAAGG,KAAS,MAC1B,kBAACJ,EAAe,OAAhB;CACO;CACL,aAAU;CACV,WAAWU,EAAG,yCAAyCC,CAAS;CAChE,GAAIP;AACL,CAAA,CACF;AACD,EAAW,cAAcJ,EAAe,MAAM;AAiB9C,IAAMsB,IAAmBrB,EAAM,YAG5B,EAAE,cAAW,GAAGG,KAAS,MAC1B,kBAACJ,EAAe,aAAhB;CACO;CACL,aAAU;CACV,WAAWU,EAAG,iCAAiCC,CAAS;CACxD,GAAIP;AACL,CAAA,CACF;AACD,EAAiB,cAAcJ,EAAe,YAAY"}

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.cjs","names":["cn","require_ui_lib_utils","react_jsx_runtime","Skeleton","props","className"],"sources":["../../../../src/ui/components/ui/skeleton.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\n\n/**\n * データ読み込み中に表示するプレースホルダー用のスケルトン（骨組み）コンポーネント。\n */\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='skeleton'\n      className={cn('bg-muted rounded-md animate-pulse', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":"A,0JAKA,SAASG,EAAS,CAAE,YAAW,GAAGC,GAAsC,CACtE,OACE,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,WACV,UAAWF,EAAAA,GAAG,oCAAqCK,CAAS,EAC5D,GAAID,CACL,CAAA,CAEL,C"}
+{"version":3,"file":"skeleton.cjs","names":["cn","require_ui_lib_utils","react_jsx_runtime","Skeleton","props","className"],"sources":["../../../../src/ui/components/ui/skeleton.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\n\n/**\n * Renders a pulsing placeholder surface while the host loads content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Skeleton composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Supply width/height or size classes; there is no built-in content measurement or loading-state detection. The host decides when to replace the placeholder and supplies accessible loading context.\n * @example\n * ```tsx\n * import { Skeleton } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Skeleton className=\"h-6 w-40\" aria-hidden=\"true\" />);\n * }\n * ```\n */\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='skeleton'\n      className={cn('bg-muted rounded-md animate-pulse', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":"A,0JAiBA,SAASG,EAAS,CAAE,YAAW,GAAGC,GAAsC,CACtE,OACE,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,WACV,UAAWF,EAAAA,GAAG,oCAAqCK,CAAS,EAC5D,GAAID,CACL,CAAA,CAEL,C"}

package/dist/ui/components/ui/skeleton.d.cts

@@ -1,5 +1,17 @@
 /**
- * データ読み込み中に表示するプレースホルダー用のスケルトン（骨組み）コンポーネント。
+ * Renders a pulsing placeholder surface while the host loads content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Skeleton composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Supply width/height or size classes; there is no built-in content measurement or loading-state detection. The host decides when to replace the placeholder and supplies accessible loading context.
+ * @example
+ * ```tsx
+ * import { Skeleton } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Skeleton className="h-6 w-40" aria-hidden="true" />);
+ * }
+ * ```
  */
 declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import('react').JSX.Element;
 export { Skeleton };

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

@@ -1,5 +1,17 @@
 /**
- * データ読み込み中に表示するプレースホルダー用のスケルトン（骨組み）コンポーネント。
+ * Renders a pulsing placeholder surface while the host loads content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Skeleton composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Supply width/height or size classes; there is no built-in content measurement or loading-state detection. The host decides when to replace the placeholder and supplies accessible loading context.
+ * @example
+ * ```tsx
+ * import { Skeleton } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Skeleton className="h-6 w-40" aria-hidden="true" />);
+ * }
+ * ```
  */
 declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import('react').JSX.Element;
 export { Skeleton };

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":["Skeleton","props","cn","className"],"sources":["../../../../src/ui/components/ui/skeleton.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\n\n/**\n * データ読み込み中に表示するプレースホルダー用のスケルトン（骨組み）コンポーネント。\n */\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='skeleton'\n      className={cn('bg-muted rounded-md animate-pulse', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":";;;;AAKA,SAASA,EAAS,EAAE,cAAW,GAAGC,KAAsC;CACtE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWC,EAAG,qCAAqCC,CAAS;EAC5D,GAAIF;CACL,CAAA;AAEL"}
+{"version":3,"file":"skeleton.js","names":["Skeleton","props","cn","className"],"sources":["../../../../src/ui/components/ui/skeleton.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\n\n/**\n * Renders a pulsing placeholder surface while the host loads content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Skeleton composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Supply width/height or size classes; there is no built-in content measurement or loading-state detection. The host decides when to replace the placeholder and supplies accessible loading context.\n * @example\n * ```tsx\n * import { Skeleton } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Skeleton className=\"h-6 w-40\" aria-hidden=\"true\" />);\n * }\n * ```\n */\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='skeleton'\n      className={cn('bg-muted rounded-md animate-pulse', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":";;;;AAiBA,SAASA,EAAS,EAAE,cAAW,GAAGC,KAAsC;CACtE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWC,EAAG,qCAAqCC,CAAS;EAC5D,GAAIF;CACL,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"slider.cjs","names":["React","SliderPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_slider","Slider","ariaLabel","ariaLabelledBy","props","_values","value","defaultValue","min","max","className","index"],"sources":["../../../../src/ui/components/ui/slider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Slider as SliderPrimitive } from '@base-ui/react/slider';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * スライダーコンポーネント\n *\n * 値を範囲から選択するスライダー。\n *\n * @example\n * ```tsx\n * import { Slider } from \"../..\";\n *\n * <Slider value={[50]} max={100} step={1} />\n * ```\n */\nconst Slider = React.forwardRef<HTMLDivElement, SliderPrimitive.Root.Props>(\n  ({ className, defaultValue, value, min = 0, max = 100, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) => {\n    const _values = React.useMemo(\n      () =>\n        Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [value ?? defaultValue ?? min],\n      [value, defaultValue, min, max],\n    );\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className='data-horizontal:w-full data-vertical:h-full'\n        data-slot='slider'\n        defaultValue={defaultValue}\n        value={value}\n        min={min}\n        max={max}\n        thumbAlignment='edge'\n        {...props}\n      >\n        <SliderPrimitive.Control\n          className={cn(\n            'data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col',\n            className,\n          )}\n        >\n          <SliderPrimitive.Track\n            data-slot='slider-track'\n            className='bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1 relative overflow-hidden select-none'\n          >\n            <SliderPrimitive.Indicator\n              data-slot='slider-range'\n              className='bg-primary select-none data-horizontal:h-full data-vertical:w-full'\n            />\n          </SliderPrimitive.Track>\n          {Array.from({ length: _values.length }, (_, index) => (\n            <SliderPrimitive.Thumb\n              data-slot='slider-thumb'\n              key={index}\n              index={index}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              className='border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50'\n            />\n          ))}\n        </SliderPrimitive.Control>\n      </SliderPrimitive.Root>\n    );\n  },\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":"A,uSAmBA,IAAMQ,EAASR,EAAM,YAClB,CAAE,YAAW,eAAc,QAAO,MAAM,EAAG,MAAM,IAAK,aAAcS,EAAW,kBAAmBC,EAAgB,GAAGC,GAAS,IAAQ,CACrI,IAAMC,EAAUZ,EAAM,YAElB,MAAM,QAAQa,CAAK,EAAIA,EAAQ,MAAM,QAAQC,CAAY,EAAIA,EAAe,CAACD,GAASC,GAAgBC,CAAG,EAC3G,CAACF,EAAOC,EAAcC,EAAKC,CAAG,CAChC,EAEA,OACE,EAAAX,EAAA,IAAA,CAACJ,EAAAA,OAAgB,KAAjB,CACO,MACL,UAAU,8CACV,YAAU,SACI,eACP,QACF,MACA,MACL,eAAe,OACf,GAAIU,EAEJ,UAAA,EAAAN,EAAA,KAAA,CAACJ,EAAAA,OAAgB,QAAjB,CACE,UAAWC,EAAAA,GACT,4KACAe,CACF,EAJF,SAAA,EAME,EAAAZ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAU,+IAEV,UAAA,EAAAI,EAAA,IAAA,CAACJ,EAAAA,OAAgB,UAAjB,CACE,YAAU,eACV,UAAU,oEACX,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQW,EAAQ,MAAO,GAAI,EAAG,KAC1C,EAAAP,EAAA,IAAA,CAACJ,EAAAA,OAAgB,MAAjB,CACE,YAAU,eAEH,QACP,aAAYQ,EACZ,kBAAiBC,EACjB,UAAU,wSACX,EALMQ,CAKN,CACF,CACsB,C,EACL,CAAA,CAE1B,CACF,EACA,EAAO,YAAc,S"}
+{"version":3,"file":"slider.cjs","names":["React","SliderPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_slider","Slider","ariaLabel","ariaLabelledBy","props","_values","value","defaultValue","min","max","className","index"],"sources":["../../../../src/ui/components/ui/slider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Slider as SliderPrimitive } from '@base-ui/react/slider';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a Base UI slider with one thumb per scalar or array value.\n * @param props - Base UI root props; min/max default to 0/100. Use defaultValue for\n * uncontrolled input, or value with onValueChange for controlled input. className is\n * applied to the control and aria-label/aria-labelledby are forwarded to every thumb.\n * @returns The slider root, styled track, indicator and thumb elements.\n * @remarks Requires React, @base-ui/react and @alneas/appkit-react/styles; no Appkit\n * context provider is required. The ref prop forwards to the root div. With no value/defaultValue, one thumb starts at min.\n * Range arrays determine thumb count; provide accessible labels for the intended control.\n * @example\n * ```tsx\n * import '@alneas/appkit-react/styles';\n * import { Slider } from '@alneas/appkit-react/ui';\n * export function VolumeControl() {\n *   return <Slider aria-label=\"Volume\" defaultValue={[50]} max={100} step={1} />;\n * }\n * ```\n */\nconst Slider = React.forwardRef<HTMLDivElement, SliderPrimitive.Root.Props>(\n  ({ className, defaultValue, value, min = 0, max = 100, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) => {\n    const _values = React.useMemo(\n      () =>\n        Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [value ?? defaultValue ?? min],\n      [value, defaultValue, min, max],\n    );\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className='data-horizontal:w-full data-vertical:h-full'\n        data-slot='slider'\n        defaultValue={defaultValue}\n        value={value}\n        min={min}\n        max={max}\n        thumbAlignment='edge'\n        {...props}\n      >\n        <SliderPrimitive.Control\n          className={cn(\n            'data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col',\n            className,\n          )}\n        >\n          <SliderPrimitive.Track\n            data-slot='slider-track'\n            className='bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1 relative overflow-hidden select-none'\n          >\n            <SliderPrimitive.Indicator\n              data-slot='slider-range'\n              className='bg-primary select-none data-horizontal:h-full data-vertical:w-full'\n            />\n          </SliderPrimitive.Track>\n          {Array.from({ length: _values.length }, (_, index) => (\n            <SliderPrimitive.Thumb\n              data-slot='slider-thumb'\n              key={index}\n              index={index}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              className='border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50'\n            />\n          ))}\n        </SliderPrimitive.Control>\n      </SliderPrimitive.Root>\n    );\n  },\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":"A,uSAyBA,IAAMQ,EAASR,EAAM,YAClB,CAAE,YAAW,eAAc,QAAO,MAAM,EAAG,MAAM,IAAK,aAAcS,EAAW,kBAAmBC,EAAgB,GAAGC,GAAS,IAAQ,CACrI,IAAMC,EAAUZ,EAAM,YAElB,MAAM,QAAQa,CAAK,EAAIA,EAAQ,MAAM,QAAQC,CAAY,EAAIA,EAAe,CAACD,GAASC,GAAgBC,CAAG,EAC3G,CAACF,EAAOC,EAAcC,EAAKC,CAAG,CAChC,EAEA,OACE,EAAAX,EAAA,IAAA,CAACJ,EAAAA,OAAgB,KAAjB,CACO,MACL,UAAU,8CACV,YAAU,SACI,eACP,QACF,MACA,MACL,eAAe,OACf,GAAIU,EAEJ,UAAA,EAAAN,EAAA,KAAA,CAACJ,EAAAA,OAAgB,QAAjB,CACE,UAAWC,EAAAA,GACT,4KACAe,CACF,EAJF,SAAA,EAME,EAAAZ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAU,+IAEV,UAAA,EAAAI,EAAA,IAAA,CAACJ,EAAAA,OAAgB,UAAjB,CACE,YAAU,eACV,UAAU,oEACX,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQW,EAAQ,MAAO,GAAI,EAAG,KAC1C,EAAAP,EAAA,IAAA,CAACJ,EAAAA,OAAgB,MAAjB,CACE,YAAU,eAEH,QACP,aAAYQ,EACZ,kBAAiBC,EACjB,UAAU,wSACX,EALMQ,CAKN,CACF,CACsB,C,EACL,CAAA,CAE1B,CACF,EACA,EAAO,YAAc,S"}

package/dist/ui/components/ui/slider.d.cts

@@ -1,15 +1,21 @@
 import { Slider as SliderPrimitive } from '@base-ui/react/slider';
 import * as React from 'react';
 /**
- * スライダーコンポーネント
- *
- * 値を範囲から選択するスライダー。
- *
+ * Renders a Base UI slider with one thumb per scalar or array value.
+ * @param props - Base UI root props; min/max default to 0/100. Use defaultValue for
+ * uncontrolled input, or value with onValueChange for controlled input. className is
+ * applied to the control and aria-label/aria-labelledby are forwarded to every thumb.
+ * @returns The slider root, styled track, indicator and thumb elements.
+ * @remarks Requires React, @base-ui/react and @alneas/appkit-react/styles; no Appkit
+ * context provider is required. The ref prop forwards to the root div. With no value/defaultValue, one thumb starts at min.
+ * Range arrays determine thumb count; provide accessible labels for the intended control.
  * @example
  * ```tsx
- * import { Slider } from "../../index.cjs";
- *
- * <Slider value={[50]} max={100} step={1} />
+ * import '@alneas/appkit-react/styles';
+ * import { Slider } from '@alneas/appkit-react/ui';
+ * export function VolumeControl() {
+ *   return <Slider aria-label="Volume" defaultValue={[50]} max={100} step={1} />;
+ * }
  * ```
  */
 declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.Root.Props<number | readonly number[]>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,15 +1,21 @@
 import { Slider as SliderPrimitive } from '@base-ui/react/slider';
 import * as React from 'react';
 /**
- * スライダーコンポーネント
- *
- * 値を範囲から選択するスライダー。
- *
+ * Renders a Base UI slider with one thumb per scalar or array value.
+ * @param props - Base UI root props; min/max default to 0/100. Use defaultValue for
+ * uncontrolled input, or value with onValueChange for controlled input. className is
+ * applied to the control and aria-label/aria-labelledby are forwarded to every thumb.
+ * @returns The slider root, styled track, indicator and thumb elements.
+ * @remarks Requires React, @base-ui/react and @alneas/appkit-react/styles; no Appkit
+ * context provider is required. The ref prop forwards to the root div. With no value/defaultValue, one thumb starts at min.
+ * Range arrays determine thumb count; provide accessible labels for the intended control.
  * @example
  * ```tsx
- * import { Slider } from "../../index.js";
- *
- * <Slider value={[50]} max={100} step={1} />
+ * import '@alneas/appkit-react/styles';
+ * import { Slider } from '@alneas/appkit-react/ui';
+ * export function VolumeControl() {
+ *   return <Slider aria-label="Volume" defaultValue={[50]} max={100} step={1} />;
+ * }
  * ```
  */
 declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.Root.Props<number | readonly number[]>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":["React","SliderPrimitive","React$1","Slider$1","Slider","ariaLabel","ariaLabelledBy","props","_values","value","defaultValue","min","max","cn","className","index"],"sources":["../../../../src/ui/components/ui/slider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Slider as SliderPrimitive } from '@base-ui/react/slider';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * スライダーコンポーネント\n *\n * 値を範囲から選択するスライダー。\n *\n * @example\n * ```tsx\n * import { Slider } from \"../..\";\n *\n * <Slider value={[50]} max={100} step={1} />\n * ```\n */\nconst Slider = React.forwardRef<HTMLDivElement, SliderPrimitive.Root.Props>(\n  ({ className, defaultValue, value, min = 0, max = 100, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) => {\n    const _values = React.useMemo(\n      () =>\n        Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [value ?? defaultValue ?? min],\n      [value, defaultValue, min, max],\n    );\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className='data-horizontal:w-full data-vertical:h-full'\n        data-slot='slider'\n        defaultValue={defaultValue}\n        value={value}\n        min={min}\n        max={max}\n        thumbAlignment='edge'\n        {...props}\n      >\n        <SliderPrimitive.Control\n          className={cn(\n            'data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col',\n            className,\n          )}\n        >\n          <SliderPrimitive.Track\n            data-slot='slider-track'\n            className='bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1 relative overflow-hidden select-none'\n          >\n            <SliderPrimitive.Indicator\n              data-slot='slider-range'\n              className='bg-primary select-none data-horizontal:h-full data-vertical:w-full'\n            />\n          </SliderPrimitive.Track>\n          {Array.from({ length: _values.length }, (_, index) => (\n            <SliderPrimitive.Thumb\n              data-slot='slider-thumb'\n              key={index}\n              index={index}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              className='border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50'\n            />\n          ))}\n        </SliderPrimitive.Control>\n      </SliderPrimitive.Root>\n    );\n  },\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":";;;;;;;AAmBA,IAAMI,IAASJ,EAAM,YAClB,EAAE,cAAW,iBAAc,UAAO,SAAM,GAAG,SAAM,KAAK,cAAcK,GAAW,mBAAmBC,GAAgB,GAAGC,KAAS,MAAQ;CACrI,IAAMC,IAAUR,EAAM,cAElB,MAAM,QAAQS,CAAK,IAAIA,IAAQ,MAAM,QAAQC,CAAY,IAAIA,IAAe,CAACD,KAASC,KAAgBC,CAAG,GAC3G;EAACF;EAAOC;EAAcC;EAAKC;CAAG,CAChC;CAEA,OACE,kBAACX,EAAgB,MAAjB;EACO;EACL,WAAU;EACV,aAAU;EACI;EACP;EACF;EACA;EACL,gBAAe;EACf,GAAIM;EAEJ,UAAA,kBAACN,EAAgB,SAAjB;GACE,WAAWY,EACT,6KACAC,CACF;GAJF,UAAA,CAME,kBAACb,EAAgB,OAAjB;IACE,aAAU;IACV,WAAU;IAEV,UAAA,kBAACA,EAAgB,WAAjB;KACE,aAAU;KACV,WAAU;IACX,CAAA;GACoB,CAAA,GACtB,MAAM,KAAK,EAAE,QAAQO,EAAQ,OAAO,IAAI,GAAG,MAC1C,kBAACP,EAAgB,OAAjB;IACE,aAAU;IAEH;IACP,cAAYI;IACZ,mBAAiBC;IACjB,WAAU;GACX,GALMS,CAKN,CACF,CACsB;;CACL,CAAA;AAE1B,CACF;AACA,EAAO,cAAc"}
+{"version":3,"file":"slider.js","names":["React","SliderPrimitive","React$1","Slider$1","Slider","ariaLabel","ariaLabelledBy","props","_values","value","defaultValue","min","max","cn","className","index"],"sources":["../../../../src/ui/components/ui/slider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Slider as SliderPrimitive } from '@base-ui/react/slider';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a Base UI slider with one thumb per scalar or array value.\n * @param props - Base UI root props; min/max default to 0/100. Use defaultValue for\n * uncontrolled input, or value with onValueChange for controlled input. className is\n * applied to the control and aria-label/aria-labelledby are forwarded to every thumb.\n * @returns The slider root, styled track, indicator and thumb elements.\n * @remarks Requires React, @base-ui/react and @alneas/appkit-react/styles; no Appkit\n * context provider is required. The ref prop forwards to the root div. With no value/defaultValue, one thumb starts at min.\n * Range arrays determine thumb count; provide accessible labels for the intended control.\n * @example\n * ```tsx\n * import '@alneas/appkit-react/styles';\n * import { Slider } from '@alneas/appkit-react/ui';\n * export function VolumeControl() {\n *   return <Slider aria-label=\"Volume\" defaultValue={[50]} max={100} step={1} />;\n * }\n * ```\n */\nconst Slider = React.forwardRef<HTMLDivElement, SliderPrimitive.Root.Props>(\n  ({ className, defaultValue, value, min = 0, max = 100, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) => {\n    const _values = React.useMemo(\n      () =>\n        Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [value ?? defaultValue ?? min],\n      [value, defaultValue, min, max],\n    );\n\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className='data-horizontal:w-full data-vertical:h-full'\n        data-slot='slider'\n        defaultValue={defaultValue}\n        value={value}\n        min={min}\n        max={max}\n        thumbAlignment='edge'\n        {...props}\n      >\n        <SliderPrimitive.Control\n          className={cn(\n            'data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col',\n            className,\n          )}\n        >\n          <SliderPrimitive.Track\n            data-slot='slider-track'\n            className='bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1 relative overflow-hidden select-none'\n          >\n            <SliderPrimitive.Indicator\n              data-slot='slider-range'\n              className='bg-primary select-none data-horizontal:h-full data-vertical:w-full'\n            />\n          </SliderPrimitive.Track>\n          {Array.from({ length: _values.length }, (_, index) => (\n            <SliderPrimitive.Thumb\n              data-slot='slider-thumb'\n              key={index}\n              index={index}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              className='border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50'\n            />\n          ))}\n        </SliderPrimitive.Control>\n      </SliderPrimitive.Root>\n    );\n  },\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":";;;;;;;AAyBA,IAAMI,IAASJ,EAAM,YAClB,EAAE,cAAW,iBAAc,UAAO,SAAM,GAAG,SAAM,KAAK,cAAcK,GAAW,mBAAmBC,GAAgB,GAAGC,KAAS,MAAQ;CACrI,IAAMC,IAAUR,EAAM,cAElB,MAAM,QAAQS,CAAK,IAAIA,IAAQ,MAAM,QAAQC,CAAY,IAAIA,IAAe,CAACD,KAASC,KAAgBC,CAAG,GAC3G;EAACF;EAAOC;EAAcC;EAAKC;CAAG,CAChC;CAEA,OACE,kBAACX,EAAgB,MAAjB;EACO;EACL,WAAU;EACV,aAAU;EACI;EACP;EACF;EACA;EACL,gBAAe;EACf,GAAIM;EAEJ,UAAA,kBAACN,EAAgB,SAAjB;GACE,WAAWY,EACT,6KACAC,CACF;GAJF,UAAA,CAME,kBAACb,EAAgB,OAAjB;IACE,aAAU;IACV,WAAU;IAEV,UAAA,kBAACA,EAAgB,WAAjB;KACE,aAAU;KACV,WAAU;IACX,CAAA;GACoB,CAAA,GACtB,MAAM,KAAK,EAAE,QAAQO,EAAQ,OAAO,IAAI,GAAG,MAC1C,kBAACP,EAAgB,OAAjB;IACE,aAAU;IAEH;IACP,cAAYI;IACZ,mBAAiBC;IACjB,WAAU;GACX,GALMS,CAKN,CACF,CACsB;;CACL,CAAA;AAE1B,CACF;AACA,EAAO,cAAc"}

package/dist/ui/components/ui/spinner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.cjs","names":["Loader2Icon","cn","require_ui_lib_utils","react_jsx_runtime","lucide_react","Spinner","props","className"],"sources":["../../../../src/ui/components/ui/spinner.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport { Loader2Icon } from 'lucide-react';\n\n/**\n * 読み込み中や非同期処理の実行中を示す回転するスピナーアイコン。\n */\nfunction Spinner({ className, ...props }: React.ComponentProps<'svg'>) {\n  return (\n    <Loader2Icon\n      role='status'\n      aria-label='Loading'\n      className={cn('size-4 animate-spin', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Spinner };\n"],"mappings":"A,oLAMA,SAASK,EAAQ,CAAE,YAAW,GAAGC,GAAsC,CACrE,OACE,EAAAH,EAAA,IAAA,CAACH,EAAAA,YAAD,CACE,KAAK,SACL,aAAW,UACX,UAAWC,EAAAA,GAAG,sBAAuBM,CAAS,EAC9C,GAAID,CACL,CAAA,CAEL,C"}
+{"version":3,"file":"spinner.cjs","names":["Loader2Icon","cn","require_ui_lib_utils","react_jsx_runtime","lucide_react","Spinner","props","className"],"sources":["../../../../src/ui/components/ui/spinner.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport { Loader2Icon } from 'lucide-react';\n\n/**\n * Renders an animated loader icon with a status role and Loading accessible label.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Spinner composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. SVG props may override the default role/aria-label. This icon does not manage asynchronous work or disable adjacent controls.\n * @example\n * ```tsx\n * import { Spinner } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Spinner aria-label=\"Loading documents\" />);\n * }\n * ```\n */\nfunction Spinner({ className, ...props }: React.ComponentProps<'svg'>) {\n  return (\n    <Loader2Icon\n      role='status'\n      aria-label='Loading'\n      className={cn('size-4 animate-spin', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Spinner };\n"],"mappings":"A,oLAkBA,SAASK,EAAQ,CAAE,YAAW,GAAGC,GAAsC,CACrE,OACE,EAAAH,EAAA,IAAA,CAACH,EAAAA,YAAD,CACE,KAAK,SACL,aAAW,UACX,UAAWC,EAAAA,GAAG,sBAAuBM,CAAS,EAC9C,GAAID,CACL,CAAA,CAEL,C"}

package/dist/ui/components/ui/spinner.d.cts

@@ -1,5 +1,17 @@
 /**
- * 読み込み中や非同期処理の実行中を示す回転するスピナーアイコン。
+ * Renders an animated loader icon with a status role and Loading accessible label.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Spinner composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. SVG props may override the default role/aria-label. This icon does not manage asynchronous work or disable adjacent controls.
+ * @example
+ * ```tsx
+ * import { Spinner } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Spinner aria-label="Loading documents" />);
+ * }
+ * ```
  */
 declare function Spinner({ className, ...props }: React.ComponentProps<'svg'>): import('react').JSX.Element;
 export { Spinner };

package/dist/ui/components/ui/spinner.d.ts

@@ -1,5 +1,17 @@
 /**
- * 読み込み中や非同期処理の実行中を示す回転するスピナーアイコン。
+ * Renders an animated loader icon with a status role and Loading accessible label.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Spinner composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. SVG props may override the default role/aria-label. This icon does not manage asynchronous work or disable adjacent controls.
+ * @example
+ * ```tsx
+ * import { Spinner } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Spinner aria-label="Loading documents" />);
+ * }
+ * ```
  */
 declare function Spinner({ className, ...props }: React.ComponentProps<'svg'>): import('react').JSX.Element;
 export { Spinner };

package/dist/ui/components/ui/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":["Spinner","props","Loader2Icon","cn","className"],"sources":["../../../../src/ui/components/ui/spinner.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport { Loader2Icon } from 'lucide-react';\n\n/**\n * 読み込み中や非同期処理の実行中を示す回転するスピナーアイコン。\n */\nfunction Spinner({ className, ...props }: React.ComponentProps<'svg'>) {\n  return (\n    <Loader2Icon\n      role='status'\n      aria-label='Loading'\n      className={cn('size-4 animate-spin', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Spinner };\n"],"mappings":";;;;;AAMA,SAASA,EAAQ,EAAE,cAAW,GAAGC,KAAsC;CACrE,OACE,kBAACC,GAAD;EACE,MAAK;EACL,cAAW;EACX,WAAWC,EAAG,uBAAuBC,CAAS;EAC9C,GAAIH;CACL,CAAA;AAEL"}
+{"version":3,"file":"spinner.js","names":["Spinner","props","Loader2Icon","cn","className"],"sources":["../../../../src/ui/components/ui/spinner.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport { Loader2Icon } from 'lucide-react';\n\n/**\n * Renders an animated loader icon with a status role and Loading accessible label.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Spinner composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. SVG props may override the default role/aria-label. This icon does not manage asynchronous work or disable adjacent controls.\n * @example\n * ```tsx\n * import { Spinner } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Spinner aria-label=\"Loading documents\" />);\n * }\n * ```\n */\nfunction Spinner({ className, ...props }: React.ComponentProps<'svg'>) {\n  return (\n    <Loader2Icon\n      role='status'\n      aria-label='Loading'\n      className={cn('size-4 animate-spin', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Spinner };\n"],"mappings":";;;;;AAkBA,SAASA,EAAQ,EAAE,cAAW,GAAGC,KAAsC;CACrE,OACE,kBAACC,GAAD;EACE,MAAK;EACL,cAAW;EACX,WAAWC,EAAG,uBAAuBC,CAAS;EAC9C,GAAIH;CACL,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"switch.cjs","names":["React","SwitchPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_switch","Switch","props","testId","size","className"],"sources":["../../../../src/ui/components/ui/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Switch as SwitchPrimitive } from '@base-ui/react/switch';\n\nimport { cn } from '../../lib/utils';\n\ninterface SwitchProps extends SwitchPrimitive.Root.Props {\n  size?: 'sm' | 'default';\n  testId?: string;\n}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, size = 'default', testId, ...props }, ref) => (\n    <SwitchPrimitive.Root\n      ref={ref}\n      data-slot='switch'\n      data-testid={testId}\n      data-size={size}\n      className={cn(\n        'data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot='switch-thumb'\n        className='bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform'\n      />\n    </SwitchPrimitive.Root>\n  ),\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch };\n"],"mappings":"A,uSAYA,IAAMQ,EAASR,EAAM,YAClB,CAAE,YAAW,OAAO,UAAW,SAAQ,GAAGS,GAAS,KAClD,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,KAAjB,CACO,MACL,YAAU,SACV,cAAaS,EACb,YAAWC,EACX,UAAWT,EAAAA,GACT,8pBACAU,CACF,EACA,GAAIH,EAEJ,UAAA,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAU,+eACX,CAAA,CACmB,CAAA,CAE1B,EACA,EAAO,YAAc,S"}
+{"version":3,"file":"switch.cjs","names":["React","SwitchPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_switch","Switch","props","testId","size","className"],"sources":["../../../../src/ui/components/ui/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Switch as SwitchPrimitive } from '@base-ui/react/switch';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Base UI switch-root props plus size and stable selector.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see Switch\n */\ninterface SwitchProps extends SwitchPrimitive.Root.Props {\n  /**\n   * Visual size preset; defaults to default unless the owning component states otherwise.\n   */\n  size?: 'sm' | 'default';\n  /**\n   * Stable data-testid assigned to the rendered control/container; omitted means no selector.\n   */\n  testId?: string;\n}\n\n/**\n * Renders a binary Base UI switch with an integrated thumb and optional test ID.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: size='default'.\n * @returns The rendered Switch composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. size defaults to default; sm selects the smaller track/thumb styling. testId maps to data-testid. Provide an associated label or accessible name. Base UI owns checked/defaultChecked and onCheckedChange behavior. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in thumb.\n * @example\n * ```tsx\n * import { Switch, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div><Switch id=\"notifications\" defaultChecked testId=\"notifications\" /><Label htmlFor=\"notifications\">Notifications</Label></div>);\n * }\n * ```\n */\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, size = 'default', testId, ...props }, ref) => (\n    <SwitchPrimitive.Root\n      ref={ref}\n      data-slot='switch'\n      data-testid={testId}\n      data-size={size}\n      className={cn(\n        'data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot='switch-thumb'\n        className='bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform'\n      />\n    </SwitchPrimitive.Root>\n  ),\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch };\n"],"mappings":"A,uSAsCA,IAAMQ,EAASR,EAAM,YAClB,CAAE,YAAW,OAAO,UAAW,SAAQ,GAAGS,GAAS,KAClD,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,KAAjB,CACO,MACL,YAAU,SACV,cAAaS,EACb,YAAWC,EACX,UAAWT,EAAAA,GACT,8pBACAU,CACF,EACA,GAAIH,EAEJ,UAAA,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAU,+eACX,CAAA,CACmB,CAAA,CAE1B,EACA,EAAO,YAAc,S"}

package/dist/ui/components/ui/switch.d.cts

@@ -1,8 +1,34 @@
 import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
 import * as React from 'react';
+/**
+ * Base UI switch-root props plus size and stable selector.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see Switch
+ */
 interface SwitchProps extends SwitchPrimitive.Root.Props {
+    /**
+     * Visual size preset; defaults to default unless the owning component states otherwise.
+     */
     size?: 'sm' | 'default';
+    /**
+     * Stable data-testid assigned to the rendered control/container; omitted means no selector.
+     */
     testId?: string;
 }
+/**
+ * Renders a binary Base UI switch with an integrated thumb and optional test ID.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: size='default'.
+ * @returns The rendered Switch composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. size defaults to default; sm selects the smaller track/thumb styling. testId maps to data-testid. Provide an associated label or accessible name. Base UI owns checked/defaultChecked and onCheckedChange behavior. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in thumb.
+ * @example
+ * ```tsx
+ * import { Switch, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<div><Switch id="notifications" defaultChecked testId="notifications" /><Label htmlFor="notifications">Notifications</Label></div>);
+ * }
+ * ```
+ */
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };

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

@@ -1,8 +1,34 @@
 import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
 import * as React from 'react';
+/**
+ * Base UI switch-root props plus size and stable selector.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see Switch
+ */
 interface SwitchProps extends SwitchPrimitive.Root.Props {
+    /**
+     * Visual size preset; defaults to default unless the owning component states otherwise.
+     */
     size?: 'sm' | 'default';
+    /**
+     * Stable data-testid assigned to the rendered control/container; omitted means no selector.
+     */
     testId?: string;
 }
+/**
+ * Renders a binary Base UI switch with an integrated thumb and optional test ID.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: size='default'.
+ * @returns The rendered Switch composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. size defaults to default; sm selects the smaller track/thumb styling. testId maps to data-testid. Provide an associated label or accessible name. Base UI owns checked/defaultChecked and onCheckedChange behavior. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in thumb.
+ * @example
+ * ```tsx
+ * import { Switch, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<div><Switch id="notifications" defaultChecked testId="notifications" /><Label htmlFor="notifications">Notifications</Label></div>);
+ * }
+ * ```
+ */
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };

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

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["React","SwitchPrimitive","React$1","Switch$1","Switch","props","testId","size","cn","className"],"sources":["../../../../src/ui/components/ui/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Switch as SwitchPrimitive } from '@base-ui/react/switch';\n\nimport { cn } from '../../lib/utils';\n\ninterface SwitchProps extends SwitchPrimitive.Root.Props {\n  size?: 'sm' | 'default';\n  testId?: string;\n}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, size = 'default', testId, ...props }, ref) => (\n    <SwitchPrimitive.Root\n      ref={ref}\n      data-slot='switch'\n      data-testid={testId}\n      data-size={size}\n      className={cn(\n        'data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot='switch-thumb'\n        className='bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform'\n      />\n    </SwitchPrimitive.Root>\n  ),\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch };\n"],"mappings":";;;;;;;AAYA,IAAMI,IAASJ,EAAM,YAClB,EAAE,cAAW,UAAO,WAAW,WAAQ,GAAGK,KAAS,MAClD,kBAACJ,EAAgB,MAAjB;CACO;CACL,aAAU;CACV,eAAaK;CACb,aAAWC;CACX,WAAWC,EACT,+pBACAC,CACF;CACA,GAAIJ;CAEJ,UAAA,kBAACJ,EAAgB,OAAjB;EACE,aAAU;EACV,WAAU;CACX,CAAA;AACmB,CAAA,CAE1B;AACA,EAAO,cAAc"}
+{"version":3,"file":"switch.js","names":["React","SwitchPrimitive","React$1","Switch$1","Switch","props","testId","size","cn","className"],"sources":["../../../../src/ui/components/ui/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Switch as SwitchPrimitive } from '@base-ui/react/switch';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Base UI switch-root props plus size and stable selector.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see Switch\n */\ninterface SwitchProps extends SwitchPrimitive.Root.Props {\n  /**\n   * Visual size preset; defaults to default unless the owning component states otherwise.\n   */\n  size?: 'sm' | 'default';\n  /**\n   * Stable data-testid assigned to the rendered control/container; omitted means no selector.\n   */\n  testId?: string;\n}\n\n/**\n * Renders a binary Base UI switch with an integrated thumb and optional test ID.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: size='default'.\n * @returns The rendered Switch composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. size defaults to default; sm selects the smaller track/thumb styling. testId maps to data-testid. Provide an associated label or accessible name. Base UI owns checked/defaultChecked and onCheckedChange behavior. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in thumb.\n * @example\n * ```tsx\n * import { Switch, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div><Switch id=\"notifications\" defaultChecked testId=\"notifications\" /><Label htmlFor=\"notifications\">Notifications</Label></div>);\n * }\n * ```\n */\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, size = 'default', testId, ...props }, ref) => (\n    <SwitchPrimitive.Root\n      ref={ref}\n      data-slot='switch'\n      data-testid={testId}\n      data-size={size}\n      className={cn(\n        'data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot='switch-thumb'\n        className='bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform'\n      />\n    </SwitchPrimitive.Root>\n  ),\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch };\n"],"mappings":";;;;;;;AAsCA,IAAMI,IAASJ,EAAM,YAClB,EAAE,cAAW,UAAO,WAAW,WAAQ,GAAGK,KAAS,MAClD,kBAACJ,EAAgB,MAAjB;CACO;CACL,aAAU;CACV,eAAaK;CACb,aAAWC;CACX,WAAWC,EACT,+pBACAC,CACF;CACA,GAAIJ;CAEJ,UAAA,kBAACJ,EAAgB,OAAjB;EACE,aAAU;EACV,WAAU;CACX,CAAA;AACmB,CAAA,CAE1B;AACA,EAAO,cAAc"}

package/dist/ui/components/ui/table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.cjs","names":["React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","Table","props","className","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"sources":["../../../../src/ui/components/ui/table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Table Component\n * テーブルコンポーネント\n */\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <div data-slot='table-container' className='relative w-full overflow-x-auto'>\n      <table\n        ref={ref}\n        data-slot='table'\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  ),\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    data-slot='table-header'\n    className={cn('[&_tr]:border-b', className)}\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    data-slot='table-body'\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    data-slot='table-footer'\n    className={cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      data-slot='table-row'\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    data-slot='table-head'\n    className={cn(\n      'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 dark:bg-secondary dark:text-secondary-foreground bg-muted/30',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    data-slot='table-cell'\n    className={cn('p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0', className)}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    data-slot='table-caption'\n    className={cn('text-muted-foreground mt-4 text-sm', className)}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"mappings":"A,mPAQA,IAAMM,EAAQN,EAAM,YACjB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,kBAAkB,UAAU,kCACzC,UAAA,EAAAA,EAAA,IAAA,CAAC,QAAD,CACO,MACL,YAAU,QACV,UAAWH,EAAAA,GAAG,gCAAiCO,CAAS,EACxD,GAAID,CACL,CAAA,CACE,CAAA,CAET,EACA,EAAM,YAAc,QAEpB,IAAME,EAAcT,EAAM,YAGvB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,QAAD,CACO,MACL,YAAU,eACV,UAAWH,EAAAA,GAAG,kBAAmBO,CAAS,EAC1C,GAAID,CACL,CAAA,CACF,EACD,EAAY,YAAc,cAE1B,IAAMG,EAAYV,EAAM,YAGrB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,QAAD,CACO,MACL,YAAU,aACV,UAAWH,EAAAA,GAAG,6BAA8BO,CAAS,EACrD,GAAID,CACL,CAAA,CACF,EACD,EAAU,YAAc,YAExB,IAAMI,EAAcX,EAAM,YAGvB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,QAAD,CACO,MACL,YAAU,eACV,UAAWH,EAAAA,GAAG,0DAA2DO,CAAS,EAClF,GAAID,CACL,CAAA,CACF,EACD,EAAY,YAAc,cAE1B,IAAMK,EAAWZ,EAAM,YACpB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,KAAD,CACO,MACL,YAAU,YACV,UAAWH,EAAAA,GACT,8EACAO,CACF,EACA,GAAID,CACL,CAAA,CAEL,EACA,EAAS,YAAc,WAEvB,IAAMM,EAAYb,EAAM,YAGrB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,KAAD,CACO,MACL,YAAU,aACV,UAAWH,EAAAA,GACT,4KACAO,CACF,EACA,GAAID,CACL,CAAA,CACF,EACD,EAAU,YAAc,YAExB,IAAMO,EAAYd,EAAM,YAGrB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,KAAD,CACO,MACL,YAAU,aACV,UAAWH,EAAAA,GAAG,mEAAoEO,CAAS,EAC3F,GAAID,CACL,CAAA,CACF,EACD,EAAU,YAAc,YAExB,IAAMQ,EAAef,EAAM,YAGxB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,UAAD,CACO,MACL,YAAU,gBACV,UAAWH,EAAAA,GAAG,qCAAsCO,CAAS,EAC7D,GAAID,CACL,CAAA,CACF,EACD,EAAa,YAAc,e"}
+{"version":3,"file":"table.cjs","names":["React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","Table","props","className","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"sources":["../../../../src/ui/components/ui/table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Wraps a native table in a horizontal overflow container.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Table composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <div data-slot='table-container' className='relative w-full overflow-x-auto'>\n      <table\n        ref={ref}\n        data-slot='table'\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  ),\n);\nTable.displayName = 'Table';\n\n/**\n * Renders the native table header section with row borders.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    data-slot='table-header'\n    className={cn('[&_tr]:border-b', className)}\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\n/**\n * Renders the native table body section.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableBody composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    data-slot='table-body'\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\n/**\n * Renders the native table footer section with muted styling.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    data-slot='table-footer'\n    className={cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\n/**\n * Renders a native table row with hover and optional selected-state styling.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableRow composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      data-slot='table-row'\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\n/**\n * Renders a native table heading cell.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableHead composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    data-slot='table-head'\n    className={cn(\n      'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 dark:bg-secondary dark:text-secondary-foreground bg-muted/30',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\n/**\n * Renders a native table data cell.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableCell composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    data-slot='table-cell'\n    className={cn('p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0', className)}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\n/**\n * Renders the native table caption below the table content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered TableCaption composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope=\"col\">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);\n * }\n * ```\n */\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    data-slot='table-caption'\n    className={cn('text-muted-foreground mt-4 text-sm', className)}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"mappings":"A,mPAmBA,IAAMM,EAAQN,EAAM,YACjB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,kBAAkB,UAAU,kCACzC,UAAA,EAAAA,EAAA,IAAA,CAAC,QAAD,CACO,MACL,YAAU,QACV,UAAWH,EAAAA,GAAG,gCAAiCO,CAAS,EACxD,GAAID,CACL,CAAA,CACE,CAAA,CAET,EACA,EAAM,YAAc,QAiBpB,IAAME,EAAcT,EAAM,YAGvB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,QAAD,CACO,MACL,YAAU,eACV,UAAWH,EAAAA,GAAG,kBAAmBO,CAAS,EAC1C,GAAID,CACL,CAAA,CACF,EACD,EAAY,YAAc,cAiB1B,IAAMG,EAAYV,EAAM,YAGrB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,QAAD,CACO,MACL,YAAU,aACV,UAAWH,EAAAA,GAAG,6BAA8BO,CAAS,EACrD,GAAID,CACL,CAAA,CACF,EACD,EAAU,YAAc,YAiBxB,IAAMI,EAAcX,EAAM,YAGvB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,QAAD,CACO,MACL,YAAU,eACV,UAAWH,EAAAA,GAAG,0DAA2DO,CAAS,EAClF,GAAID,CACL,CAAA,CACF,EACD,EAAY,YAAc,cAiB1B,IAAMK,EAAWZ,EAAM,YACpB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,KAAD,CACO,MACL,YAAU,YACV,UAAWH,EAAAA,GACT,8EACAO,CACF,EACA,GAAID,CACL,CAAA,CAEL,EACA,EAAS,YAAc,WAiBvB,IAAMM,EAAYb,EAAM,YAGrB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,KAAD,CACO,MACL,YAAU,aACV,UAAWH,EAAAA,GACT,4KACAO,CACF,EACA,GAAID,CACL,CAAA,CACF,EACD,EAAU,YAAc,YAiBxB,IAAMO,EAAYd,EAAM,YAGrB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,KAAD,CACO,MACL,YAAU,aACV,UAAWH,EAAAA,GAAG,mEAAoEO,CAAS,EAC3F,GAAID,CACL,CAAA,CACF,EACD,EAAU,YAAc,YAiBxB,IAAMQ,EAAef,EAAM,YAGxB,CAAE,YAAW,GAAGO,GAAS,KAC1B,EAAAH,EAAA,IAAA,CAAC,UAAD,CACO,MACL,YAAU,gBACV,UAAWH,EAAAA,GAAG,qCAAsCO,CAAS,EAC7D,GAAID,CACL,CAAA,CACF,EACD,EAAa,YAAc,e"}