@alneas/appkit-react 0.2.0 → 0.3.1

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

@@ -1,3 +1,4 @@
+import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
 import * as React from 'react';
 /**
  * Renders a styled horizontal or vertical Base UI separator.
@@ -14,5 +15,8 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function Separator({ ref, className, orientation, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace Separator {
+    var displayName: string | undefined;
+}
 export { Separator };

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

@@ -1,3 +1,4 @@
+import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
 import * as React from 'react';
 /**
  * Renders a styled horizontal or vertical Base UI separator.
@@ -14,5 +15,8 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function Separator({ ref, className, orientation, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace Separator {
+    var displayName: string | undefined;
+}
 export { Separator };

package/dist/ui/components/ui/separator.js

@@ -1,18 +1,20 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { Separator as r } from "@base-ui/react/separator";
+import "react";
+import { Separator as n } from "@base-ui/react/separator";
 //#region src/ui/components/ui/separator.tsx
-var i = n.forwardRef(({ className: n, orientation: i = "horizontal", ...a }, o) => /* @__PURE__ */ t(r, {
-	ref: o,
-	"data-slot": "separator",
-	orientation: i,
-	className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", n),
-	...a
-}));
-i.displayName = r.displayName;
+function r({ ref: r, className: i, orientation: a = "horizontal", ...o }) {
+	return /* @__PURE__ */ t(n, {
+		ref: r,
+		"data-slot": "separator",
+		orientation: a,
+		className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", i),
+		...o
+	});
+}
+r.displayName = n.displayName;
 //#endregion
-export { i as Separator };
+export { r as Separator };
 
 //# sourceMappingURL=separator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":["React","SeparatorPrimitive","React$1","Separator$1","Separator","props","cn","className"],"sources":["../../../../src/ui/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a styled horizontal or vertical Base UI separator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='horizontal'.\n * @returns The rendered Separator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal; vertical separators stretch within their layout parent. Base UI owns separator semantics and the native/primitive prop type remains authoritative. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Separator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div><p>First section</p><Separator /><p>Second section</p></div>);\n * }\n * ```\n */\nconst Separator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive>\n>(({ className, orientation = 'horizontal', ...props }, ref) => (\n  <SeparatorPrimitive\n    ref={ref}\n    data-slot='separator'\n    orientation={orientation}\n    className={cn(\n      'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch',\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.displayName;\n\nexport { Separator };\n"],"mappings":";;;;;;AAoBA,IAAMI,IAAYJ,EAAM,YAGrB,EAAE,cAAW,iBAAc,cAAc,GAAGK,KAAS,MACtD,kBAACJ,GAAD;CACO;CACL,aAAU;CACG;CACb,WAAWK,EACT,wKACAC,CACF;CACA,GAAIF;AACL,CAAA,CACF;AACD,EAAU,cAAcJ,EAAmB"}
+{"version":3,"file":"separator.js","names":["SeparatorPrimitive","Separator$1","Separator","props","cn","className"],"sources":["../../../../src/ui/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a styled horizontal or vertical Base UI separator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='horizontal'.\n * @returns The rendered Separator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal; vertical separators stretch within their layout parent. Base UI owns separator semantics and the native/primitive prop type remains authoritative. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Separator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div><p>First section</p><Separator /><p>Second section</p></div>);\n * }\n * ```\n */\nfunction Separator({\n  ref,\n  className,\n  orientation = 'horizontal',\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <SeparatorPrimitive\n      ref={ref}\n      data-slot='separator'\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSeparator.displayName = SeparatorPrimitive.displayName;\n\nexport { Separator };\n"],"mappings":";;;;;;AAoBA,SAASE,EAAU,EACjB,QACA,cACA,iBAAc,cACd,GAAGC,KAEkC;CACrC,OACE,kBAACH,GAAD;EACO;EACL,aAAU;EACG;EACb,WAAWI,EACT,wKACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AACA,EAAU,cAAcH,EAAmB"}

package/dist/ui/components/ui/sheet.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"),n=require("./button-components.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("@base-ui/react/dialog");function s({...e}){return(0,r.jsx)(o.Dialog.Root,{"data-slot":`sheet`,...e})}function c({children:e,...t}){return(0,r.jsx)(o.Dialog.Trigger,{"data-slot":`sheet-trigger`,...t,children:e})}function l({...e}){return(0,r.jsx)(o.Dialog.Close,{"data-slot":`sheet-close`,...e})}function u({...e}){return(0,r.jsx)(o.Dialog.Portal,{"data-slot":`sheet-portal`,...e})}function d({className:e,...n}){return(0,r.jsx)(o.Dialog.Backdrop,{"data-slot":`sheet-overlay`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50`,e),...n})}var f=i.forwardRef(({className:e,children:i,side:s=`right`,showCloseButton:c=!0,testId:l,...f},p)=>(0,r.jsxs)(u,{children:[(0,r.jsx)(d,{}),(0,r.jsxs)(o.Dialog.Popup,{ref:p,"data-slot":`sheet-content`,"data-testid":l,"data-side":s,className:t.cn(`bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg`,s===`right`&&`inset-y-0 right-0 h-full w-3/4 border-l data-open:animate-in data-closed:animate-out data-open:slide-in-from-right data-closed:slide-out-to-right data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm`,s===`left`&&`inset-y-0 left-0 h-full w-3/4 border-r data-open:animate-in data-closed:animate-out data-open:slide-in-from-left data-closed:slide-out-to-left data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm`,s===`top`&&`inset-x-0 top-0 h-auto border-b data-open:animate-in data-closed:animate-out data-open:slide-in-from-top data-closed:slide-out-to-top data-open:ease-out data-closed:ease-in duration-300`,s===`bottom`&&`inset-x-0 bottom-0 h-auto border-t data-open:animate-in data-closed:animate-out data-open:slide-in-from-bottom data-closed:slide-out-to-bottom data-open:ease-out data-closed:ease-in duration-300`,e),...f,children:[i,c&&(0,r.jsxs)(o.Dialog.Close,{"data-slot":`sheet-close`,render:(0,r.jsx)(n.Button,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`}),children:[(0,r.jsx)(a.XIcon,{}),(0,r.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]}));f.displayName=o.Dialog.Popup.displayName;var p=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,"data-slot":`sheet-header`,className:t.cn(`gap-0.5 p-4 flex flex-col`,e),...n}));p.displayName=`SheetHeader`;var m=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,"data-slot":`sheet-footer`,className:t.cn(`gap-2 p-4 mt-auto flex flex-col`,e),...n}));m.displayName=`SheetFooter`;var h=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(o.Dialog.Title,{ref:i,"data-slot":`sheet-title`,className:t.cn(`text-foreground text-base font-medium`,e),...n}));h.displayName=o.Dialog.Title.displayName;var g=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(o.Dialog.Description,{ref:i,"data-slot":`sheet-description`,className:t.cn(`text-muted-foreground text-sm`,e),...n}));g.displayName=o.Dialog.Description.displayName,exports.Sheet=s,exports.SheetClose=l,exports.SheetContent=f,exports.SheetDescription=g,exports.SheetFooter=m,exports.SheetHeader=p,exports.SheetTitle=h,exports.SheetTrigger=c;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./button-components.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("@base-ui/react/dialog");function s({...e}){return(0,r.jsx)(o.Dialog.Root,{"data-slot":`sheet`,...e})}function c({children:e,...t}){return(0,r.jsx)(o.Dialog.Trigger,{"data-slot":`sheet-trigger`,...t,children:e})}function l({...e}){return(0,r.jsx)(o.Dialog.Close,{"data-slot":`sheet-close`,...e})}function u({...e}){return(0,r.jsx)(o.Dialog.Portal,{"data-slot":`sheet-portal`,...e})}function d({className:e,...n}){return(0,r.jsx)(o.Dialog.Backdrop,{"data-slot":`sheet-overlay`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50`,e),...n})}function f({ref:e,className:i,children:s,side:c=`right`,showCloseButton:l=!0,testId:f,...p}){return(0,r.jsxs)(u,{children:[(0,r.jsx)(d,{}),(0,r.jsxs)(o.Dialog.Popup,{ref:e,"data-slot":`sheet-content`,"data-testid":f,"data-side":c,className:t.cn(`bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg`,c===`right`&&`inset-y-0 right-0 h-full w-3/4 border-l data-open:animate-in data-closed:animate-out data-open:slide-in-from-right data-closed:slide-out-to-right data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm`,c===`left`&&`inset-y-0 left-0 h-full w-3/4 border-r data-open:animate-in data-closed:animate-out data-open:slide-in-from-left data-closed:slide-out-to-left data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm`,c===`top`&&`inset-x-0 top-0 h-auto border-b data-open:animate-in data-closed:animate-out data-open:slide-in-from-top data-closed:slide-out-to-top data-open:ease-out data-closed:ease-in duration-300`,c===`bottom`&&`inset-x-0 bottom-0 h-auto border-t data-open:animate-in data-closed:animate-out data-open:slide-in-from-bottom data-closed:slide-out-to-bottom data-open:ease-out data-closed:ease-in duration-300`,i),...p,children:[s,l&&(0,r.jsxs)(o.Dialog.Close,{"data-slot":`sheet-close`,render:(0,r.jsx)(n.Button,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`}),children:[(0,r.jsx)(a.XIcon,{}),(0,r.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}f.displayName=o.Dialog.Popup.displayName;function p({ref:e,className:n,...i}){return(0,r.jsx)(`div`,{ref:e,"data-slot":`sheet-header`,className:t.cn(`gap-0.5 p-4 flex flex-col`,n),...i})}p.displayName=`SheetHeader`;function m({ref:e,className:n,...i}){return(0,r.jsx)(`div`,{ref:e,"data-slot":`sheet-footer`,className:t.cn(`gap-2 p-4 mt-auto flex flex-col`,n),...i})}m.displayName=`SheetFooter`;function h({ref:e,className:n,...i}){return(0,r.jsx)(o.Dialog.Title,{ref:e,"data-slot":`sheet-title`,className:t.cn(`text-foreground text-base font-medium`,n),...i})}h.displayName=o.Dialog.Title.displayName;function g({ref:e,className:n,...i}){return(0,r.jsx)(o.Dialog.Description,{ref:e,"data-slot":`sheet-description`,className:t.cn(`text-muted-foreground text-sm`,n),...i})}g.displayName=o.Dialog.Description.displayName,exports.Sheet=s,exports.SheetClose=l,exports.SheetContent=f,exports.SheetDescription=g,exports.SheetFooter=m,exports.SheetHeader=p,exports.SheetTitle=h,exports.SheetTrigger=c;
 //# sourceMappingURL=sheet.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.cjs","names":["SheetPrimitive","cn","React","Button","XIcon","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","react_jsx_runtime","react","lucide_react","_base_ui_react_dialog","Sheet","props","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","SheetContent","testId","side","children","showCloseButton","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"sources":["../../../../src/ui/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../components/ui/button';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Sheet composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot='sheet' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetTrigger({\n  children,\n  ...props\n}: SheetPrimitive.Trigger.Props) {\n  return (\n    <SheetPrimitive.Trigger\n      data-slot='sheet-trigger'\n      {...props}\n    >\n      {children}\n    </SheetPrimitive.Trigger>\n  );\n}\n\n/**\n * Renders a control that requests closing its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetClose composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot='sheet-close' {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot='sheet-portal' {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot='sheet-overlay'\n      className={cn(\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Base UI popup props with drawer edge, close-control and test-selector settings.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SheetContent\n */\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Popup> {\n  /**\n   * Edge from which the sheet enters; defaults to right.\n   */\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  /**\n   * Shows the built-in close button; defaults to true.\n   */\n  showCloseButton?: boolean;\n  /**\n   * data-testid on the sheet popup only; the built-in close control does not receive a derived test ID.\n   */\n  testId?: string;\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: side='right', showCloseButton=true.\n * @returns The rendered SheetContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ className, children, side = 'right', showCloseButton = true, testId, ...props }, ref) => (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        ref={ref}\n        data-slot='sheet-content'\n        data-testid={testId}\n        data-side={side}\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg',\n          // Explicit animation classes from properties\n          side === 'right' &&\n            'inset-y-0 right-0 h-full w-3/4 border-l data-open:animate-in data-closed:animate-out data-open:slide-in-from-right data-closed:slide-out-to-right data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'left' &&\n            'inset-y-0 left-0 h-full w-3/4 border-r data-open:animate-in data-closed:animate-out data-open:slide-in-from-left data-closed:slide-out-to-left data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'top' &&\n            'inset-x-0 top-0 h-auto border-b data-open:animate-in data-closed:animate-out data-open:slide-in-from-top data-closed:slide-out-to-top data-open:ease-out data-closed:ease-in duration-300',\n          side === 'bottom' &&\n            'inset-x-0 bottom-0 h-auto border-t data-open:animate-in data-closed:animate-out data-open:slide-in-from-bottom data-closed:slide-out-to-bottom data-open:ease-out data-closed:ease-in duration-300',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot='sheet-close'\n            render={<Button variant='ghost' className='absolute top-3 right-3' size='icon-sm' />}\n          >\n            <XIcon />\n            <span className='sr-only'>Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  ),\n);\nSheetContent.displayName = SheetPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='sheet-header'\n      className={cn('gap-0.5 p-4 flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nSheetHeader.displayName = 'SheetHeader';\n\n/**\n * Lays out popup actions below its content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetFooter = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='sheet-footer'\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'SheetFooter';\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetTitle = React.forwardRef<\n  React.ComponentRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    data-slot='sheet-title'\n    className={cn('text-foreground text-base font-medium', className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetDescription = React.forwardRef<\n  React.ComponentRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    data-slot='sheet-description'\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":"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"}
+{"version":3,"file":"sheet.cjs","names":["SheetPrimitive","cn","Button","XIcon","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","react_jsx_runtime","react","lucide_react","_base_ui_react_dialog","Sheet","props","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","SheetContent","testId","side","children","showCloseButton","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"sources":["../../../../src/ui/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../components/ui/button';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Sheet composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot='sheet' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetTrigger({\n  children,\n  ...props\n}: SheetPrimitive.Trigger.Props) {\n  return (\n    <SheetPrimitive.Trigger\n      data-slot='sheet-trigger'\n      {...props}\n    >\n      {children}\n    </SheetPrimitive.Trigger>\n  );\n}\n\n/**\n * Renders a control that requests closing its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetClose composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot='sheet-close' {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot='sheet-portal' {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot='sheet-overlay'\n      className={cn(\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Base UI popup props with drawer edge, close-control and test-selector settings.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SheetContent\n */\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Popup> {\n  /**\n   * Edge from which the sheet enters; defaults to right.\n   */\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  /**\n   * Shows the built-in close button; defaults to true.\n   */\n  showCloseButton?: boolean;\n  /**\n   * data-testid on the sheet popup only; the built-in close control does not receive a derived test ID.\n   */\n  testId?: string;\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: side='right', showCloseButton=true.\n * @returns The rendered SheetContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetContent({\n  ref,\n  className,\n  children,\n  side = 'right',\n  showCloseButton = true,\n  testId,\n  ...props\n}: React.PropsWithoutRef<SheetContentProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        ref={ref}\n        data-slot='sheet-content'\n        data-testid={testId}\n        data-side={side}\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg',\n          // Explicit animation classes from properties\n          side === 'right' &&\n            'inset-y-0 right-0 h-full w-3/4 border-l data-open:animate-in data-closed:animate-out data-open:slide-in-from-right data-closed:slide-out-to-right data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'left' &&\n            'inset-y-0 left-0 h-full w-3/4 border-r data-open:animate-in data-closed:animate-out data-open:slide-in-from-left data-closed:slide-out-to-left data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'top' &&\n            'inset-x-0 top-0 h-auto border-b data-open:animate-in data-closed:animate-out data-open:slide-in-from-top data-closed:slide-out-to-top data-open:ease-out data-closed:ease-in duration-300',\n          side === 'bottom' &&\n            'inset-x-0 bottom-0 h-auto border-t data-open:animate-in data-closed:animate-out data-open:slide-in-from-bottom data-closed:slide-out-to-bottom data-open:ease-out data-closed:ease-in duration-300',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot='sheet-close'\n            render={<Button variant='ghost' className='absolute top-3 right-3' size='icon-sm' />}\n          >\n            <XIcon />\n            <span className='sr-only'>Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\nSheetContent.displayName = SheetPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetHeader({\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='sheet-header'\n      className={cn('gap-0.5 p-4 flex flex-col', className)}\n      {...props}\n    />\n  );\n}\nSheetHeader.displayName = 'SheetHeader';\n\n/**\n * Lays out popup actions below its content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetFooter({\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='sheet-footer'\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n}\nSheetFooter.displayName = 'SheetFooter';\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetTitle({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>> &\n  React.RefAttributes<React.ComponentRef<typeof SheetPrimitive.Title>>) {\n  return (\n    <SheetPrimitive.Title\n      ref={ref}\n      data-slot='sheet-title'\n      className={cn('text-foreground text-base font-medium', className)}\n      {...props}\n    />\n  );\n}\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SheetDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetDescription({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>> &\n  React.RefAttributes<React.ComponentRef<typeof SheetPrimitive.Description>>) {\n  return (\n    <SheetPrimitive.Description\n      ref={ref}\n      data-slot='sheet-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":"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"}

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

@@ -82,7 +82,10 @@ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetP
  * }
  * ```
  */
-declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function SheetContent({ ref, className, children, side, showCloseButton, testId, ...props }: React.PropsWithoutRef<SheetContentProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace SheetContent {
+    var displayName: string | undefined;
+}
 /**
  * Groups popup heading and explanatory content.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -98,7 +101,10 @@ declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps &
  * }
  * ```
  */
-declare const SheetHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function SheetHeader({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace SheetHeader {
+    var displayName: string;
+}
 /**
  * Lays out popup actions below its content.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -114,7 +120,10 @@ declare const SheetHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHT
  * }
  * ```
  */
-declare const SheetFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function SheetFooter({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace SheetFooter {
+    var displayName: string;
+}
 /**
  * Provides the accessible title of the associated popup.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -130,7 +139,10 @@ declare const SheetFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHT
  * }
  * ```
  */
-declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare function SheetTitle({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>> & React.RefAttributes<React.ComponentRef<typeof SheetPrimitive.Title>>): React.JSX.Element;
+declare namespace SheetTitle {
+    var displayName: string | undefined;
+}
 /**
  * Provides the accessible explanatory text of the associated popup.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -146,5 +158,8 @@ declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@bas
  * }
  * ```
  */
-declare const SheetDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare function SheetDescription({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>> & React.RefAttributes<React.ComponentRef<typeof SheetPrimitive.Description>>): React.JSX.Element;
+declare namespace SheetDescription {
+    var displayName: string | undefined;
+}
 export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

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

@@ -82,7 +82,10 @@ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetP
  * }
  * ```
  */
-declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function SheetContent({ ref, className, children, side, showCloseButton, testId, ...props }: React.PropsWithoutRef<SheetContentProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace SheetContent {
+    var displayName: string | undefined;
+}
 /**
  * Groups popup heading and explanatory content.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -98,7 +101,10 @@ declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps &
  * }
  * ```
  */
-declare const SheetHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function SheetHeader({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace SheetHeader {
+    var displayName: string;
+}
 /**
  * Lays out popup actions below its content.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -114,7 +120,10 @@ declare const SheetHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHT
  * }
  * ```
  */
-declare const SheetFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function SheetFooter({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace SheetFooter {
+    var displayName: string;
+}
 /**
  * Provides the accessible title of the associated popup.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -130,7 +139,10 @@ declare const SheetFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHT
  * }
  * ```
  */
-declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare function SheetTitle({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>> & React.RefAttributes<React.ComponentRef<typeof SheetPrimitive.Title>>): React.JSX.Element;
+declare namespace SheetTitle {
+    var displayName: string | undefined;
+}
 /**
  * Provides the accessible explanatory text of the associated popup.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -146,5 +158,8 @@ declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@bas
  * }
  * ```
  */
-declare const SheetDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare function SheetDescription({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>> & React.RefAttributes<React.ComponentRef<typeof SheetPrimitive.Description>>): React.JSX.Element;
+declare namespace SheetDescription {
+    var displayName: string | undefined;
+}
 export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

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

@@ -3,92 +3,102 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "./button-components.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import * as i from "react";
-import { XIcon as a } from "lucide-react";
-import { Dialog as o } from "@base-ui/react/dialog";
+import "react";
+import { XIcon as i } from "lucide-react";
+import { Dialog as a } from "@base-ui/react/dialog";
 //#region src/ui/components/ui/sheet.tsx
-function s({ ...e }) {
-	return /* @__PURE__ */ n(o.Root, {
+function o({ ...e }) {
+	return /* @__PURE__ */ n(a.Root, {
 		"data-slot": "sheet",
 		...e
 	});
 }
-function c({ children: e, ...t }) {
-	return /* @__PURE__ */ n(o.Trigger, {
+function s({ children: e, ...t }) {
+	return /* @__PURE__ */ n(a.Trigger, {
 		"data-slot": "sheet-trigger",
 		...t,
 		children: e
 	});
 }
-function l({ ...e }) {
-	return /* @__PURE__ */ n(o.Close, {
+function c({ ...e }) {
+	return /* @__PURE__ */ n(a.Close, {
 		"data-slot": "sheet-close",
 		...e
 	});
 }
-function u({ ...e }) {
-	return /* @__PURE__ */ n(o.Portal, {
+function l({ ...e }) {
+	return /* @__PURE__ */ n(a.Portal, {
 		"data-slot": "sheet-portal",
 		...e
 	});
 }
-function d({ className: t, ...r }) {
-	return /* @__PURE__ */ n(o.Backdrop, {
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Backdrop, {
 		"data-slot": "sheet-overlay",
 		className: e("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", t),
 		...r
 	});
 }
-var f = i.forwardRef(({ className: i, children: s, side: c = "right", showCloseButton: l = !0, testId: f, ...p }, m) => /* @__PURE__ */ r(u, { children: [/* @__PURE__ */ n(d, {}), /* @__PURE__ */ r(o.Popup, {
-	ref: m,
-	"data-slot": "sheet-content",
-	"data-testid": f,
-	"data-side": c,
-	className: e("bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg", c === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-open:animate-in data-closed:animate-out data-open:slide-in-from-right data-closed:slide-out-to-right data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm", c === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-open:animate-in data-closed:animate-out data-open:slide-in-from-left data-closed:slide-out-to-left data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm", c === "top" && "inset-x-0 top-0 h-auto border-b data-open:animate-in data-closed:animate-out data-open:slide-in-from-top data-closed:slide-out-to-top data-open:ease-out data-closed:ease-in duration-300", c === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-open:animate-in data-closed:animate-out data-open:slide-in-from-bottom data-closed:slide-out-to-bottom data-open:ease-out data-closed:ease-in duration-300", i),
-	...p,
-	children: [s, l && /* @__PURE__ */ r(o.Close, {
-		"data-slot": "sheet-close",
-		render: /* @__PURE__ */ n(t, {
-			variant: "ghost",
-			className: "absolute top-3 right-3",
-			size: "icon-sm"
-		}),
-		children: [/* @__PURE__ */ n(a, {}), /* @__PURE__ */ n("span", {
-			className: "sr-only",
-			children: "Close"
+function d({ ref: o, className: s, children: c, side: d = "right", showCloseButton: f = !0, testId: p, ...m }) {
+	return /* @__PURE__ */ r(l, { children: [/* @__PURE__ */ n(u, {}), /* @__PURE__ */ r(a.Popup, {
+		ref: o,
+		"data-slot": "sheet-content",
+		"data-testid": p,
+		"data-side": d,
+		className: e("bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg", d === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-open:animate-in data-closed:animate-out data-open:slide-in-from-right data-closed:slide-out-to-right data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm", d === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-open:animate-in data-closed:animate-out data-open:slide-in-from-left data-closed:slide-out-to-left data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm", d === "top" && "inset-x-0 top-0 h-auto border-b data-open:animate-in data-closed:animate-out data-open:slide-in-from-top data-closed:slide-out-to-top data-open:ease-out data-closed:ease-in duration-300", d === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-open:animate-in data-closed:animate-out data-open:slide-in-from-bottom data-closed:slide-out-to-bottom data-open:ease-out data-closed:ease-in duration-300", s),
+		...m,
+		children: [c, f && /* @__PURE__ */ r(a.Close, {
+			"data-slot": "sheet-close",
+			render: /* @__PURE__ */ n(t, {
+				variant: "ghost",
+				className: "absolute top-3 right-3",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ n(i, {}), /* @__PURE__ */ n("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
 		})]
-	})]
-})] }));
-f.displayName = o.Popup.displayName;
-var p = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	"data-slot": "sheet-header",
-	className: e("gap-0.5 p-4 flex flex-col", t),
-	...r
-}));
-p.displayName = "SheetHeader";
-var m = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	"data-slot": "sheet-footer",
-	className: e("gap-2 p-4 mt-auto flex flex-col", t),
-	...r
-}));
-m.displayName = "SheetFooter";
-var h = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(o.Title, {
-	ref: i,
-	"data-slot": "sheet-title",
-	className: e("text-foreground text-base font-medium", t),
-	...r
-}));
-h.displayName = o.Title.displayName;
-var g = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(o.Description, {
-	ref: i,
-	"data-slot": "sheet-description",
-	className: e("text-muted-foreground text-sm", t),
-	...r
-}));
-g.displayName = o.Description.displayName;
+	})] });
+}
+d.displayName = a.Popup.displayName;
+function f({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		ref: t,
+		"data-slot": "sheet-header",
+		className: e("gap-0.5 p-4 flex flex-col", r),
+		...i
+	});
+}
+f.displayName = "SheetHeader";
+function p({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		ref: t,
+		"data-slot": "sheet-footer",
+		className: e("gap-2 p-4 mt-auto flex flex-col", r),
+		...i
+	});
+}
+p.displayName = "SheetFooter";
+function m({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n(a.Title, {
+		ref: t,
+		"data-slot": "sheet-title",
+		className: e("text-foreground text-base font-medium", r),
+		...i
+	});
+}
+m.displayName = a.Title.displayName;
+function h({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n(a.Description, {
+		ref: t,
+		"data-slot": "sheet-description",
+		className: e("text-muted-foreground text-sm", r),
+		...i
+	});
+}
+h.displayName = a.Description.displayName;
 //#endregion
-export { s as Sheet, l as SheetClose, f as SheetContent, g as SheetDescription, m as SheetFooter, p as SheetHeader, h as SheetTitle, c as SheetTrigger };
+export { o as Sheet, c as SheetClose, d as SheetContent, h as SheetDescription, p as SheetFooter, f as SheetHeader, m as SheetTitle, s as SheetTrigger };
 
 //# sourceMappingURL=sheet.js.map

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

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

package/dist/ui/components/ui/slider.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("@base-ui/react/slider");var a=r.forwardRef(({className:e,defaultValue:a,value:o,min:s=0,max:c=100,"aria-label":l,"aria-labelledby":u,...d},f)=>{let p=r.useMemo(()=>Array.isArray(o)?o:Array.isArray(a)?a:[o??a??s],[o,a,s,c]);return(0,n.jsx)(i.Slider.Root,{ref:f,className:`data-horizontal:w-full data-vertical:h-full`,"data-slot":`slider`,defaultValue:a,value:o,min:s,max:c,thumbAlignment:`edge`,...d,children:(0,n.jsxs)(i.Slider.Control,{className:t.cn(`data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col`,e),children:[(0,n.jsx)(i.Slider.Track,{"data-slot":`slider-track`,className:`bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1 relative overflow-hidden select-none`,children:(0,n.jsx)(i.Slider.Indicator,{"data-slot":`slider-range`,className:`bg-primary select-none data-horizontal:h-full data-vertical:w-full`})}),Array.from({length:p.length},(e,t)=>(0,n.jsx)(i.Slider.Thumb,{"data-slot":`slider-thumb`,index:t,"aria-label":l,"aria-labelledby":u,className:`border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50`},t))]})})});a.displayName=`Slider`,exports.Slider=a;
+"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("@base-ui/react/slider");function a({ref:e,className:a,defaultValue:o,value:s,min:c=0,max:l=100,"aria-label":u,"aria-labelledby":d,...f}){let p=r.useMemo(()=>Array.isArray(s)?s:Array.isArray(o)?o:[s??o??c],[s,o,c,l]);return(0,n.jsx)(i.Slider.Root,{ref:e,className:`data-horizontal:w-full data-vertical:h-full`,"data-slot":`slider`,defaultValue:o,value:s,min:c,max:l,thumbAlignment:`edge`,...f,children:(0,n.jsxs)(i.Slider.Control,{className:t.cn(`data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col`,a),children:[(0,n.jsx)(i.Slider.Track,{"data-slot":`slider-track`,className:`bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1 relative overflow-hidden select-none`,children:(0,n.jsx)(i.Slider.Indicator,{"data-slot":`slider-range`,className:`bg-primary select-none data-horizontal:h-full data-vertical:w-full`})}),Array.from({length:p.length},(e,t)=>(0,n.jsx)(i.Slider.Thumb,{"data-slot":`slider-thumb`,index:t,"aria-label":u,"aria-labelledby":d,className:`border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50`},t))]})})}a.displayName=`Slider`,exports.Slider=a;
 //# sourceMappingURL=slider.cjs.map