@alneas/appkit-react 0.1.0 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["DialogPrimitive","React","React$1","Dialog$1","Dialog","props","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","cn","className","DialogContent","testId","children","showCloseButton","Button","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"sources":["../../../../src/ui/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as DialogPrimitive } 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 Dialog({ ...props }: DialogPrimitive.Root.Props) {\n  return <DialogPrimitive.Root data-slot='dialog' {...props} />;\n}\n\n/**\n * ダイアログを開くためのトリガーボタン。\n */\nfunction DialogTrigger({\n  children,\n  ...props\n}: DialogPrimitive.Trigger.Props) {\n  return (\n    <DialogPrimitive.Trigger\n      data-slot='dialog-trigger'\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Trigger>\n  );\n}\n\n/**\n * ダイアログ要素をポータル経由でDOMの別の場所に描画するためのコンポーネント。\n */\nfunction DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {\n  return <DialogPrimitive.Portal data-slot='dialog-portal' {...props} />;\n}\n\n/**\n * ダイアログを閉じるためのトリガーボタン。\n */\nfunction DialogClose({ ...props }: DialogPrimitive.Close.Props) {\n  return <DialogPrimitive.Close data-slot='dialog-close' {...props} />;\n}\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, DialogPrimitive.Backdrop.Props>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Backdrop\n      ref={ref}\n      data-slot='dialog-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 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDialogOverlay.displayName = DialogPrimitive.Backdrop.displayName;\n\nexport interface DialogContentProps extends React.ComponentPropsWithoutRef<\n  typeof DialogPrimitive.Popup\n> {\n  /** AI/E2E Test用の安定ID / Stable test identifier */\n  testId?: string;\n  showCloseButton?: boolean;\n}\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ className, children, testId, showCloseButton = true, ...props }, ref) => (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Popup\n        ref={ref}\n        data-testid={testId}\n        data-slot='dialog-content'\n        className={cn(\n          'bg-background text-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot='dialog-close'\n            data-testid={testId ? `${testId}-close` : undefined}\n            render={<Button variant='ghost' className='absolute top-2 right-2' size='icon-sm' />}\n          >\n            <XIcon />\n            <span className='sr-only'>Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  ),\n);\nDialogContent.displayName = DialogPrimitive.Popup.displayName;\n\nconst DialogHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='dialog-header'\n      className={cn('gap-2 flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<'div'> & { showCloseButton?: boolean }\n>(({ className, showCloseButton = false, children, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot='dialog-footer'\n    className={cn(\n      'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    {showCloseButton && (\n      <DialogPrimitive.Close render={<Button variant='outline' />}>Close</DialogPrimitive.Close>\n    )}\n  </div>\n));\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    data-slot='dialog-title'\n    className={cn('text-sm leading-none font-medium', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    data-slot='dialog-description'\n    className={cn(\n      'text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3',\n      className,\n    )}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":";;;;;;;;;AAYA,SAASI,EAAO,EAAE,GAAGC,KAAqC;CACxD,OAAO,kBAACL,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAIK;CAAQ,CAAA;AAC9D;AAKA,SAASC,EAAc,EACrB,aACA,GAAGD,KAC6B;CAChC,OACE,kBAACL,EAAgB,SAAjB;EACE,aAAU;EACV,GAAIK;EAEH;CACsB,CAAA;AAE7B;AAKA,SAASE,EAAa,EAAE,GAAGF,KAAuC;CAChE,OAAO,kBAACL,EAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAIK;CAAQ,CAAA;AACvE;AAKA,SAASG,EAAY,EAAE,GAAGH,KAAsC;CAC9D,OAAO,kBAACL,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAIK;CAAQ,CAAA;AACrE;AAEA,IAAMI,IAAgBR,EAAM,YACzB,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAACL,EAAgB,UAAjB;CACO;CACL,aAAU;CACV,WAAWU,EACT,yLACAC,CACF;CACA,GAAIN;AACL,CAAA,CAEL;AACA,EAAc,cAAcL,EAAgB,SAAS;AAUrD,IAAMY,IAAgBX,EAAM,YACzB,EAAE,cAAW,aAAU,WAAQ,qBAAkB,IAAM,GAAGI,KAAS,MAClE,kBAACE,GAAD,EAAA,UAAA,CACE,kBAACE,GAAD,CAAgB,CAAA,GAChB,kBAACT,EAAgB,OAAjB;CACO;CACL,eAAaa;CACb,aAAU;CACV,WAAWH,EACT,qWACAC,CACF;CACA,GAAIN;CARN,UAAA,CAUGS,GACAC,KACC,kBAACf,EAAgB,OAAjB;EACE,aAAU;EACV,eAAaa,IAAS,GAAGA,EAAO,UAAU,KAAA;EAC1C,QAAQ,kBAACG,GAAD;GAAQ,SAAQ;GAAQ,WAAU;GAAyB,MAAK;EAAW,CAAA;EAHrF,UAAA,CAKE,kBAACC,GAAD,CAAQ,CAAA,GACR,kBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAW,CAAA,CAChB;CAEJ,CAAA,CAAA;AACX,CAAA,CAAA,EAAA,CAAA,CAElB;AACA,EAAc,cAAcjB,EAAgB,MAAM;AAElD,IAAMkB,IAAejB,EAAM,YACxB,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWK,EAAG,uBAAuBC,CAAS;CAC9C,GAAIN;AACL,CAAA,CAEL;AACA,EAAa,cAAc;AAE3B,IAAMc,IAAelB,EAAM,YAGxB,EAAE,cAAW,qBAAkB,IAAO,aAAU,GAAGI,KAAS,MAC7D,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWK,EACT,4GACAC,CACF;CACA,GAAIN;CAPN,UAAA,CASGS,GACAC,KACC,kBAACf,EAAgB,OAAjB;EAAuB,QAAQ,kBAACgB,GAAD,EAAQ,SAAQ,UAAW,CAAA;EAAG,UAAA;CAA4B,CAAA,CAExF;AACN,CAAA,CAAA;AACD,EAAa,cAAc;AAE3B,IAAMI,IAAcnB,EAAM,YAGvB,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAgB,OAAjB;CACO;CACL,aAAU;CACV,WAAWU,EAAG,oCAAoCC,CAAS;CAC3D,GAAIN;AACL,CAAA,CACF;AACD,EAAY,cAAcL,EAAgB,MAAM;AAEhD,IAAMqB,IAAoBpB,EAAM,YAG7B,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAgB,aAAjB;CACO;CACL,aAAU;CACV,WAAWU,EACT,sGACAC,CACF;CACA,GAAIN;AACL,CAAA,CACF;AACD,EAAkB,cAAcL,EAAgB,YAAY"}
+{"version":3,"file":"dialog.js","names":["DialogPrimitive","Dialog$1","Dialog","props","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","cn","className","DialogContent","testId","children","showCloseButton","Button","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"sources":["../../../../src/ui/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as DialogPrimitive } 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 Dialog composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; 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 { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction Dialog({ ...props }: DialogPrimitive.Root.Props) {\n  return <DialogPrimitive.Root data-slot='dialog' {...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 DialogTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; 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 { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogTrigger({\n  children,\n  ...props\n}: DialogPrimitive.Trigger.Props) {\n  return (\n    <DialogPrimitive.Trigger\n      data-slot='dialog-trigger'\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Trigger>\n  );\n}\n\n/**\n * Mounts popup descendants in a separate DOM container.\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 DialogPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; 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 { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {\n  return <DialogPrimitive.Portal data-slot='dialog-portal' {...props} />;\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 DialogClose composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; 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 { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogClose({ ...props }: DialogPrimitive.Close.Props) {\n  return <DialogPrimitive.Close data-slot='dialog-close' {...props} />;\n}\n\n/**\n * Renders the popup backdrop with open/closed animation classes.\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 DialogOverlay composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; 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 { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogOverlay({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<DialogPrimitive.Backdrop.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <DialogPrimitive.Backdrop\n      ref={ref}\n      data-slot='dialog-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 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nDialogOverlay.displayName = DialogPrimitive.Backdrop.displayName;\n\n/**\n * Base UI popup props plus the built-in close button and stable test selector.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see DialogContent\n */\nexport interface DialogContentProps extends React.ComponentPropsWithoutRef<\n  typeof DialogPrimitive.Popup\n> {\n  /**\n   * data-testid on the popup; the built-in close uses `${testId}-close` when present.\n   */\n  testId?: string;\n  /**\n   * Whether to insert the built-in close button.\n   * @defaultValue true\n   */\n  showCloseButton?: boolean;\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: showCloseButton=true.\n * @returns The rendered DialogContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; 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. testId maps to the popup data-testid and, when present, `${testId}-close` on its built-in close control. showCloseButton defaults to true.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogContent({\n  ref,\n  className,\n  children,\n  testId,\n  showCloseButton = true,\n  ...props\n}: React.PropsWithoutRef<DialogContentProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Popup\n        ref={ref}\n        data-testid={testId}\n        data-slot='dialog-content'\n        className={cn(\n          'bg-background text-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot='dialog-close'\n            data-testid={testId ? `${testId}-close` : undefined}\n            render={<Button variant='ghost' className='absolute top-2 right-2' size='icon-sm' />}\n          >\n            <XIcon />\n            <span className='sr-only'>Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\nDialogContent.displayName = DialogPrimitive.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 DialogHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; 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 { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogHeader({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      data-slot='dialog-header'\n      className={cn('gap-2 flex flex-col', className)}\n      {...props}\n    />\n  );\n}\nDialogHeader.displayName = 'DialogHeader';\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. Wrapper defaults: showCloseButton=false.\n * @returns The rendered DialogFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; 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. showCloseButton defaults to false and adds an outline close action when true.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogFooter({\n  ref,\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.PropsWithoutRef<\n  React.ComponentPropsWithoutRef<'div'> & {\n    /**\n     * Controls whether the wrapper inserts its own close button; see the component for its default.\n     */\n    /**\n     * Controls whether the wrapper inserts its own close button; see the component for its default.\n     */\n    showCloseButton?: boolean;\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      data-slot='dialog-footer'\n      className={cn(\n        'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close render={<Button variant='outline' />}>Close</DialogPrimitive.Close>\n      )}\n    </div>\n  );\n}\nDialogFooter.displayName = 'DialogFooter';\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 DialogTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; 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 { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogTitle({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>> &\n  React.RefAttributes<React.ComponentRef<typeof DialogPrimitive.Title>>) {\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      data-slot='dialog-title'\n      className={cn('text-sm leading-none font-medium', className)}\n      {...props}\n    />\n  );\n}\nDialogTitle.displayName = DialogPrimitive.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 DialogDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; 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 { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogDescription({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>> &\n  React.RefAttributes<React.ComponentRef<typeof DialogPrimitive.Description>>) {\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      data-slot='dialog-description'\n      className={cn(\n        'text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":";;;;;;;;;AAwBA,SAASE,EAAO,EAAE,GAAGC,KAAqC;CACxD,OAAO,kBAACH,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAIG;CAAQ,CAAA;AAC9D;AAiBA,SAASC,EAAc,EACrB,aACA,GAAGD,KAC6B;CAChC,OACE,kBAACH,EAAgB,SAAjB;EACE,aAAU;EACV,GAAIG;EAEH;CACsB,CAAA;AAE7B;AAiBA,SAASE,EAAa,EAAE,GAAGF,KAAuC;CAChE,OAAO,kBAACH,EAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAIG;CAAQ,CAAA;AACvE;AAiBA,SAASG,EAAY,EAAE,GAAGH,KAAsC;CAC9D,OAAO,kBAACH,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAIG;CAAQ,CAAA;AACrE;AAiBA,SAASI,EAAc,EACrB,QACA,cACA,GAAGJ,KAC2F;CAC9F,OACE,kBAACH,EAAgB,UAAjB;EACO;EACL,aAAU;EACV,WAAWQ,EACT,yLACAC,CACF;EACA,GAAIN;CACL,CAAA;AAEL;AACA,EAAc,cAAcH,EAAgB,SAAS;AAoCrD,SAASU,EAAc,EACrB,QACA,cACA,aACA,WACA,qBAAkB,IAClB,GAAGP,KAC+E;CAClF,OACE,kBAACE,GAAD,EAAA,UAAA,CACE,kBAACE,GAAD,CAAgB,CAAA,GAChB,kBAACP,EAAgB,OAAjB;EACO;EACL,eAAaW;EACb,aAAU;EACV,WAAWH,EACT,qWACAC,CACF;EACA,GAAIN;EARN,UAAA,CAUGS,GACAC,KACC,kBAACb,EAAgB,OAAjB;GACE,aAAU;GACV,eAAaW,IAAS,GAAGA,EAAO,UAAU,KAAA;GAC1C,QAAQ,kBAACG,GAAD;IAAQ,SAAQ;IAAQ,WAAU;IAAyB,MAAK;GAAW,CAAA;GAHrF,UAAA,CAKE,kBAACC,GAAD,CAAQ,CAAA,GACR,kBAAC,QAAD;IAAM,WAAU;IAAU,UAAA;GAAW,CAAA,CAChB;EAEJ,CAAA,CAAA;CACX,CAAA,CAAA,EAAA,CAAA;AAElB;AACA,EAAc,cAAcf,EAAgB,MAAM;AAiBlD,SAASgB,EAAa,EACpB,QACA,cACA,GAAGb,KAEkC;CACrC,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWK,EAAG,uBAAuBC,CAAS;EAC9C,GAAIN;CACL,CAAA;AAEL;AACA,EAAa,cAAc;AAiB3B,SAASc,EAAa,EACpB,QACA,cACA,qBAAkB,IAClB,aACA,GAAGd,KAYkC;CACrC,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWK,EACT,4GACAC,CACF;EACA,GAAIN;EAPN,UAAA,CASGS,GACAC,KACC,kBAACb,EAAgB,OAAjB;GAAuB,QAAQ,kBAACc,GAAD,EAAQ,SAAQ,UAAW,CAAA;GAAG,UAAA;EAA4B,CAAA,CAExF;;AAET;AACA,EAAa,cAAc;AAiB3B,SAASI,EAAY,EACnB,QACA,cACA,GAAGf,KAEoE;CACvE,OACE,kBAACH,EAAgB,OAAjB;EACO;EACL,aAAU;EACV,WAAWQ,EAAG,oCAAoCC,CAAS;EAC3D,GAAIN;CACL,CAAA;AAEL;AACA,EAAY,cAAcH,EAAgB,MAAM;AAiBhD,SAASmB,EAAkB,EACzB,QACA,cACA,GAAGhB,KAE0E;CAC7E,OACE,kBAACH,EAAgB,aAAjB;EACO;EACL,aAAU;EACV,WAAWQ,EACT,sGACAC,CACF;EACA,GAAIN;CACL,CAAA;AAEL;AACA,EAAkB,cAAcH,EAAgB,YAAY"}

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.cjs","names":["DrawerPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","vaul_base","Drawer","props","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"sources":["../../../../src/ui/components/ui/drawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul-base';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * ドロワー（画面端からスライドして表示されるパネル）のルートコンポーネント。\n */\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot='drawer' {...props} />;\n}\n\n/**\n * ドロワーを開くためのトリガーボタン。\n */\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot='drawer-trigger' {...props} />;\n}\n\n/**\n * ドロワーの要素をポータル経由でDOMの別の場所に描画するコンポーネント。\n */\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot='drawer-portal' {...props} />;\n}\n\n/**\n * ドロワーを閉じるためのトリガーボタン。\n */\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot='drawer-close' {...props} />;\n}\n\n/**\n * ドロワーの背景に表示される半透明のオーバーレイ。\n */\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot='drawer-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 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * ドロワーのコンテンツ本体を格納するコンテナ。\n */\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot='drawer-portal'>\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot='drawer-content'\n        className={cn(\n          'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n          className,\n        )}\n        {...props}\n      >\n        <div className='bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block bg-muted mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block' />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\n/**\n * ドロワー上部に表示するタイトルや説明用のヘッダー領域。\n */\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='drawer-header'\n      className={cn(\n        'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * ドロワー下部のアクションボタンなどを配置するフッター領域。\n */\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='drawer-footer'\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * ドロワーのタイトルテキスト。\n */\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot='drawer-title'\n      className={cn('text-foreground text-base font-medium', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * ドロワーの詳細な説明や補足情報を表示するテキストコンポーネント。\n */\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot='drawer-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":"A,2RAUA,SAASO,EAAO,CAAE,GAAGC,GAA4D,CAC/E,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAIQ,CAAQ,CAAA,CAC9D,CAKA,SAASC,EAAc,CAAE,GAAGD,GAA+D,CACzF,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,QAAjB,CAAyB,YAAU,iBAAiB,GAAIQ,CAAQ,CAAA,CACzE,CAKA,SAASE,EAAa,CAAE,GAAGF,GAA8D,CACvF,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,OAAjB,CAAwB,YAAU,gBAAgB,GAAIQ,CAAQ,CAAA,CACvE,CAKA,SAASG,EAAY,CAAE,GAAGH,GAA6D,CACrF,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAIQ,CAAQ,CAAA,CACrE,CAKA,SAASI,EAAc,CACrB,YACA,GAAGJ,GACoD,CACvD,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,QAAjB,CACE,YAAU,iBACV,UAAWC,EAAAA,GACT,mKACAY,CACF,EACA,GAAIL,CACL,CAAA,CAEL,CAKA,SAASM,EAAc,CACrB,YACA,WACA,GAAGN,GACoD,CACvD,OACE,EAAAJ,EAAA,KAAA,CAACM,EAAD,CAAc,YAAU,gBAAxB,SAAA,EACE,EAAAN,EAAA,IAAA,CAACQ,EAAD,CAAgB,CAAA,GAChB,EAAAR,EAAA,KAAA,CAACJ,EAAAA,OAAgB,QAAjB,CACE,YAAU,iBACV,UAAWC,EAAAA,GACT,inCACAY,CACF,EACA,GAAIL,EANN,SAAA,EAQE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,iOAAmO,CAAA,EACjPW,CACsB,CACb,CAAA,CAAA,C,EAElB,CAKA,SAASC,EAAa,CAAE,YAAW,GAAGR,GAAsC,CAC1E,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,gBACV,UAAWH,EAAAA,GACT,2LACAY,CACF,EACA,GAAIL,CACL,CAAA,CAEL,CAKA,SAASS,EAAa,CAAE,YAAW,GAAGT,GAAsC,CAC1E,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,gBACV,UAAWH,EAAAA,GAAG,kCAAmCY,CAAS,EAC1D,GAAIL,CACL,CAAA,CAEL,CAKA,SAASU,EAAY,CAAE,YAAW,GAAGV,GAA6D,CAChG,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAWC,EAAAA,GAAG,wCAAyCY,CAAS,EAChE,GAAIL,CACL,CAAA,CAEL,CAKA,SAASW,EAAkB,CACzB,YACA,GAAGX,GACwD,CAC3D,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,YAAjB,CACE,YAAU,qBACV,UAAWC,EAAAA,GAAG,gCAAiCY,CAAS,EACxD,GAAIL,CACL,CAAA,CAEL,C"}
+{"version":3,"file":"drawer.cjs","names":["DrawerPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","vaul_base","Drawer","props","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","className","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"sources":["../../../../src/ui/components/ui/drawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul-base';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Drawer composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot='drawer' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot='drawer-trigger' {...props} />;\n}\n\n/**\n * Mounts popup descendants in a separate DOM container.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot='drawer-portal' {...props} />;\n}\n\n/**\n * Renders a control that requests closing its popup.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerClose composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot='drawer-close' {...props} />;\n}\n\n/**\n * Renders the popup backdrop with open/closed animation classes.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerOverlay composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot='drawer-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 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot='drawer-portal'>\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot='drawer-content'\n        className={cn(\n          'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n          className,\n        )}\n        {...props}\n      >\n        <div className='bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block bg-muted mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block' />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='drawer-header'\n      className={cn(\n        'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Lays out popup actions below its content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='drawer-footer'\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot='drawer-title'\n      className={cn('text-foreground text-base font-medium', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot='drawer-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":"A,2RAsBA,SAASO,EAAO,CAAE,GAAGC,GAA4D,CAC/E,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAIQ,CAAQ,CAAA,CAC9D,CAiBA,SAASC,EAAc,CAAE,GAAGD,GAA+D,CACzF,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,QAAjB,CAAyB,YAAU,iBAAiB,GAAIQ,CAAQ,CAAA,CACzE,CAiBA,SAASE,EAAa,CAAE,GAAGF,GAA8D,CACvF,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,OAAjB,CAAwB,YAAU,gBAAgB,GAAIQ,CAAQ,CAAA,CACvE,CAiBA,SAASG,EAAY,CAAE,GAAGH,GAA6D,CACrF,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAIQ,CAAQ,CAAA,CACrE,CAiBA,SAASI,EAAc,CACrB,YACA,GAAGJ,GACoD,CACvD,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,QAAjB,CACE,YAAU,iBACV,UAAWC,EAAAA,GACT,mKACAY,CACF,EACA,GAAIL,CACL,CAAA,CAEL,CAiBA,SAASM,EAAc,CACrB,YACA,WACA,GAAGN,GACoD,CACvD,OACE,EAAAJ,EAAA,KAAA,CAACM,EAAD,CAAc,YAAU,gBAAxB,SAAA,EACE,EAAAN,EAAA,IAAA,CAACQ,EAAD,CAAgB,CAAA,GAChB,EAAAR,EAAA,KAAA,CAACJ,EAAAA,OAAgB,QAAjB,CACE,YAAU,iBACV,UAAWC,EAAAA,GACT,inCACAY,CACF,EACA,GAAIL,EANN,SAAA,EAQE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,iOAAmO,CAAA,EACjPW,CACsB,CACb,CAAA,CAAA,C,EAElB,CAiBA,SAASC,EAAa,CAAE,YAAW,GAAGR,GAAsC,CAC1E,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,gBACV,UAAWH,EAAAA,GACT,2LACAY,CACF,EACA,GAAIL,CACL,CAAA,CAEL,CAiBA,SAASS,EAAa,CAAE,YAAW,GAAGT,GAAsC,CAC1E,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,gBACV,UAAWH,EAAAA,GAAG,kCAAmCY,CAAS,EAC1D,GAAIL,CACL,CAAA,CAEL,CAiBA,SAASU,EAAY,CAAE,YAAW,GAAGV,GAA6D,CAChG,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAWC,EAAAA,GAAG,wCAAyCY,CAAS,EAChE,GAAIL,CACL,CAAA,CAEL,CAiBA,SAASW,EAAkB,CACzB,YACA,GAAGX,GACwD,CAC3D,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,OAAgB,YAAjB,CACE,YAAU,qBACV,UAAWC,EAAAA,GAAG,gCAAiCY,CAAS,EACxD,GAAIL,CACL,CAAA,CAEL,C"}

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

@@ -1,43 +1,163 @@
 import { Drawer as DrawerPrimitive } from 'vaul-base';
 import * as React from 'react';
 /**
- * ドロワー（画面端からスライドして表示されるパネル）のルートコンポーネント。
+ * Coordinates open state and interaction context for the popup.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Drawer composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
 /**
- * ドロワーを開くためのトリガーボタン。
+ * Renders the control that requests opening its popup.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): React.JSX.Element;
 /**
- * ドロワーの要素をポータル経由でDOMの別の場所に描画するコンポーネント。
+ * Mounts popup descendants in a separate DOM container.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerPortal composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): React.JSX.Element;
 /**
- * ドロワーを閉じるためのトリガーボタン。
+ * Renders a control that requests closing its popup.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerClose composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): React.JSX.Element;
 /**
- * ドロワーの背景に表示される半透明のオーバーレイ。
+ * Renders the popup backdrop with open/closed animation classes.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerOverlay composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): React.JSX.Element;
 /**
- * ドロワーのコンテンツ本体を格納するコンテナ。
+ * Portals the popup and its positioning/backdrop composition.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): React.JSX.Element;
 /**
- * ドロワー上部に表示するタイトルや説明用のヘッダー領域。
+ * Groups popup heading and explanatory content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 /**
- * ドロワー下部のアクションボタンなどを配置するフッター領域。
+ * Lays out popup actions below its content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 /**
- * ドロワーのタイトルテキスト。
+ * Provides the accessible title of the associated popup.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): React.JSX.Element;
 /**
- * ドロワーの詳細な説明や補足情報を表示するテキストコンポーネント。
+ * Provides the accessible explanatory text of the associated popup.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): React.JSX.Element;
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

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

@@ -1,43 +1,163 @@
 import { Drawer as DrawerPrimitive } from 'vaul-base';
 import * as React from 'react';
 /**
- * ドロワー（画面端からスライドして表示されるパネル）のルートコンポーネント。
+ * Coordinates open state and interaction context for the popup.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Drawer composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
 /**
- * ドロワーを開くためのトリガーボタン。
+ * Renders the control that requests opening its popup.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): React.JSX.Element;
 /**
- * ドロワーの要素をポータル経由でDOMの別の場所に描画するコンポーネント。
+ * Mounts popup descendants in a separate DOM container.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerPortal composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): React.JSX.Element;
 /**
- * ドロワーを閉じるためのトリガーボタン。
+ * Renders a control that requests closing its popup.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerClose composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): React.JSX.Element;
 /**
- * ドロワーの背景に表示される半透明のオーバーレイ。
+ * Renders the popup backdrop with open/closed animation classes.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerOverlay composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): React.JSX.Element;
 /**
- * ドロワーのコンテンツ本体を格納するコンテナ。
+ * Portals the popup and its positioning/backdrop composition.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): React.JSX.Element;
 /**
- * ドロワー上部に表示するタイトルや説明用のヘッダー領域。
+ * Groups popup heading and explanatory content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 /**
- * ドロワー下部のアクションボタンなどを配置するフッター領域。
+ * Lays out popup actions below its content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 /**
- * ドロワーのタイトルテキスト。
+ * Provides the accessible title of the associated popup.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): React.JSX.Element;
 /**
- * ドロワーの詳細な説明や補足情報を表示するテキストコンポーネント。
+ * Provides the accessible explanatory text of the associated popup.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered DrawerDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);
+ * }
+ * ```
  */
 declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): React.JSX.Element;
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["DrawerPrimitive","Drawer$1","Drawer","props","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","cn","className","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"sources":["../../../../src/ui/components/ui/drawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul-base';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * ドロワー（画面端からスライドして表示されるパネル）のルートコンポーネント。\n */\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot='drawer' {...props} />;\n}\n\n/**\n * ドロワーを開くためのトリガーボタン。\n */\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot='drawer-trigger' {...props} />;\n}\n\n/**\n * ドロワーの要素をポータル経由でDOMの別の場所に描画するコンポーネント。\n */\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot='drawer-portal' {...props} />;\n}\n\n/**\n * ドロワーを閉じるためのトリガーボタン。\n */\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot='drawer-close' {...props} />;\n}\n\n/**\n * ドロワーの背景に表示される半透明のオーバーレイ。\n */\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot='drawer-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 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * ドロワーのコンテンツ本体を格納するコンテナ。\n */\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot='drawer-portal'>\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot='drawer-content'\n        className={cn(\n          'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n          className,\n        )}\n        {...props}\n      >\n        <div className='bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block bg-muted mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block' />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\n/**\n * ドロワー上部に表示するタイトルや説明用のヘッダー領域。\n */\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='drawer-header'\n      className={cn(\n        'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * ドロワー下部のアクションボタンなどを配置するフッター領域。\n */\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='drawer-footer'\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * ドロワーのタイトルテキスト。\n */\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot='drawer-title'\n      className={cn('text-foreground text-base font-medium', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * ドロワーの詳細な説明や補足情報を表示するテキストコンポーネント。\n */\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot='drawer-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":";;;;;;;AAUA,SAASE,EAAO,EAAE,GAAGC,KAA4D;CAC/E,OAAO,kBAACH,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAIG;CAAQ,CAAA;AAC9D;AAKA,SAASC,EAAc,EAAE,GAAGD,KAA+D;CACzF,OAAO,kBAACH,EAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAIG;CAAQ,CAAA;AACzE;AAKA,SAASE,EAAa,EAAE,GAAGF,KAA8D;CACvF,OAAO,kBAACH,EAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAIG;CAAQ,CAAA;AACvE;AAKA,SAASG,EAAY,EAAE,GAAGH,KAA6D;CACrF,OAAO,kBAACH,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAIG;CAAQ,CAAA;AACrE;AAKA,SAASI,EAAc,EACrB,cACA,GAAGJ,KACoD;CACvD,OACE,kBAACH,EAAgB,SAAjB;EACE,aAAU;EACV,WAAWQ,EACT,oKACAC,CACF;EACA,GAAIN;CACL,CAAA;AAEL;AAKA,SAASO,EAAc,EACrB,cACA,aACA,GAAGP,KACoD;CACvD,OACE,kBAACE,GAAD;EAAc,aAAU;EAAxB,UAAA,CACE,kBAACE,GAAD,CAAgB,CAAA,GAChB,kBAACP,EAAgB,SAAjB;GACE,aAAU;GACV,WAAWQ,EACT,knCACAC,CACF;GACA,GAAIN;GANN,UAAA,CAQE,kBAAC,OAAD,EAAK,WAAU,kOAAmO,CAAA,GACjPQ,CACsB;EACb,CAAA,CAAA;;AAElB;AAKA,SAASC,EAAa,EAAE,cAAW,GAAGT,KAAsC;CAC1E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWK,EACT,4LACAC,CACF;EACA,GAAIN;CACL,CAAA;AAEL;AAKA,SAASU,EAAa,EAAE,cAAW,GAAGV,KAAsC;CAC1E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWK,EAAG,mCAAmCC,CAAS;EAC1D,GAAIN;CACL,CAAA;AAEL;AAKA,SAASW,EAAY,EAAE,cAAW,GAAGX,KAA6D;CAChG,OACE,kBAACH,EAAgB,OAAjB;EACE,aAAU;EACV,WAAWQ,EAAG,yCAAyCC,CAAS;EAChE,GAAIN;CACL,CAAA;AAEL;AAKA,SAASY,EAAkB,EACzB,cACA,GAAGZ,KACwD;CAC3D,OACE,kBAACH,EAAgB,aAAjB;EACE,aAAU;EACV,WAAWQ,EAAG,iCAAiCC,CAAS;EACxD,GAAIN;CACL,CAAA;AAEL"}
+{"version":3,"file":"drawer.js","names":["DrawerPrimitive","Drawer$1","Drawer","props","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","cn","className","DrawerContent","children","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"sources":["../../../../src/ui/components/ui/drawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul-base';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Drawer composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot='drawer' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot='drawer-trigger' {...props} />;\n}\n\n/**\n * Mounts popup descendants in a separate DOM container.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot='drawer-portal' {...props} />;\n}\n\n/**\n * Renders a control that requests closing its popup.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerClose composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot='drawer-close' {...props} />;\n}\n\n/**\n * Renders the popup backdrop with open/closed animation classes.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerOverlay composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot='drawer-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 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot='drawer-portal'>\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot='drawer-content'\n        className={cn(\n          'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n          className,\n        )}\n        {...props}\n      >\n        <div className='bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block bg-muted mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block' />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='drawer-header'\n      className={cn(\n        'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left flex flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Lays out popup actions below its content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot='drawer-footer'\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot='drawer-title'\n      className={cn('text-foreground text-base font-medium', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered DrawerDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Drawer; the underlying primitive owns open state and focus. Content supplies its own portal and overlay. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Drawer><DrawerTrigger>Open details</DrawerTrigger><DrawerContent><DrawerTitle>Details</DrawerTitle><DrawerDescription>Project information</DrawerDescription></DrawerContent></Drawer>);\n * }\n * ```\n */\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot='drawer-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":";;;;;;;AAsBA,SAASE,EAAO,EAAE,GAAGC,KAA4D;CAC/E,OAAO,kBAACH,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAIG;CAAQ,CAAA;AAC9D;AAiBA,SAASC,EAAc,EAAE,GAAGD,KAA+D;CACzF,OAAO,kBAACH,EAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAIG;CAAQ,CAAA;AACzE;AAiBA,SAASE,EAAa,EAAE,GAAGF,KAA8D;CACvF,OAAO,kBAACH,EAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAIG;CAAQ,CAAA;AACvE;AAiBA,SAASG,EAAY,EAAE,GAAGH,KAA6D;CACrF,OAAO,kBAACH,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAIG;CAAQ,CAAA;AACrE;AAiBA,SAASI,EAAc,EACrB,cACA,GAAGJ,KACoD;CACvD,OACE,kBAACH,EAAgB,SAAjB;EACE,aAAU;EACV,WAAWQ,EACT,oKACAC,CACF;EACA,GAAIN;CACL,CAAA;AAEL;AAiBA,SAASO,EAAc,EACrB,cACA,aACA,GAAGP,KACoD;CACvD,OACE,kBAACE,GAAD;EAAc,aAAU;EAAxB,UAAA,CACE,kBAACE,GAAD,CAAgB,CAAA,GAChB,kBAACP,EAAgB,SAAjB;GACE,aAAU;GACV,WAAWQ,EACT,knCACAC,CACF;GACA,GAAIN;GANN,UAAA,CAQE,kBAAC,OAAD,EAAK,WAAU,kOAAmO,CAAA,GACjPQ,CACsB;EACb,CAAA,CAAA;;AAElB;AAiBA,SAASC,EAAa,EAAE,cAAW,GAAGT,KAAsC;CAC1E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWK,EACT,4LACAC,CACF;EACA,GAAIN;CACL,CAAA;AAEL;AAiBA,SAASU,EAAa,EAAE,cAAW,GAAGV,KAAsC;CAC1E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWK,EAAG,mCAAmCC,CAAS;EAC1D,GAAIN;CACL,CAAA;AAEL;AAiBA,SAASW,EAAY,EAAE,cAAW,GAAGX,KAA6D;CAChG,OACE,kBAACH,EAAgB,OAAjB;EACE,aAAU;EACV,WAAWQ,EAAG,yCAAyCC,CAAS;EAChE,GAAIN;CACL,CAAA;AAEL;AAiBA,SAASY,EAAkB,EACzB,cACA,GAAGZ,KACwD;CAC3D,OACE,kBAACH,EAAgB,aAAjB;EACE,aAAU;EACV,WAAWQ,EAAG,iCAAiCC,CAAS;EACxD,GAAIN;CACL,CAAA;AAEL"}

package/dist/ui/components/ui/dropdown-menu.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("@base-ui/react/menu");function o({...e}){return(0,n.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,n.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({children:e,...t}){return(0,n.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...t,children:e})}var l=r.forwardRef(({className:e,align:r=`start`,alignOffset:i=0,side:o=`bottom`,sideOffset:s=4,...c},l)=>(0,n.jsx)(a.Menu.Portal,{children:(0,n.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:r,alignOffset:i,side:o,sideOffset:s,children:(0,n.jsx)(a.Menu.Popup,{ref:l,"data-slot":`dropdown-menu-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden`,e),...c})})}));l.displayName=a.Menu.Popup.displayName;function u({...e}){return(0,n.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}var d=r.forwardRef(({className:e,inset:r,...i},o)=>(0,n.jsx)(a.Menu.GroupLabel,{ref:o,"data-slot":`dropdown-menu-label`,"data-inset":r,className:t.cn(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8`,e),...i}));d.displayName=a.Menu.GroupLabel.displayName;var f=r.forwardRef(({className:e,inset:r,variant:i=`default`,children:o,...s},c)=>(0,n.jsx)(a.Menu.Item,{ref:c,"data-slot":`dropdown-menu-item`,"data-inset":r,"data-variant":i,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...s,children:o}));f.displayName=a.Menu.Item.displayName;function p({...e}){return(0,n.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}var m=r.forwardRef(({className:e,inset:r,children:o,...s},c)=>(0,n.jsxs)(a.Menu.SubmenuTrigger,{ref:c,"data-slot":`dropdown-menu-sub-trigger`,"data-inset":r,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...s,children:[o,(0,n.jsx)(i.ChevronRightIcon,{className:`ml-auto`})]}));m.displayName=a.Menu.SubmenuTrigger.displayName;var h=r.forwardRef(({className:e,align:r=`start`,alignOffset:i=-3,side:a=`right`,sideOffset:o=0,...s},c)=>(0,n.jsx)(l,{ref:c,"data-slot":`dropdown-menu-sub-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto`,e),align:r,alignOffset:i,side:a,sideOffset:o,...s}));h.displayName=`DropdownMenuSubContent`;var g=r.forwardRef(({className:e,children:r,checked:o,...s},c)=>(0,n.jsxs)(a.Menu.CheckboxItem,{ref:c,"data-slot":`dropdown-menu-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),checked:o,...s,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,n.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),r]}));g.displayName=a.Menu.CheckboxItem.displayName;function _({...e}){return(0,n.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}var v=r.forwardRef(({className:e,children:r,...o},s)=>(0,n.jsxs)(a.Menu.RadioItem,{ref:s,"data-slot":`dropdown-menu-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...o,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-radio-item-indicator`,children:(0,n.jsx)(a.Menu.RadioItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),r]}));v.displayName=a.Menu.RadioItem.displayName;var y=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(a.Menu.Separator,{ref:i,"data-slot":`dropdown-menu-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,e),...r}));y.displayName=a.Menu.Separator.displayName;var b=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`span`,{ref:i,"data-slot":`dropdown-menu-shortcut`,className:t.cn(`text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,e),...r}));b.displayName=`DropdownMenuShortcut`,exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=g,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=f,exports.DropdownMenuLabel=d,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=_,exports.DropdownMenuRadioItem=v,exports.DropdownMenuSeparator=y,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=p,exports.DropdownMenuSubContent=h,exports.DropdownMenuSubTrigger=m,exports.DropdownMenuTrigger=c;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("@base-ui/react/menu");function o({...e}){return(0,n.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,n.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({children:e,...t}){return(0,n.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...t,children:e})}function l({ref:e,className:r,align:i=`start`,alignOffset:o=0,side:s=`bottom`,sideOffset:c=4,...l}){return(0,n.jsx)(a.Menu.Portal,{children:(0,n.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:i,alignOffset:o,side:s,sideOffset:c,children:(0,n.jsx)(a.Menu.Popup,{ref:e,"data-slot":`dropdown-menu-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden`,r),...l})})})}l.displayName=a.Menu.Popup.displayName;function u({...e}){return(0,n.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function d({ref:e,className:r,inset:i,...o}){return(0,n.jsx)(a.Menu.GroupLabel,{ref:e,"data-slot":`dropdown-menu-label`,"data-inset":i,className:t.cn(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8`,r),...o})}d.displayName=a.Menu.GroupLabel.displayName;function f({ref:e,className:r,inset:i,variant:o=`default`,children:s,...c}){return(0,n.jsx)(a.Menu.Item,{ref:e,"data-slot":`dropdown-menu-item`,"data-inset":i,"data-variant":o,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...c,children:s})}f.displayName=a.Menu.Item.displayName;function p({...e}){return(0,n.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function m({ref:e,className:r,inset:o,children:s,...c}){return(0,n.jsxs)(a.Menu.SubmenuTrigger,{ref:e,"data-slot":`dropdown-menu-sub-trigger`,"data-inset":o,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...c,children:[s,(0,n.jsx)(i.ChevronRightIcon,{className:`ml-auto`})]})}m.displayName=a.Menu.SubmenuTrigger.displayName;function h({ref:e,className:r,align:i=`start`,alignOffset:a=-3,side:o=`right`,sideOffset:s=0,...c}){return(0,n.jsx)(l,{ref:e,"data-slot":`dropdown-menu-sub-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto`,r),align:i,alignOffset:a,side:o,sideOffset:s,...c})}h.displayName=`DropdownMenuSubContent`;function g({ref:e,className:r,children:o,checked:s,...c}){return(0,n.jsxs)(a.Menu.CheckboxItem,{ref:e,"data-slot":`dropdown-menu-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),checked:s,...c,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,n.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),o]})}g.displayName=a.Menu.CheckboxItem.displayName;function _({...e}){return(0,n.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function v({ref:e,className:r,children:o,...s}){return(0,n.jsxs)(a.Menu.RadioItem,{ref:e,"data-slot":`dropdown-menu-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...s,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-radio-item-indicator`,children:(0,n.jsx)(a.Menu.RadioItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),o]})}v.displayName=a.Menu.RadioItem.displayName;function y({ref:e,className:r,...i}){return(0,n.jsx)(a.Menu.Separator,{ref:e,"data-slot":`dropdown-menu-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,r),...i})}y.displayName=a.Menu.Separator.displayName;function b({ref:e,className:r,...i}){return(0,n.jsx)(`span`,{ref:e,"data-slot":`dropdown-menu-shortcut`,className:t.cn(`text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,r),...i})}b.displayName=`DropdownMenuShortcut`,exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=g,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=f,exports.DropdownMenuLabel=d,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=_,exports.DropdownMenuRadioItem=v,exports.DropdownMenuSeparator=y,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=p,exports.DropdownMenuSubContent=h,exports.DropdownMenuSubTrigger=m,exports.DropdownMenuTrigger=c;
 //# sourceMappingURL=dropdown-menu.cjs.map