@alneas/appkit-react 0.1.0 → 0.3.0

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

@@ -5,25 +5,25 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import * as r from "react";
 import { Slider as i } from "@base-ui/react/slider";
 //#region src/ui/components/ui/slider.tsx
-var a = r.forwardRef(({ className: a, defaultValue: o, value: s, min: c = 0, max: l = 100, "aria-label": u, "aria-labelledby": d, ...f }, p) => {
-	let m = r.useMemo(() => Array.isArray(s) ? s : Array.isArray(o) ? o : [s ?? o ?? c], [
-		s,
-		o,
+function a({ ref: a, className: o, defaultValue: s, value: c, min: l = 0, max: u = 100, "aria-label": d, "aria-labelledby": f, ...p }) {
+	let m = r.useMemo(() => Array.isArray(c) ? c : Array.isArray(s) ? s : [c ?? s ?? l], [
 		c,
-		l
+		s,
+		l,
+		u
 	]);
 	return /* @__PURE__ */ t(i.Root, {
-		ref: p,
+		ref: a,
 		className: "data-horizontal:w-full data-vertical:h-full",
 		"data-slot": "slider",
-		defaultValue: o,
-		value: s,
-		min: c,
-		max: l,
+		defaultValue: s,
+		value: c,
+		min: l,
+		max: u,
 		thumbAlignment: "edge",
-		...f,
+		...p,
 		children: /* @__PURE__ */ n(i.Control, {
-			className: e("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),
+			className: e("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", o),
 			children: [/* @__PURE__ */ t(i.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",
@@ -34,13 +34,13 @@ var a = r.forwardRef(({ className: a, defaultValue: o, value: s, min: c = 0, max
 			}), Array.from({ length: m.length }, (e, n) => /* @__PURE__ */ t(i.Thumb, {
 				"data-slot": "slider-thumb",
 				index: n,
-				"aria-label": u,
-				"aria-labelledby": d,
+				"aria-label": d,
+				"aria-labelledby": f,
 				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))]
 		})
 	});
-});
+}
 a.displayName = "Slider";
 //#endregion
 export { a as Slider };

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

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

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

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

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

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

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

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

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

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

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

@@ -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/switch");var a=r.forwardRef(({className:e,size:r=`default`,testId:a,...o},s)=>(0,n.jsx)(i.Switch.Root,{ref:s,"data-slot":`switch`,"data-testid":a,"data-size":r,className:t.cn(`data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50`,e),...o,children:(0,n.jsx)(i.Switch.Thumb,{"data-slot":`switch-thumb`,className:`bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform`})}));a.displayName=`Switch`,exports.Switch=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/switch");function a({ref:e,className:r,size:a=`default`,testId:o,...s}){return(0,n.jsx)(i.Switch.Root,{ref:e,"data-slot":`switch`,"data-testid":o,"data-size":a,className:t.cn(`data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50`,r),...s,children:(0,n.jsx)(i.Switch.Thumb,{"data-slot":`switch-thumb`,className:`bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform`})})}a.displayName=`Switch`,exports.Switch=a;
 //# sourceMappingURL=switch.cjs.map

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

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

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

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

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

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

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

@@ -2,23 +2,25 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { Switch as r } from "@base-ui/react/switch";
+import "react";
+import { Switch as n } from "@base-ui/react/switch";
 //#region src/ui/components/ui/switch.tsx
-var i = n.forwardRef(({ className: n, size: i = "default", testId: a, ...o }, s) => /* @__PURE__ */ t(r.Root, {
-	ref: s,
-	"data-slot": "switch",
-	"data-testid": a,
-	"data-size": i,
-	className: e("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", n),
-	...o,
-	children: /* @__PURE__ */ t(r.Thumb, {
-		"data-slot": "switch-thumb",
-		className: "bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform"
-	})
-}));
-i.displayName = "Switch";
+function r({ ref: r, className: i, size: a = "default", testId: o, ...s }) {
+	return /* @__PURE__ */ t(n.Root, {
+		ref: r,
+		"data-slot": "switch",
+		"data-testid": o,
+		"data-size": a,
+		className: e("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", i),
+		...s,
+		children: /* @__PURE__ */ t(n.Thumb, {
+			"data-slot": "switch-thumb",
+			className: "bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform"
+		})
+	});
+}
+r.displayName = "Switch";
 //#endregion
-export { i as Switch };
+export { r as Switch };
 
 //# sourceMappingURL=switch.js.map

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

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

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

@@ -1,2 +1,2 @@
-"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);var i=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`div`,{"data-slot":`table-container`,className:`relative w-full overflow-x-auto`,children:(0,n.jsx)(`table`,{ref:i,"data-slot":`table`,className:t.cn(`w-full caption-bottom text-sm`,e),...r})}));i.displayName=`Table`;var a=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`thead`,{ref:i,"data-slot":`table-header`,className:t.cn(`[&_tr]:border-b`,e),...r}));a.displayName=`TableHeader`;var o=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`tbody`,{ref:i,"data-slot":`table-body`,className:t.cn(`[&_tr:last-child]:border-0`,e),...r}));o.displayName=`TableBody`;var s=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`tfoot`,{ref:i,"data-slot":`table-footer`,className:t.cn(`bg-muted/50 border-t font-medium [&>tr]:last:border-b-0`,e),...r}));s.displayName=`TableFooter`;var c=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`tr`,{ref:i,"data-slot":`table-row`,className:t.cn(`hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors`,e),...r}));c.displayName=`TableRow`;var l=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`th`,{ref:i,"data-slot":`table-head`,className:t.cn(`text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 dark:bg-secondary dark:text-secondary-foreground bg-muted/30`,e),...r}));l.displayName=`TableHead`;var u=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`td`,{ref:i,"data-slot":`table-cell`,className:t.cn(`p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0`,e),...r}));u.displayName=`TableCell`;var d=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`caption`,{ref:i,"data-slot":`table-caption`,className:t.cn(`text-muted-foreground mt-4 text-sm`,e),...r}));d.displayName=`TableCaption`,exports.Table=i,exports.TableBody=o,exports.TableCaption=d,exports.TableCell=u,exports.TableFooter=s,exports.TableHead=l,exports.TableHeader=a,exports.TableRow=c;
+"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);function i({ref:e,className:r,...i}){return(0,n.jsx)(`div`,{"data-slot":`table-container`,className:`relative w-full overflow-x-auto`,children:(0,n.jsx)(`table`,{ref:e,"data-slot":`table`,className:t.cn(`w-full caption-bottom text-sm`,r),...i})})}i.displayName=`Table`;function a({ref:e,className:r,...i}){return(0,n.jsx)(`thead`,{ref:e,"data-slot":`table-header`,className:t.cn(`[&_tr]:border-b`,r),...i})}a.displayName=`TableHeader`;function o({ref:e,className:r,...i}){return(0,n.jsx)(`tbody`,{ref:e,"data-slot":`table-body`,className:t.cn(`[&_tr:last-child]:border-0`,r),...i})}o.displayName=`TableBody`;function s({ref:e,className:r,...i}){return(0,n.jsx)(`tfoot`,{ref:e,"data-slot":`table-footer`,className:t.cn(`bg-muted/50 border-t font-medium [&>tr]:last:border-b-0`,r),...i})}s.displayName=`TableFooter`;function c({ref:e,className:r,...i}){return(0,n.jsx)(`tr`,{ref:e,"data-slot":`table-row`,className:t.cn(`hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors`,r),...i})}c.displayName=`TableRow`;function l({ref:e,className:r,...i}){return(0,n.jsx)(`th`,{ref:e,"data-slot":`table-head`,className:t.cn(`text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 dark:bg-secondary dark:text-secondary-foreground bg-muted/30`,r),...i})}l.displayName=`TableHead`;function u({ref:e,className:r,...i}){return(0,n.jsx)(`td`,{ref:e,"data-slot":`table-cell`,className:t.cn(`p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0`,r),...i})}u.displayName=`TableCell`;function d({ref:e,className:r,...i}){return(0,n.jsx)(`caption`,{ref:e,"data-slot":`table-caption`,className:t.cn(`text-muted-foreground mt-4 text-sm`,r),...i})}d.displayName=`TableCaption`,exports.Table=i,exports.TableBody=o,exports.TableCaption=d,exports.TableCell=u,exports.TableFooter=s,exports.TableHead=l,exports.TableHeader=a,exports.TableRow=c;
 //# sourceMappingURL=table.cjs.map

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

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

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

@@ -1,14 +1,154 @@
 import * as React from 'react';
 /**
- * Table Component
- * テーブルコンポーネント
- */
-declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
-declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+ * Wraps a native table in a horizontal overflow container.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Table composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope="col">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);
+ * }
+ * ```
+ */
+declare function Table({ ref, className, ...props }: React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>): React.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+/**
+ * Renders the native table header section with row borders.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered TableHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope="col">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);
+ * }
+ * ```
+ */
+declare function TableHeader({ ref, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>): React.JSX.Element;
+declare namespace TableHeader {
+    var displayName: string;
+}
+/**
+ * Renders the native table body section.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered TableBody composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope="col">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);
+ * }
+ * ```
+ */
+declare function TableBody({ ref, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>): React.JSX.Element;
+declare namespace TableBody {
+    var displayName: string;
+}
+/**
+ * Renders the native table footer section with muted styling.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered TableFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope="col">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);
+ * }
+ * ```
+ */
+declare function TableFooter({ ref, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>): React.JSX.Element;
+declare namespace TableFooter {
+    var displayName: string;
+}
+/**
+ * Renders a native table row with hover and optional selected-state styling.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered TableRow composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope="col">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);
+ * }
+ * ```
+ */
+declare function TableRow({ ref, className, ...props }: React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>): React.JSX.Element;
+declare namespace TableRow {
+    var displayName: string;
+}
+/**
+ * Renders a native table heading cell.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered TableHead composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope="col">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);
+ * }
+ * ```
+ */
+declare function TableHead({ ref, className, ...props }: React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>): React.JSX.Element;
+declare namespace TableHead {
+    var displayName: string;
+}
+/**
+ * Renders a native table data cell.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered TableCell composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope="col">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);
+ * }
+ * ```
+ */
+declare function TableCell({ ref, className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>): React.JSX.Element;
+declare namespace TableCell {
+    var displayName: string;
+}
+/**
+ * Renders the native table caption below the table content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered TableCaption composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Use valid native table nesting. Table className/props/ref target the table, not its outer overflow div. These wrappers do not sort, paginate or manage selection; data-state=selected affects only row styling. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Table><TableCaption>Documents</TableCaption><TableHeader><TableRow><TableHead scope="col">Title</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Draft</TableCell></TableRow></TableBody><TableFooter><TableRow><TableCell>1 document</TableCell></TableRow></TableFooter></Table>);
+ * }
+ * ```
+ */
+declare function TableCaption({ ref, className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>): React.JSX.Element;
+declare namespace TableCaption {
+    var displayName: string;
+}
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };