npm - @alneas/appkit-react - Versions diffs - 0.2.0 → 0.3.1 - Mend

@alneas/appkit-react 0.2.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1525) hide show

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

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

@@ -18,5 +18,8 @@ import * as React from 'react';
  * }
  * ```
  */
-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 CHANGED Viewed

@@ -18,5 +18,8 @@ import * as React from 'react';
  * }
  * ```
  */
-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.js CHANGED Viewed

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

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

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

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

@@ -30,5 +30,8 @@ interface SwitchProps extends SwitchPrimitive.Root.Props {
  * }
  * ```
  */
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+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 CHANGED Viewed

@@ -30,5 +30,8 @@ interface SwitchProps extends SwitchPrimitive.Root.Props {
  * }
  * ```
  */
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+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 CHANGED Viewed

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

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

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

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

@@ -14,7 +14,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+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.
@@ -30,7 +33,10 @@ declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTa
  * }
  * ```
  */
-declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+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.
@@ -46,7 +52,10 @@ declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<
  * }
  * ```
  */
-declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+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.
@@ -62,7 +71,10 @@ declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HT
  * }
  * ```
  */
-declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+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.
@@ -78,7 +90,10 @@ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<
  * }
  * ```
  */
-declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+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.
@@ -94,7 +109,10 @@ declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
  * }
  * ```
  */
-declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+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.
@@ -110,7 +128,10 @@ declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<
  * }
  * ```
  */
-declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+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.
@@ -126,5 +147,8 @@ declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<
  * }
  * ```
  */
-declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+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 };

package/dist/ui/components/ui/table.d.ts CHANGED Viewed

@@ -14,7 +14,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+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.
@@ -30,7 +33,10 @@ declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTa
  * }
  * ```
  */
-declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+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.
@@ -46,7 +52,10 @@ declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<
  * }
  * ```
  */
-declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+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.
@@ -62,7 +71,10 @@ declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HT
  * }
  * ```
  */
-declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+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.
@@ -78,7 +90,10 @@ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<
  * }
  * ```
  */
-declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+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.
@@ -94,7 +109,10 @@ declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
  * }
  * ```
  */
-declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+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.
@@ -110,7 +128,10 @@ declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<
  * }
  * ```
  */
-declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+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.
@@ -126,5 +147,8 @@ declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<
  * }
  * ```
  */
-declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+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 };