@alneas/appkit-react 0.2.0 → 0.3.1

package/dist/ui/components/ui/popover.js

@@ -2,58 +2,66 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { Popover as r } from "@base-ui/react/popover";
+import "react";
+import { Popover as n } from "@base-ui/react/popover";
 //#region src/ui/components/ui/popover.tsx
-function i({ ...e }) {
-	return /* @__PURE__ */ t(r.Root, {
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
 		"data-slot": "popover",
 		...e
 	});
 }
-function a({ children: e, ...n }) {
-	return /* @__PURE__ */ t(r.Trigger, {
+function i({ children: e, ...r }) {
+	return /* @__PURE__ */ t(n.Trigger, {
 		"data-slot": "popover-trigger",
-		...n,
+		...r,
 		children: e
 	});
 }
-var o = n.forwardRef(({ className: n, align: i = "center", alignOffset: a = 0, side: o = "bottom", sideOffset: s = 4, ...c }, l) => /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ t(r.Positioner, {
-	align: i,
-	alignOffset: a,
-	side: o,
-	sideOffset: s,
-	className: "isolate z-50",
-	children: /* @__PURE__ */ t(r.Popup, {
-		ref: l,
-		"data-slot": "popover-content",
-		className: e("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden", n),
-		...c
-	})
-}) }));
-o.displayName = r.Popup.displayName;
-var s = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
-	ref: i,
-	"data-slot": "popover-header",
-	className: e("flex flex-col gap-0.5 text-sm", n),
-	...r
-}));
-s.displayName = "PopoverHeader";
-var c = n.forwardRef(({ className: n, ...i }, a) => /* @__PURE__ */ t(r.Title, {
-	ref: a,
-	"data-slot": "popover-title",
-	className: e("font-medium", n),
-	...i
-}));
-c.displayName = r.Title.displayName;
-var l = n.forwardRef(({ className: n, ...i }, a) => /* @__PURE__ */ t(r.Description, {
-	ref: a,
-	"data-slot": "popover-description",
-	className: e("text-muted-foreground", n),
-	...i
-}));
-l.displayName = r.Description.displayName;
+function a({ ref: r, className: i, align: a = "center", alignOffset: o = 0, side: s = "bottom", sideOffset: c = 4, ...l }) {
+	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Positioner, {
+		align: a,
+		alignOffset: o,
+		side: s,
+		sideOffset: c,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ t(n.Popup, {
+			ref: r,
+			"data-slot": "popover-content",
+			className: e("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden", i),
+			...l
+		})
+	}) });
+}
+a.displayName = n.Popup.displayName;
+function o({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		"data-slot": "popover-header",
+		className: e("flex flex-col gap-0.5 text-sm", r),
+		...i
+	});
+}
+o.displayName = "PopoverHeader";
+function s({ ref: r, className: i, ...a }) {
+	return /* @__PURE__ */ t(n.Title, {
+		ref: r,
+		"data-slot": "popover-title",
+		className: e("font-medium", i),
+		...a
+	});
+}
+s.displayName = n.Title.displayName;
+function c({ ref: r, className: i, ...a }) {
+	return /* @__PURE__ */ t(n.Description, {
+		ref: r,
+		"data-slot": "popover-description",
+		className: e("text-muted-foreground", i),
+		...a
+	});
+}
+c.displayName = n.Description.displayName;
 //#endregion
-export { i as Popover, o as PopoverContent, l as PopoverDescription, s as PopoverHeader, c as PopoverTitle, a as PopoverTrigger };
+export { r as Popover, a as PopoverContent, c as PopoverDescription, o as PopoverHeader, s as PopoverTitle, i as PopoverTrigger };
 
 //# sourceMappingURL=popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["PopoverPrimitive","React","React$1","Popover$1","Popover","props","PopoverTrigger","PopoverContent","cn","className","PopoverHeader","PopoverTitle","PopoverDescription"],"sources":["../../../../src/ui/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Popover composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTrigger({\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot='popover-trigger'\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  );\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.\n * @returns The rendered PopoverContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverPrimitive.Popup.Props &\n    Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'center', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props },\n    ref,\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className='isolate z-50'\n      >\n        <PopoverPrimitive.Popup\n          ref={ref}\n          data-slot='popover-content'\n          className={cn(\n            'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  ),\n);\nPopoverContent.displayName = PopoverPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='popover-header'\n      className={cn('flex flex-col gap-0.5 text-sm', className)}\n      {...props}\n    />\n  ),\n);\nPopoverHeader.displayName = 'PopoverHeader';\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverTitle = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Title\n    ref={ref}\n    data-slot='popover-title'\n    className={cn('font-medium', className)}\n    {...props}\n  />\n));\nPopoverTitle.displayName = PopoverPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverDescription = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Description\n    ref={ref}\n    data-slot='popover-description'\n    className={cn('text-muted-foreground', className)}\n    {...props}\n  />\n));\nPopoverDescription.displayName = PopoverPrimitive.Description.displayName;\n\nexport { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };\n"],"mappings":";;;;;;;AAsBA,SAASI,EAAQ,EAAE,GAAGC,KAAsC;CAC1D,OAAO,kBAACL,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAIK;CAAQ,CAAA;AAChE;AAiBA,SAASC,EAAe,EACtB,aACA,GAAGD,KAC8B;CACjC,OACE,kBAACL,EAAiB,SAAlB;EACE,aAAU;EACV,GAAIK;EAEH;CACuB,CAAA;AAE9B;AAiBA,IAAME,IAAiBN,EAAM,YAMzB,EAAE,cAAW,WAAQ,UAAU,iBAAc,GAAG,UAAO,UAAU,gBAAa,GAAG,GAAGI,KACpF,MAEA,kBAACL,EAAiB,QAAlB,EAAA,UACE,kBAACA,EAAiB,YAAlB;CACS;CACM;CACP;CACM;CACZ,WAAU;CAEV,UAAA,kBAACA,EAAiB,OAAlB;EACO;EACL,aAAU;EACV,WAAWQ,EACT,4dACAC,CACF;EACA,GAAIJ;CACL,CAAA;AAC0B,CAAA,EACN,CAAA,CAE7B;AACA,EAAe,cAAcL,EAAiB,MAAM;AAiBpD,IAAMU,IAAgBT,EAAM,YACzB,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWG,EAAG,iCAAiCC,CAAS;CACxD,GAAIJ;AACL,CAAA,CAEL;AACA,EAAc,cAAc;AAiB5B,IAAMM,IAAeV,EAAM,YAGxB,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAiB,OAAlB;CACO;CACL,aAAU;CACV,WAAWQ,EAAG,eAAeC,CAAS;CACtC,GAAIJ;AACL,CAAA,CACF;AACD,EAAa,cAAcL,EAAiB,MAAM;AAiBlD,IAAMY,IAAqBX,EAAM,YAG9B,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAiB,aAAlB;CACO;CACL,aAAU;CACV,WAAWQ,EAAG,yBAAyBC,CAAS;CAChD,GAAIJ;AACL,CAAA,CACF;AACD,EAAmB,cAAcL,EAAiB,YAAY"}
+{"version":3,"file":"popover.js","names":["PopoverPrimitive","Popover$1","Popover","props","PopoverTrigger","PopoverContent","cn","className","PopoverHeader","PopoverTitle","PopoverDescription"],"sources":["../../../../src/ui/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Popover composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTrigger({\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot='popover-trigger'\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  );\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.\n * @returns The rendered PopoverContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverContent({\n  ref,\n  className,\n  align = 'center',\n  alignOffset = 0,\n  side = 'bottom',\n  sideOffset = 4,\n  ...props\n}: React.PropsWithoutRef<\n  PopoverPrimitive.Popup.Props &\n    Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className='isolate z-50'\n      >\n        <PopoverPrimitive.Popup\n          ref={ref}\n          data-slot='popover-content'\n          className={cn(\n            'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\nPopoverContent.displayName = PopoverPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverHeader({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      data-slot='popover-header'\n      className={cn('flex flex-col gap-0.5 text-sm', className)}\n      {...props}\n    />\n  );\n}\nPopoverHeader.displayName = 'PopoverHeader';\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTitle({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>> &\n  React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Title>>) {\n  return (\n    <PopoverPrimitive.Title\n      ref={ref}\n      data-slot='popover-title'\n      className={cn('font-medium', className)}\n      {...props}\n    />\n  );\n}\nPopoverTitle.displayName = PopoverPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverDescription({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>> &\n  React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Description>>) {\n  return (\n    <PopoverPrimitive.Description\n      ref={ref}\n      data-slot='popover-description'\n      className={cn('text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\nPopoverDescription.displayName = PopoverPrimitive.Description.displayName;\n\nexport { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };\n"],"mappings":";;;;;;;AAsBA,SAASE,EAAQ,EAAE,GAAGC,KAAsC;CAC1D,OAAO,kBAACH,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAIG;CAAQ,CAAA;AAChE;AAiBA,SAASC,EAAe,EACtB,aACA,GAAGD,KAC8B;CACjC,OACE,kBAACH,EAAiB,SAAlB;EACE,aAAU;EACV,GAAIG;EAEH;CACuB,CAAA;AAE9B;AAiBA,SAASE,EAAe,EACtB,QACA,cACA,WAAQ,UACR,iBAAc,GACd,UAAO,UACP,gBAAa,GACb,GAAGF,KAKkC;CACrC,OACE,kBAACH,EAAiB,QAAlB,EAAA,UACE,kBAACA,EAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;EAEV,UAAA,kBAACA,EAAiB,OAAlB;GACO;GACL,aAAU;GACV,WAAWM,EACT,4dACAC,CACF;GACA,GAAIJ;EACL,CAAA;CAC0B,CAAA,EACN,CAAA;AAE7B;AACA,EAAe,cAAcH,EAAiB,MAAM;AAiBpD,SAASQ,EAAc,EACrB,QACA,cACA,GAAGL,KAEkC;CACrC,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWG,EAAG,iCAAiCC,CAAS;EACxD,GAAIJ;CACL,CAAA;AAEL;AACA,EAAc,cAAc;AAiB5B,SAASM,EAAa,EACpB,QACA,cACA,GAAGN,KAEqE;CACxE,OACE,kBAACH,EAAiB,OAAlB;EACO;EACL,aAAU;EACV,WAAWM,EAAG,eAAeC,CAAS;EACtC,GAAIJ;CACL,CAAA;AAEL;AACA,EAAa,cAAcH,EAAiB,MAAM;AAiBlD,SAASU,EAAmB,EAC1B,QACA,cACA,GAAGP,KAE2E;CAC9E,OACE,kBAACH,EAAiB,aAAlB;EACO;EACL,aAAU;EACV,WAAWM,EAAG,yBAAyBC,CAAS;EAChD,GAAIJ;CACL,CAAA;AAEL;AACA,EAAmB,cAAcH,EAAiB,YAAY"}

package/dist/ui/components/ui/progress.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/progress");var a=r.forwardRef(({className:e,children:r,value:a,...c},l)=>(0,n.jsxs)(i.Progress.Root,{ref:l,value:a,"data-slot":`progress`,className:t.cn(`flex flex-wrap gap-3`,e),...c,children:[r,(0,n.jsx)(o,{children:(0,n.jsx)(s,{})})]}));a.displayName=`Progress`;var o=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Progress.Track,{ref:a,className:t.cn(`bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden`,e),"data-slot":`progress-track`,...r}));o.displayName=`ProgressTrack`;var s=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Progress.Indicator,{ref:a,"data-slot":`progress-indicator`,className:t.cn(`bg-primary h-full transition-all`,e),...r}));s.displayName=`ProgressIndicator`;var c=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Progress.Label,{ref:a,className:t.cn(`text-sm font-medium`,e),"data-slot":`progress-label`,...r}));c.displayName=`ProgressLabel`;var l=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Progress.Value,{ref:a,className:t.cn(`text-muted-foreground ml-auto text-sm tabular-nums`,e),"data-slot":`progress-value`,...r}));l.displayName=`ProgressValue`,exports.Progress=a,exports.ProgressIndicator=s,exports.ProgressLabel=c,exports.ProgressTrack=o,exports.ProgressValue=l;
+"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/progress");function a({ref:e,className:r,children:a,value:c,...l}){return(0,n.jsxs)(i.Progress.Root,{ref:e,value:c,"data-slot":`progress`,className:t.cn(`flex flex-wrap gap-3`,r),...l,children:[a,(0,n.jsx)(o,{children:(0,n.jsx)(s,{})})]})}a.displayName=`Progress`;function o({ref:e,className:r,...a}){return(0,n.jsx)(i.Progress.Track,{ref:e,className:t.cn(`bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden`,r),"data-slot":`progress-track`,...a})}o.displayName=`ProgressTrack`;function s({ref:e,className:r,...a}){return(0,n.jsx)(i.Progress.Indicator,{ref:e,"data-slot":`progress-indicator`,className:t.cn(`bg-primary h-full transition-all`,r),...a})}s.displayName=`ProgressIndicator`;function c({ref:e,className:r,...a}){return(0,n.jsx)(i.Progress.Label,{ref:e,className:t.cn(`text-sm font-medium`,r),"data-slot":`progress-label`,...a})}c.displayName=`ProgressLabel`;function l({ref:e,className:r,...a}){return(0,n.jsx)(i.Progress.Value,{ref:e,className:t.cn(`text-muted-foreground ml-auto text-sm tabular-nums`,r),"data-slot":`progress-value`,...a})}l.displayName=`ProgressValue`,exports.Progress=a,exports.ProgressIndicator=s,exports.ProgressLabel=c,exports.ProgressTrack=o,exports.ProgressValue=l;
 //# sourceMappingURL=progress.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.cjs","names":["React","ProgressPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_progress","Progress","props","className","children","ProgressTrack","ProgressIndicator","ProgressLabel","ProgressValue"],"sources":["../../../../src/ui/components/ui/progress.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as ProgressPrimitive } from '@base-ui/react/progress';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates an accessible progress value and always appends a styled track/indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Progress composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nconst Progress = React.forwardRef<HTMLDivElement, ProgressPrimitive.Root.Props>(\n  ({ className, children, value, ...props }, ref) => (\n    <ProgressPrimitive.Root\n      ref={ref}\n      value={value}\n      data-slot='progress'\n      className={cn('flex flex-wrap gap-3', className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  ),\n);\nProgress.displayName = 'Progress';\n\n/**\n * Renders the background track for a progress indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressTrack composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nconst ProgressTrack = React.forwardRef<HTMLDivElement, ProgressPrimitive.Track.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Track\n      ref={ref}\n      className={cn(\n        'bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden',\n        className,\n      )}\n      data-slot='progress-track'\n      {...props}\n    />\n  ),\n);\nProgressTrack.displayName = 'ProgressTrack';\n\n/**\n * Renders the fill element driven by the surrounding progress context.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressIndicator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nconst ProgressIndicator = React.forwardRef<HTMLDivElement, ProgressPrimitive.Indicator.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Indicator\n      ref={ref}\n      data-slot='progress-indicator'\n      className={cn('bg-primary h-full transition-all', className)}\n      {...props}\n    />\n  ),\n);\nProgressIndicator.displayName = 'ProgressIndicator';\n\n/**\n * Provides the accessible label of a progress display.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nconst ProgressLabel = React.forwardRef<HTMLSpanElement, ProgressPrimitive.Label.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Label\n      ref={ref}\n      className={cn('text-sm font-medium', className)}\n      data-slot='progress-label'\n      {...props}\n    />\n  ),\n);\nProgressLabel.displayName = 'ProgressLabel';\n\n/**\n * Renders the formatted progress value from context.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressValue composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nconst ProgressValue = React.forwardRef<HTMLSpanElement, ProgressPrimitive.Value.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Value\n      ref={ref}\n      className={cn('text-muted-foreground ml-auto text-sm tabular-nums', className)}\n      data-slot='progress-value'\n      {...props}\n    />\n  ),\n);\nProgressValue.displayName = 'ProgressValue';\n\nexport { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };\n"],"mappings":"A,ySAsBA,IAAMQ,EAAWR,EAAM,YACpB,CAAE,YAAW,WAAU,QAAO,GAAGS,GAAS,KACzC,EAAAJ,EAAA,KAAA,CAACJ,EAAAA,SAAkB,KAAnB,CACO,MACE,QACP,YAAU,WACV,UAAWC,EAAAA,GAAG,uBAAwBQ,CAAS,EAC/C,GAAID,EALN,SAAA,CAOGE,GACD,EAAAN,EAAA,IAAA,CAACO,EAAD,CAAA,UACE,EAAAP,EAAA,IAAA,CAACQ,EAAD,CAAoB,CAAA,CACP,CAAA,CACO,CAE5B,CAAA,CAAA,EACA,EAAS,YAAc,WAiBvB,IAAMD,EAAgBZ,EAAM,YACzB,CAAE,YAAW,GAAGS,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GACT,gFACAQ,CACF,EACA,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gBAiB5B,IAAMI,EAAoBb,EAAM,YAC7B,CAAE,YAAW,GAAGS,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,UAAnB,CACO,MACL,YAAU,qBACV,UAAWC,EAAAA,GAAG,mCAAoCQ,CAAS,EAC3D,GAAID,CACL,CAAA,CAEL,EACA,EAAkB,YAAc,oBAiBhC,IAAMK,EAAgBd,EAAM,YACzB,CAAE,YAAW,GAAGS,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GAAG,sBAAuBQ,CAAS,EAC9C,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gBAiB5B,IAAMM,EAAgBf,EAAM,YACzB,CAAE,YAAW,GAAGS,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GAAG,qDAAsDQ,CAAS,EAC7E,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gB"}
+{"version":3,"file":"progress.cjs","names":["ProgressPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_progress","Progress","props","className","children","ProgressTrack","ProgressIndicator","ProgressLabel","ProgressValue"],"sources":["../../../../src/ui/components/ui/progress.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as ProgressPrimitive } from '@base-ui/react/progress';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates an accessible progress value and always appends a styled track/indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Progress composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction Progress({\n  ref,\n  className,\n  children,\n  value,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Root\n      ref={ref}\n      value={value}\n      data-slot='progress'\n      className={cn('flex flex-wrap gap-3', className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  );\n}\nProgress.displayName = 'Progress';\n\n/**\n * Renders the background track for a progress indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressTrack composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressTrack({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Track.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Track\n      ref={ref}\n      className={cn(\n        'bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden',\n        className,\n      )}\n      data-slot='progress-track'\n      {...props}\n    />\n  );\n}\nProgressTrack.displayName = 'ProgressTrack';\n\n/**\n * Renders the fill element driven by the surrounding progress context.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressIndicator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressIndicator({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Indicator.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Indicator\n      ref={ref}\n      data-slot='progress-indicator'\n      className={cn('bg-primary h-full transition-all', className)}\n      {...props}\n    />\n  );\n}\nProgressIndicator.displayName = 'ProgressIndicator';\n\n/**\n * Provides the accessible label of a progress display.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressLabel({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Label.Props> & React.RefAttributes<HTMLSpanElement>) {\n  return (\n    <ProgressPrimitive.Label\n      ref={ref}\n      className={cn('text-sm font-medium', className)}\n      data-slot='progress-label'\n      {...props}\n    />\n  );\n}\nProgressLabel.displayName = 'ProgressLabel';\n\n/**\n * Renders the formatted progress value from context.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressValue composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressValue({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Value.Props> & React.RefAttributes<HTMLSpanElement>) {\n  return (\n    <ProgressPrimitive.Value\n      ref={ref}\n      className={cn('text-muted-foreground ml-auto text-sm tabular-nums', className)}\n      data-slot='progress-value'\n      {...props}\n    />\n  );\n}\nProgressValue.displayName = 'ProgressValue';\n\nexport { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };\n"],"mappings":"A,ySAsBA,SAASO,EAAS,CAChB,MACA,YACA,WACA,QACA,GAAGC,GACyF,CAC5F,OACE,EAAAJ,EAAA,KAAA,CAACJ,EAAAA,SAAkB,KAAnB,CACO,MACE,QACP,YAAU,WACV,UAAWC,EAAAA,GAAG,uBAAwBQ,CAAS,EAC/C,GAAID,EALN,SAAA,CAOGE,GACD,EAAAN,EAAA,IAAA,CAACO,EAAD,CAAA,UACE,EAAAP,EAAA,IAAA,CAACQ,EAAD,CAAoB,CAAA,CACP,CAAA,CACO,C,EAE5B,CACA,EAAS,YAAc,WAiBvB,SAASD,EAAc,CACrB,MACA,YACA,GAAGH,GAC0F,CAC7F,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GACT,gFACAQ,CACF,EACA,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,CACA,EAAc,YAAc,gBAiB5B,SAASI,EAAkB,CACzB,MACA,YACA,GAAGJ,GAC8F,CACjG,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,UAAnB,CACO,MACL,YAAU,qBACV,UAAWC,EAAAA,GAAG,mCAAoCQ,CAAS,EAC3D,GAAID,CACL,CAAA,CAEL,CACA,EAAkB,YAAc,oBAiBhC,SAASK,EAAc,CACrB,MACA,YACA,GAAGL,GAC2F,CAC9F,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GAAG,sBAAuBQ,CAAS,EAC9C,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,CACA,EAAc,YAAc,gBAiB5B,SAASM,EAAc,CACrB,MACA,YACA,GAAGN,GAC2F,CAC9F,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GAAG,qDAAsDQ,CAAS,EAC7E,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,CACA,EAAc,YAAc,gB"}

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

@@ -1,3 +1,4 @@
+import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
 import * as React from 'react';
 /**
  * Coordinates an accessible progress value and always appends a styled track/indicator.
@@ -14,7 +15,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const Progress: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function Progress({ ref, className, children, value, ...props }: React.PropsWithoutRef<ProgressPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace Progress {
+    var displayName: string;
+}
 /**
  * Renders the background track for a progress indicator.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -30,7 +34,10 @@ declare const Progress: React.ForwardRefExoticComponent<Omit<import('@base-ui/re
  * }
  * ```
  */
-declare const ProgressTrack: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ProgressTrack({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Track.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ProgressTrack {
+    var displayName: string;
+}
 /**
  * Renders the fill element driven by the surrounding progress context.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -46,7 +53,10 @@ declare const ProgressTrack: React.ForwardRefExoticComponent<Omit<import('@base-
  * }
  * ```
  */
-declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ProgressIndicator({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Indicator.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ProgressIndicator {
+    var displayName: string;
+}
 /**
  * Provides the accessible label of a progress display.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -62,7 +72,10 @@ declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<import('@b
  * }
  * ```
  */
-declare const ProgressLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function ProgressLabel({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Label.Props> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace ProgressLabel {
+    var displayName: string;
+}
 /**
  * Renders the formatted progress value from context.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -78,5 +91,8 @@ declare const ProgressLabel: React.ForwardRefExoticComponent<Omit<import('@base-
  * }
  * ```
  */
-declare const ProgressValue: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function ProgressValue({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Value.Props> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace ProgressValue {
+    var displayName: string;
+}
 export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };

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

@@ -1,3 +1,4 @@
+import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
 import * as React from 'react';
 /**
  * Coordinates an accessible progress value and always appends a styled track/indicator.
@@ -14,7 +15,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const Progress: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function Progress({ ref, className, children, value, ...props }: React.PropsWithoutRef<ProgressPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace Progress {
+    var displayName: string;
+}
 /**
  * Renders the background track for a progress indicator.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -30,7 +34,10 @@ declare const Progress: React.ForwardRefExoticComponent<Omit<import('@base-ui/re
  * }
  * ```
  */
-declare const ProgressTrack: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ProgressTrack({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Track.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ProgressTrack {
+    var displayName: string;
+}
 /**
  * Renders the fill element driven by the surrounding progress context.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -46,7 +53,10 @@ declare const ProgressTrack: React.ForwardRefExoticComponent<Omit<import('@base-
  * }
  * ```
  */
-declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ProgressIndicator({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Indicator.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ProgressIndicator {
+    var displayName: string;
+}
 /**
  * Provides the accessible label of a progress display.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -62,7 +72,10 @@ declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<import('@b
  * }
  * ```
  */
-declare const ProgressLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function ProgressLabel({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Label.Props> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace ProgressLabel {
+    var displayName: string;
+}
 /**
  * Renders the formatted progress value from context.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -78,5 +91,8 @@ declare const ProgressLabel: React.ForwardRefExoticComponent<Omit<import('@base-
  * }
  * ```
  */
-declare const ProgressValue: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function ProgressValue({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Value.Props> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace ProgressValue {
+    var displayName: string;
+}
 export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };

package/dist/ui/components/ui/progress.js

@@ -2,47 +2,57 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as r from "react";
-import { Progress as i } from "@base-ui/react/progress";
+import "react";
+import { Progress as r } from "@base-ui/react/progress";
 //#region src/ui/components/ui/progress.tsx
-var a = r.forwardRef(({ className: r, children: a, value: c, ...l }, u) => /* @__PURE__ */ n(i.Root, {
-	ref: u,
-	value: c,
-	"data-slot": "progress",
-	className: e("flex flex-wrap gap-3", r),
-	...l,
-	children: [a, /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(s, {}) })]
-}));
-a.displayName = "Progress";
-var o = r.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i.Track, {
-	ref: a,
-	className: e("bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden", n),
-	"data-slot": "progress-track",
-	...r
-}));
-o.displayName = "ProgressTrack";
-var s = r.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i.Indicator, {
-	ref: a,
-	"data-slot": "progress-indicator",
-	className: e("bg-primary h-full transition-all", n),
-	...r
-}));
-s.displayName = "ProgressIndicator";
-var c = r.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i.Label, {
-	ref: a,
-	className: e("text-sm font-medium", n),
-	"data-slot": "progress-label",
-	...r
-}));
-c.displayName = "ProgressLabel";
-var l = r.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i.Value, {
-	ref: a,
-	className: e("text-muted-foreground ml-auto text-sm tabular-nums", n),
-	"data-slot": "progress-value",
-	...r
-}));
-l.displayName = "ProgressValue";
+function i({ ref: i, className: s, children: c, value: l, ...u }) {
+	return /* @__PURE__ */ n(r.Root, {
+		ref: i,
+		value: l,
+		"data-slot": "progress",
+		className: e("flex flex-wrap gap-3", s),
+		...u,
+		children: [c, /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(o, {}) })]
+	});
+}
+i.displayName = "Progress";
+function a({ ref: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Track, {
+		ref: n,
+		className: e("bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden", i),
+		"data-slot": "progress-track",
+		...a
+	});
+}
+a.displayName = "ProgressTrack";
+function o({ ref: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Indicator, {
+		ref: n,
+		"data-slot": "progress-indicator",
+		className: e("bg-primary h-full transition-all", i),
+		...a
+	});
+}
+o.displayName = "ProgressIndicator";
+function s({ ref: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Label, {
+		ref: n,
+		className: e("text-sm font-medium", i),
+		"data-slot": "progress-label",
+		...a
+	});
+}
+s.displayName = "ProgressLabel";
+function c({ ref: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Value, {
+		ref: n,
+		className: e("text-muted-foreground ml-auto text-sm tabular-nums", i),
+		"data-slot": "progress-value",
+		...a
+	});
+}
+c.displayName = "ProgressValue";
 //#endregion
-export { a as Progress, s as ProgressIndicator, c as ProgressLabel, o as ProgressTrack, l as ProgressValue };
+export { i as Progress, o as ProgressIndicator, s as ProgressLabel, a as ProgressTrack, c as ProgressValue };
 
 //# sourceMappingURL=progress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":["React","ProgressPrimitive","React$1","Progress$1","Progress","props","cn","className","children","ProgressTrack","ProgressIndicator","ProgressLabel","ProgressValue"],"sources":["../../../../src/ui/components/ui/progress.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as ProgressPrimitive } from '@base-ui/react/progress';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates an accessible progress value and always appends a styled track/indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Progress composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nconst Progress = React.forwardRef<HTMLDivElement, ProgressPrimitive.Root.Props>(\n  ({ className, children, value, ...props }, ref) => (\n    <ProgressPrimitive.Root\n      ref={ref}\n      value={value}\n      data-slot='progress'\n      className={cn('flex flex-wrap gap-3', className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  ),\n);\nProgress.displayName = 'Progress';\n\n/**\n * Renders the background track for a progress indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressTrack composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nconst ProgressTrack = React.forwardRef<HTMLDivElement, ProgressPrimitive.Track.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Track\n      ref={ref}\n      className={cn(\n        'bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden',\n        className,\n      )}\n      data-slot='progress-track'\n      {...props}\n    />\n  ),\n);\nProgressTrack.displayName = 'ProgressTrack';\n\n/**\n * Renders the fill element driven by the surrounding progress context.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressIndicator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nconst ProgressIndicator = React.forwardRef<HTMLDivElement, ProgressPrimitive.Indicator.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Indicator\n      ref={ref}\n      data-slot='progress-indicator'\n      className={cn('bg-primary h-full transition-all', className)}\n      {...props}\n    />\n  ),\n);\nProgressIndicator.displayName = 'ProgressIndicator';\n\n/**\n * Provides the accessible label of a progress display.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nconst ProgressLabel = React.forwardRef<HTMLSpanElement, ProgressPrimitive.Label.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Label\n      ref={ref}\n      className={cn('text-sm font-medium', className)}\n      data-slot='progress-label'\n      {...props}\n    />\n  ),\n);\nProgressLabel.displayName = 'ProgressLabel';\n\n/**\n * Renders the formatted progress value from context.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressValue composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nconst ProgressValue = React.forwardRef<HTMLSpanElement, ProgressPrimitive.Value.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Value\n      ref={ref}\n      className={cn('text-muted-foreground ml-auto text-sm tabular-nums', className)}\n      data-slot='progress-value'\n      {...props}\n    />\n  ),\n);\nProgressValue.displayName = 'ProgressValue';\n\nexport { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };\n"],"mappings":";;;;;;;AAsBA,IAAMI,IAAWJ,EAAM,YACpB,EAAE,cAAW,aAAU,UAAO,GAAGK,KAAS,MACzC,kBAACJ,EAAkB,MAAnB;CACO;CACE;CACP,aAAU;CACV,WAAWK,EAAG,wBAAwBC,CAAS;CAC/C,GAAIF;CALN,UAAA,CAOGG,GACD,kBAACC,GAAD,EAAA,UACE,kBAACC,GAAD,CAAoB,CAAA,EACP,CAAA,CACO;AAE5B,CAAA,CAAA;AACA,EAAS,cAAc;AAiBvB,IAAMD,IAAgBT,EAAM,YACzB,EAAE,cAAW,GAAGK,KAAS,MACxB,kBAACJ,EAAkB,OAAnB;CACO;CACL,WAAWK,EACT,iFACAC,CACF;CACA,aAAU;CACV,GAAIF;AACL,CAAA,CAEL;AACA,EAAc,cAAc;AAiB5B,IAAMK,IAAoBV,EAAM,YAC7B,EAAE,cAAW,GAAGK,KAAS,MACxB,kBAACJ,EAAkB,WAAnB;CACO;CACL,aAAU;CACV,WAAWK,EAAG,oCAAoCC,CAAS;CAC3D,GAAIF;AACL,CAAA,CAEL;AACA,EAAkB,cAAc;AAiBhC,IAAMM,IAAgBX,EAAM,YACzB,EAAE,cAAW,GAAGK,KAAS,MACxB,kBAACJ,EAAkB,OAAnB;CACO;CACL,WAAWK,EAAG,uBAAuBC,CAAS;CAC9C,aAAU;CACV,GAAIF;AACL,CAAA,CAEL;AACA,EAAc,cAAc;AAiB5B,IAAMO,IAAgBZ,EAAM,YACzB,EAAE,cAAW,GAAGK,KAAS,MACxB,kBAACJ,EAAkB,OAAnB;CACO;CACL,WAAWK,EAAG,sDAAsDC,CAAS;CAC7E,aAAU;CACV,GAAIF;AACL,CAAA,CAEL;AACA,EAAc,cAAc"}
+{"version":3,"file":"progress.js","names":["ProgressPrimitive","Progress$1","Progress","props","cn","className","children","ProgressTrack","ProgressIndicator","ProgressLabel","ProgressValue"],"sources":["../../../../src/ui/components/ui/progress.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as ProgressPrimitive } from '@base-ui/react/progress';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates an accessible progress value and always appends a styled track/indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Progress composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction Progress({\n  ref,\n  className,\n  children,\n  value,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Root\n      ref={ref}\n      value={value}\n      data-slot='progress'\n      className={cn('flex flex-wrap gap-3', className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  );\n}\nProgress.displayName = 'Progress';\n\n/**\n * Renders the background track for a progress indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressTrack composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressTrack({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Track.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Track\n      ref={ref}\n      className={cn(\n        'bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden',\n        className,\n      )}\n      data-slot='progress-track'\n      {...props}\n    />\n  );\n}\nProgressTrack.displayName = 'ProgressTrack';\n\n/**\n * Renders the fill element driven by the surrounding progress context.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressIndicator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressIndicator({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Indicator.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Indicator\n      ref={ref}\n      data-slot='progress-indicator'\n      className={cn('bg-primary h-full transition-all', className)}\n      {...props}\n    />\n  );\n}\nProgressIndicator.displayName = 'ProgressIndicator';\n\n/**\n * Provides the accessible label of a progress display.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressLabel({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Label.Props> & React.RefAttributes<HTMLSpanElement>) {\n  return (\n    <ProgressPrimitive.Label\n      ref={ref}\n      className={cn('text-sm font-medium', className)}\n      data-slot='progress-label'\n      {...props}\n    />\n  );\n}\nProgressLabel.displayName = 'ProgressLabel';\n\n/**\n * Renders the formatted progress value from context.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ProgressValue composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressValue({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Value.Props> & React.RefAttributes<HTMLSpanElement>) {\n  return (\n    <ProgressPrimitive.Value\n      ref={ref}\n      className={cn('text-muted-foreground ml-auto text-sm tabular-nums', className)}\n      data-slot='progress-value'\n      {...props}\n    />\n  );\n}\nProgressValue.displayName = 'ProgressValue';\n\nexport { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };\n"],"mappings":";;;;;;;AAsBA,SAASE,EAAS,EAChB,QACA,cACA,aACA,UACA,GAAGC,KACyF;CAC5F,OACE,kBAACH,EAAkB,MAAnB;EACO;EACE;EACP,aAAU;EACV,WAAWI,EAAG,wBAAwBC,CAAS;EAC/C,GAAIF;EALN,UAAA,CAOGG,GACD,kBAACC,GAAD,EAAA,UACE,kBAACC,GAAD,CAAoB,CAAA,EACP,CAAA,CACO;;AAE5B;AACA,EAAS,cAAc;AAiBvB,SAASD,EAAc,EACrB,QACA,cACA,GAAGJ,KAC0F;CAC7F,OACE,kBAACH,EAAkB,OAAnB;EACO;EACL,WAAWI,EACT,iFACAC,CACF;EACA,aAAU;EACV,GAAIF;CACL,CAAA;AAEL;AACA,EAAc,cAAc;AAiB5B,SAASK,EAAkB,EACzB,QACA,cACA,GAAGL,KAC8F;CACjG,OACE,kBAACH,EAAkB,WAAnB;EACO;EACL,aAAU;EACV,WAAWI,EAAG,oCAAoCC,CAAS;EAC3D,GAAIF;CACL,CAAA;AAEL;AACA,EAAkB,cAAc;AAiBhC,SAASM,EAAc,EACrB,QACA,cACA,GAAGN,KAC2F;CAC9F,OACE,kBAACH,EAAkB,OAAnB;EACO;EACL,WAAWI,EAAG,uBAAuBC,CAAS;EAC9C,aAAU;EACV,GAAIF;CACL,CAAA;AAEL;AACA,EAAc,cAAc;AAiB5B,SAASO,EAAc,EACrB,QACA,cACA,GAAGP,KAC2F;CAC9F,OACE,kBAACH,EAAkB,OAAnB;EACO;EACL,WAAWI,EAAG,sDAAsDC,CAAS;EAC7E,aAAU;EACV,GAAIF;CACL,CAAA;AAEL;AACA,EAAc,cAAc"}

package/dist/ui/components/ui/radio-card.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"),n=require("./label.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("@base-ui/react/radio-group"),s=require("@base-ui/react/radio");var c=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(o.RadioGroup,{ref:i,"data-slot":`radio-card-group`,className:t.cn(`grid gap-2`,e),...n}));c.displayName=`RadioCardGroup`;var l=i.forwardRef(({className:e,children:i,label:o,detail:c,...l},u)=>(0,r.jsx)(s.Radio.Root,{ref:u,"data-slot":`radio-card-item`,className:t.cn(`group/radio-card relative flex cursor-pointer rounded-lg px-4 py-3 shadow-sm border border-input bg-card text-card-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:border-primary aria-checked:bg-primary/5`,e),...l,children:(0,r.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,r.jsx)(`div`,{className:`flex items-center`,children:(0,r.jsxs)(`div`,{className:`text-sm text-left`,children:[o&&(0,r.jsx)(n.Label,{className:`font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary`,children:o}),c&&(0,r.jsx)(`span`,{className:`text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80`,children:c}),i]})}),(0,r.jsx)(s.Radio.Indicator,{className:`shrink-0 text-primary ml-2`,children:(0,r.jsx)(a.CheckCircleIcon,{className:`h-5 w-5`})})]})}));l.displayName=`RadioCardItem`,exports.RadioCardGroup=c,exports.RadioCardItem=l;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./label.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("@base-ui/react/radio-group"),s=require("@base-ui/react/radio");function c({ref:e,className:n,...i}){return(0,r.jsx)(o.RadioGroup,{ref:e,"data-slot":`radio-card-group`,className:t.cn(`grid gap-2`,n),...i})}c.displayName=`RadioCardGroup`;function l({ref:e,className:i,children:o,label:c,detail:l,...u}){return(0,r.jsx)(s.Radio.Root,{ref:e,"data-slot":`radio-card-item`,className:t.cn(`group/radio-card relative flex cursor-pointer rounded-lg px-4 py-3 shadow-sm border border-input bg-card text-card-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:border-primary aria-checked:bg-primary/5`,i),...u,children:(0,r.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,r.jsx)(`div`,{className:`flex items-center`,children:(0,r.jsxs)(`div`,{className:`text-sm text-left`,children:[c&&(0,r.jsx)(n.Label,{className:`font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary`,children:c}),l&&(0,r.jsx)(`span`,{className:`text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80`,children:l}),o]})}),(0,r.jsx)(s.Radio.Indicator,{className:`shrink-0 text-primary ml-2`,children:(0,r.jsx)(a.CheckCircleIcon,{className:`h-5 w-5`})})]})})}l.displayName=`RadioCardItem`,exports.RadioCardGroup=c,exports.RadioCardItem=l;
 //# sourceMappingURL=radio-card.cjs.map

package/dist/ui/components/ui/radio-card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-card.cjs","names":["React","RadioGroupPrimitive","cn","RadioPrimitive","Label","CheckCircleIcon","require_runtime","require_ui_lib_utils","require_ui_components_ui_label","react_jsx_runtime","react","lucide_react","_base_ui_react_radio_group","_base_ui_react_radio","RadioCardGroup","props","className","RadioCardItem","label","detail","children"],"sources":["../../../../src/ui/components/ui/radio-card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { CheckCircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Label } from './label';\n\n/**\n * Coordinates mutually exclusive choices displayed as cards.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered RadioCardGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place card items under RadioCardGroup with distinct value strings. label and detail are optional React nodes rendered inside the radio control; children are appended below them. Base UI owns selection and focus; the host owns persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioCardGroup, RadioCardItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioCardGroup defaultValue=\"basic\" aria-label=\"Plan\"><RadioCardItem value=\"basic\" label=\"Basic\" detail=\"For personal use\" /><RadioCardItem value=\"team\" label=\"Team\" /></RadioCardGroup>);\n * }\n * ```\n */\nconst RadioCardGroup = React.forwardRef<HTMLDivElement, RadioGroupPrimitive.Props>(\n  ({ className, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive\n        ref={ref}\n        data-slot='radio-card-group'\n        className={cn('grid gap-2', className)}\n        {...props}\n      />\n    );\n  },\n);\nRadioCardGroup.displayName = 'RadioCardGroup';\n\n/**\n * Renders one card choice with label/detail content and a checked indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered RadioCardItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place card items under RadioCardGroup with distinct value strings. label and detail are optional React nodes rendered inside the radio control; children are appended below them. Base UI owns selection and focus; the host owns persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioCardGroup, RadioCardItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioCardGroup defaultValue=\"basic\" aria-label=\"Plan\"><RadioCardItem value=\"basic\" label=\"Basic\" detail=\"For personal use\" /><RadioCardItem value=\"team\" label=\"Team\" /></RadioCardGroup>);\n * }\n * ```\n */\nconst RadioCardItem = React.forwardRef<\n  HTMLButtonElement,\n  RadioPrimitive.Root.Props & {\n    /**\n     * Visible control/option text or content; does not perform persistence or validation.\n     */\n    label?: React.ReactNode;\n    /**\n     * Optional supporting content below the radio-card label.\n     */\n    detail?: React.ReactNode;\n  }\n>(({ className, children, label, detail, ...props }, ref) => {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot='radio-card-item'\n      className={cn(\n        'group/radio-card relative flex cursor-pointer rounded-lg px-4 py-3 shadow-sm border border-input bg-card text-card-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:border-primary aria-checked:bg-primary/5',\n        className,\n      )}\n      {...props}\n    >\n      <div className='flex w-full items-center justify-between'>\n        <div className='flex items-center'>\n          <div className='text-sm text-left'>\n            {label && (\n              <Label className='font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary'>\n                {label}\n              </Label>\n            )}\n            {detail && (\n              <span className='text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80'>\n                {detail}\n              </span>\n            )}\n            {children}\n          </div>\n        </div>\n        <RadioPrimitive.Indicator className='shrink-0 text-primary ml-2'>\n          <CheckCircleIcon className='h-5 w-5' />\n        </RadioPrimitive.Indicator>\n      </div>\n    </RadioPrimitive.Root>\n  );\n});\nRadioCardItem.displayName = 'RadioCardItem';\n\nexport { RadioCardGroup, RadioCardItem };\n"],"mappings":"A,oXAuBA,IAAMc,EAAiBd,EAAM,YAC1B,CAAE,YAAW,GAAGe,GAAS,KAEtB,EAAAN,EAAA,IAAA,CAACR,EAAAA,WAAD,CACO,MACL,YAAU,mBACV,UAAWC,EAAAA,GAAG,aAAcc,CAAS,EACrC,GAAID,CACL,CAAA,CAGP,EACA,EAAe,YAAc,iBAiB7B,IAAME,EAAgBjB,EAAM,YAYzB,CAAE,YAAW,WAAU,QAAO,SAAQ,GAAGe,GAAS,KAEjD,EAAAN,EAAA,IAAA,CAACN,EAAAA,MAAe,KAAhB,CACO,MACL,YAAU,kBACV,UAAWD,EAAAA,GACT,2XACAc,CACF,EACA,GAAID,EAEJ,UAAA,EAAAN,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,2CAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,oBACb,UAAA,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oBAAf,SAAA,CACGS,IACC,EAAAT,EAAA,IAAA,CAACL,EAAAA,MAAD,CAAO,UAAU,8FACd,SAAAc,CACI,CAAA,EAERC,IACC,EAAAV,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,2FACb,SAAAU,CACG,CAAA,EAEPC,CACE,C,EACF,CAAA,GACL,EAAAX,EAAA,IAAA,CAACN,EAAAA,MAAe,UAAhB,CAA0B,UAAU,6BAClC,UAAA,EAAAM,EAAA,IAAA,CAACJ,EAAAA,gBAAD,CAAiB,UAAU,SAAW,CAAA,CACd,CAAA,CACvB,C,EACc,CAAA,CAExB,EACD,EAAc,YAAc,gB"}
+{"version":3,"file":"radio-card.cjs","names":["RadioGroupPrimitive","cn","RadioPrimitive","Label","CheckCircleIcon","require_runtime","require_ui_lib_utils","require_ui_components_ui_label","react_jsx_runtime","react","lucide_react","_base_ui_react_radio_group","_base_ui_react_radio","RadioCardGroup","props","className","RadioCardItem","label","detail","children"],"sources":["../../../../src/ui/components/ui/radio-card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { CheckCircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Label } from './label';\n\n/**\n * Coordinates mutually exclusive choices displayed as cards.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered RadioCardGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place card items under RadioCardGroup with distinct value strings. label and detail are optional React nodes rendered inside the radio control; children are appended below them. Base UI owns selection and focus; the host owns persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioCardGroup, RadioCardItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioCardGroup defaultValue=\"basic\" aria-label=\"Plan\"><RadioCardItem value=\"basic\" label=\"Basic\" detail=\"For personal use\" /><RadioCardItem value=\"team\" label=\"Team\" /></RadioCardGroup>);\n * }\n * ```\n */\nfunction RadioCardGroup({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <RadioGroupPrimitive\n      ref={ref}\n      data-slot='radio-card-group'\n      className={cn('grid gap-2', className)}\n      {...props}\n    />\n  );\n}\nRadioCardGroup.displayName = 'RadioCardGroup';\n\n/**\n * Renders one card choice with label/detail content and a checked indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered RadioCardItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place card items under RadioCardGroup with distinct value strings. label and detail are optional React nodes rendered inside the radio control; children are appended below them. Base UI owns selection and focus; the host owns persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioCardGroup, RadioCardItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioCardGroup defaultValue=\"basic\" aria-label=\"Plan\"><RadioCardItem value=\"basic\" label=\"Basic\" detail=\"For personal use\" /><RadioCardItem value=\"team\" label=\"Team\" /></RadioCardGroup>);\n * }\n * ```\n */\nfunction RadioCardItem({\n  ref,\n  className,\n  children,\n  label,\n  detail,\n  ...props\n}: React.PropsWithoutRef<\n  RadioPrimitive.Root.Props & {\n    /**\n     * Visible control/option text or content; does not perform persistence or validation.\n     */\n    label?: React.ReactNode;\n    /**\n     * Optional supporting content below the radio-card label.\n     */\n    detail?: React.ReactNode;\n  }\n> &\n  React.RefAttributes<HTMLButtonElement>) {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot='radio-card-item'\n      className={cn(\n        'group/radio-card relative flex cursor-pointer rounded-lg px-4 py-3 shadow-sm border border-input bg-card text-card-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:border-primary aria-checked:bg-primary/5',\n        className,\n      )}\n      {...props}\n    >\n      <div className='flex w-full items-center justify-between'>\n        <div className='flex items-center'>\n          <div className='text-sm text-left'>\n            {label && (\n              <Label className='font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary'>\n                {label}\n              </Label>\n            )}\n            {detail && (\n              <span className='text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80'>\n                {detail}\n              </span>\n            )}\n            {children}\n          </div>\n        </div>\n        <RadioPrimitive.Indicator className='shrink-0 text-primary ml-2'>\n          <CheckCircleIcon className='h-5 w-5' />\n        </RadioPrimitive.Indicator>\n      </div>\n    </RadioPrimitive.Root>\n  );\n}\nRadioCardItem.displayName = 'RadioCardItem';\n\nexport { RadioCardGroup, RadioCardItem };\n"],"mappings":"A,oXAuBA,SAASa,EAAe,CACtB,MACA,YACA,GAAGC,GACsF,CACzF,OACE,EAAAN,EAAA,IAAA,CAACR,EAAAA,WAAD,CACO,MACL,YAAU,mBACV,UAAWC,EAAAA,GAAG,aAAcc,CAAS,EACrC,GAAID,CACL,CAAA,CAEL,CACA,EAAe,YAAc,iBAiB7B,SAASE,EAAc,CACrB,MACA,YACA,WACA,QACA,SACA,GAAGF,GAaqC,CACxC,OACE,EAAAN,EAAA,IAAA,CAACN,EAAAA,MAAe,KAAhB,CACO,MACL,YAAU,kBACV,UAAWD,EAAAA,GACT,2XACAc,CACF,EACA,GAAID,EAEJ,UAAA,EAAAN,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,2CAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,oBACb,UAAA,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oBAAf,SAAA,CACGS,IACC,EAAAT,EAAA,IAAA,CAACL,EAAAA,MAAD,CAAO,UAAU,8FACd,SAAAc,CACI,CAAA,EAERC,IACC,EAAAV,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,2FACb,SAAAU,CACG,CAAA,EAEPC,CACE,C,EACF,CAAA,GACL,EAAAX,EAAA,IAAA,CAACN,EAAAA,MAAe,UAAhB,CAA0B,UAAU,6BAClC,UAAA,EAAAM,EAAA,IAAA,CAACJ,EAAAA,gBAAD,CAAiB,UAAU,SAAW,CAAA,CACd,CAAA,CACvB,C,EACc,CAAA,CAEzB,CACA,EAAc,YAAc,gB"}

package/dist/ui/components/ui/radio-card.d.cts

@@ -16,7 +16,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const RadioCardGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function RadioCardGroup({ ref, className, ...props }: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace RadioCardGroup {
+    var displayName: string;
+}
 /**
  * Renders one card choice with label/detail content and a checked indicator.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -32,7 +35,7 @@ declare const RadioCardGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPri
  * }
  * ```
  */
-declare const RadioCardItem: React.ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any> & {
+declare function RadioCardItem({ ref, className, children, label, detail, ...props }: React.PropsWithoutRef<RadioPrimitive.Root.Props & {
     /**
      * Visible control/option text or content; does not perform persistence or validation.
      */
@@ -41,5 +44,8 @@ declare const RadioCardItem: React.ForwardRefExoticComponent<Omit<RadioPrimitive
      * Optional supporting content below the radio-card label.
      */
     detail?: React.ReactNode;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace RadioCardItem {
+    var displayName: string;
+}
 export { RadioCardGroup, RadioCardItem };