@alneas/appkit-react 0.1.0 → 0.3.0

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

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

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

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

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

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

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

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

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

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

@@ -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

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

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

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

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

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

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