@alneas/appkit-react 0.2.0 → 0.3.0

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

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

package/dist/ui/components/ui/radio-card.js

@@ -2,49 +2,53 @@
 import { cn as e } from "../../lib/utils.js";
 import { Label as t } from "./label.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import * as i from "react";
-import { CheckCircleIcon as a } from "lucide-react";
-import { RadioGroup as o } from "@base-ui/react/radio-group";
-import { Radio as s } from "@base-ui/react/radio";
+import "react";
+import { CheckCircleIcon as i } from "lucide-react";
+import { RadioGroup as a } from "@base-ui/react/radio-group";
+import { Radio as o } from "@base-ui/react/radio";
 //#region src/ui/components/ui/radio-card.tsx
-var c = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(o, {
-	ref: i,
-	"data-slot": "radio-card-group",
-	className: e("grid gap-2", t),
-	...r
-}));
-c.displayName = "RadioCardGroup";
-var l = i.forwardRef(({ className: i, children: o, label: c, detail: l, ...u }, d) => /* @__PURE__ */ n(s.Root, {
-	ref: d,
-	"data-slot": "radio-card-item",
-	className: e("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: /* @__PURE__ */ r("div", {
-		className: "flex w-full items-center justify-between",
-		children: [/* @__PURE__ */ n("div", {
-			className: "flex items-center",
-			children: /* @__PURE__ */ r("div", {
-				className: "text-sm text-left",
-				children: [
-					c && /* @__PURE__ */ n(t, {
-						className: "font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary",
-						children: c
-					}),
-					l && /* @__PURE__ */ n("span", {
-						className: "text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80",
-						children: l
-					}),
-					o
-				]
-			})
-		}), /* @__PURE__ */ n(s.Indicator, {
-			className: "shrink-0 text-primary ml-2",
-			children: /* @__PURE__ */ n(a, { className: "h-5 w-5" })
-		})]
-	})
-}));
-l.displayName = "RadioCardItem";
+function s({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n(a, {
+		ref: t,
+		"data-slot": "radio-card-group",
+		className: e("grid gap-2", r),
+		...i
+	});
+}
+s.displayName = "RadioCardGroup";
+function c({ ref: a, className: s, children: c, label: l, detail: u, ...d }) {
+	return /* @__PURE__ */ n(o.Root, {
+		ref: a,
+		"data-slot": "radio-card-item",
+		className: e("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", s),
+		...d,
+		children: /* @__PURE__ */ r("div", {
+			className: "flex w-full items-center justify-between",
+			children: [/* @__PURE__ */ n("div", {
+				className: "flex items-center",
+				children: /* @__PURE__ */ r("div", {
+					className: "text-sm text-left",
+					children: [
+						l && /* @__PURE__ */ n(t, {
+							className: "font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary",
+							children: l
+						}),
+						u && /* @__PURE__ */ n("span", {
+							className: "text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80",
+							children: u
+						}),
+						c
+					]
+				})
+			}), /* @__PURE__ */ n(o.Indicator, {
+				className: "shrink-0 text-primary ml-2",
+				children: /* @__PURE__ */ n(i, { className: "h-5 w-5" })
+			})]
+		})
+	});
+}
+c.displayName = "RadioCardItem";
 //#endregion
-export { c as RadioCardGroup, l as RadioCardItem };
+export { s as RadioCardGroup, c as RadioCardItem };
 
 //# sourceMappingURL=radio-card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-card.js","names":["React","RadioGroupPrimitive","RadioPrimitive","React$1","RadioCardGroup","props","RadioGroup","cn","className","RadioCardItem","Radio","label","Label","detail","children","CheckCircleIcon"],"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":";;;;;;;;;AAuBA,IAAMI,IAAiBJ,EAAM,YAC1B,EAAE,cAAW,GAAGK,KAAS,MAEtB,kBAACJ,GAAD;CACO;CACL,aAAU;CACV,WAAWM,EAAG,cAAcC,CAAS;CACrC,GAAIH;AACL,CAAA,CAGP;AACA,EAAe,cAAc;AAiB7B,IAAMI,IAAgBT,EAAM,YAYzB,EAAE,cAAW,aAAU,UAAO,WAAQ,GAAGK,KAAS,MAEjD,kBAACH,EAAe,MAAhB;CACO;CACL,aAAU;CACV,WAAWK,EACT,4XACAC,CACF;CACA,GAAIH;CAEJ,UAAA,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GACb,UAAA,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACGM,KACC,kBAACC,GAAD;MAAO,WAAU;MACd,UAAAD;KACI,CAAA;KAERE,KACC,kBAAC,QAAD;MAAM,WAAU;MACb,UAAAA;KACG,CAAA;KAEPC;IACE;;EACF,CAAA,GACL,kBAACZ,EAAe,WAAhB;GAA0B,WAAU;GAClC,UAAA,kBAACa,GAAD,EAAiB,WAAU,UAAW,CAAA;EACd,CAAA,CACvB;;AACc,CAAA,CAExB;AACD,EAAc,cAAc"}
+{"version":3,"file":"radio-card.js","names":["RadioGroupPrimitive","RadioPrimitive","RadioCardGroup","props","RadioGroup","cn","className","RadioCardItem","Radio","label","Label","detail","children","CheckCircleIcon"],"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":";;;;;;;;;AAuBA,SAASE,EAAe,EACtB,QACA,cACA,GAAGC,KACsF;CACzF,OACE,kBAACH,GAAD;EACO;EACL,aAAU;EACV,WAAWK,EAAG,cAAcC,CAAS;EACrC,GAAIH;CACL,CAAA;AAEL;AACA,EAAe,cAAc;AAiB7B,SAASI,EAAc,EACrB,QACA,cACA,aACA,UACA,WACA,GAAGJ,KAaqC;CACxC,OACE,kBAACF,EAAe,MAAhB;EACO;EACL,aAAU;EACV,WAAWI,EACT,4XACAC,CACF;EACA,GAAIH;EAEJ,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACGM,KACC,kBAACC,GAAD;OAAO,WAAU;OACd,UAAAD;MACI,CAAA;MAERE,KACC,kBAAC,QAAD;OAAM,WAAU;OACb,UAAAA;MACG,CAAA;MAEPC;KACE;;GACF,CAAA,GACL,kBAACX,EAAe,WAAhB;IAA0B,WAAU;IAClC,UAAA,kBAACY,GAAD,EAAiB,WAAU,UAAW,CAAA;GACd,CAAA,CACvB;;CACc,CAAA;AAEzB;AACA,EAAc,cAAc"}

package/dist/ui/components/ui/radio-group.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("@base-ui/react/radio-group"),o=require("@base-ui/react/radio");var s=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(a.RadioGroup,{ref:i,"data-slot":`radio-group`,className:t.cn(`grid gap-2 w-full`,e),...r}));s.displayName=`RadioGroup`;var c=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(o.Radio.Root,{ref:a,"data-slot":`radio-group-item`,className:t.cn(`border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50`,e),...r,children:(0,n.jsx)(o.Radio.Indicator,{"data-slot":`radio-group-indicator`,className:`group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center`,children:(0,n.jsx)(i.CircleIcon,{className:`absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current`})})}));c.displayName=`RadioGroupItem`,exports.RadioGroup=s,exports.RadioGroupItem=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("@base-ui/react/radio-group"),o=require("@base-ui/react/radio");function s({ref:e,className:r,...i}){return(0,n.jsx)(a.RadioGroup,{ref:e,"data-slot":`radio-group`,className:t.cn(`grid gap-2 w-full`,r),...i})}s.displayName=`RadioGroup`;function c({ref:e,className:r,...a}){return(0,n.jsx)(o.Radio.Root,{ref:e,"data-slot":`radio-group-item`,className:t.cn(`border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50`,r),...a,children:(0,n.jsx)(o.Radio.Indicator,{"data-slot":`radio-group-indicator`,className:`group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center`,children:(0,n.jsx)(i.CircleIcon,{className:`absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current`})})})}c.displayName=`RadioGroupItem`,exports.RadioGroup=s,exports.RadioGroupItem=c;
 //# sourceMappingURL=radio-group.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.cjs","names":["React","RadioGroupPrimitive","cn","RadioPrimitive","CircleIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_radio_group","_base_ui_react_radio","RadioGroup","props","className","RadioGroupItem"],"sources":["../../../../src/ui/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a grid of mutually exclusive radio choices.\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 RadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupPrimitive.Props>(\n  ({ className, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive\n        ref={ref}\n        data-slot='radio-group'\n        className={cn('grid gap-2 w-full', className)}\n        {...props}\n      />\n    );\n  },\n);\nRadioGroup.displayName = 'RadioGroup';\n\n/**\n * Renders one radio choice with a built-in circular 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 RadioGroupItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in checked indicator.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nconst RadioGroupItem = React.forwardRef<HTMLButtonElement, RadioPrimitive.Root.Props>(\n  ({ className, ...props }, ref) => {\n    return (\n      <RadioPrimitive.Root\n        ref={ref}\n        data-slot='radio-group-item'\n        className={cn(\n          'border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      >\n        <RadioPrimitive.Indicator\n          data-slot='radio-group-indicator'\n          className='group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center'\n        >\n          <CircleIcon className='absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current' />\n        </RadioPrimitive.Indicator>\n      </RadioPrimitive.Root>\n    );\n  },\n);\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"A,2VAsBA,IAAMY,EAAaZ,EAAM,YACtB,CAAE,YAAW,GAAGa,GAAS,KAEtB,EAAAN,EAAA,IAAA,CAACN,EAAAA,WAAD,CACO,MACL,YAAU,cACV,UAAWC,EAAAA,GAAG,oBAAqBY,CAAS,EAC5C,GAAID,CACL,CAAA,CAGP,EACA,EAAW,YAAc,aAiBzB,IAAME,EAAiBf,EAAM,YAC1B,CAAE,YAAW,GAAGa,GAAS,KAEtB,EAAAN,EAAA,IAAA,CAACJ,EAAAA,MAAe,KAAhB,CACO,MACL,YAAU,mBACV,UAAWD,EAAAA,GACT,4eACAY,CACF,EACA,GAAID,EAEJ,UAAA,EAAAN,EAAA,IAAA,CAACJ,EAAAA,MAAe,UAAhB,CACE,YAAU,wBACV,UAAU,4GAEV,UAAA,EAAAI,EAAA,IAAA,CAACH,EAAAA,WAAD,CAAY,UAAU,iFAAmF,CAAA,CACjF,CAAA,CACP,CAAA,CAG3B,EACA,EAAe,YAAc,iB"}
+{"version":3,"file":"radio-group.cjs","names":["RadioGroupPrimitive","cn","RadioPrimitive","CircleIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_radio_group","_base_ui_react_radio","RadioGroup","props","className","RadioGroupItem"],"sources":["../../../../src/ui/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a grid of mutually exclusive radio choices.\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 RadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nfunction RadioGroup({\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-group'\n      className={cn('grid gap-2 w-full', className)}\n      {...props}\n    />\n  );\n}\nRadioGroup.displayName = 'RadioGroup';\n\n/**\n * Renders one radio choice with a built-in circular 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 RadioGroupItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in checked indicator.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nfunction RadioGroupItem({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<RadioPrimitive.Root.Props> & React.RefAttributes<HTMLButtonElement>) {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot='radio-group-item'\n      className={cn(\n        'border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        data-slot='radio-group-indicator'\n        className='group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center'\n      >\n        <CircleIcon className='absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current' />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n}\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"A,2VAsBA,SAASW,EAAW,CAClB,MACA,YACA,GAAGC,GACsF,CACzF,OACE,EAAAN,EAAA,IAAA,CAACN,EAAAA,WAAD,CACO,MACL,YAAU,cACV,UAAWC,EAAAA,GAAG,oBAAqBY,CAAS,EAC5C,GAAID,CACL,CAAA,CAEL,CACA,EAAW,YAAc,aAiBzB,SAASE,EAAe,CACtB,MACA,YACA,GAAGF,GACyF,CAC5F,OACE,EAAAN,EAAA,IAAA,CAACJ,EAAAA,MAAe,KAAhB,CACO,MACL,YAAU,mBACV,UAAWD,EAAAA,GACT,4eACAY,CACF,EACA,GAAID,EAEJ,UAAA,EAAAN,EAAA,IAAA,CAACJ,EAAAA,MAAe,UAAhB,CACE,YAAU,wBACV,UAAU,4GAEV,UAAA,EAAAI,EAAA,IAAA,CAACH,EAAAA,WAAD,CAAY,UAAU,iFAAmF,CAAA,CACjF,CAAA,CACP,CAAA,CAEzB,CACA,EAAe,YAAc,iB"}

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

@@ -16,7 +16,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function RadioGroup({ ref, className, ...props }: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
 /**
  * Renders one radio choice with a built-in circular checked indicator.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -32,5 +35,8 @@ declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimiti
  * }
  * ```
  */
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function RadioGroupItem({ ref, className, ...props }: React.PropsWithoutRef<RadioPrimitive.Root.Props> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace RadioGroupItem {
+    var displayName: string;
+}
 export { RadioGroup, RadioGroupItem };

package/dist/ui/components/ui/radio-group.d.ts

@@ -16,7 +16,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function RadioGroup({ ref, className, ...props }: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
 /**
  * Renders one radio choice with a built-in circular checked indicator.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -32,5 +35,8 @@ declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimiti
  * }
  * ```
  */
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function RadioGroupItem({ ref, className, ...props }: React.PropsWithoutRef<RadioPrimitive.Root.Props> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace RadioGroupItem {
+    var displayName: string;
+}
 export { RadioGroup, RadioGroupItem };

package/dist/ui/components/ui/radio-group.js

@@ -1,31 +1,35 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { CircleIcon as r } from "lucide-react";
-import { RadioGroup as i } from "@base-ui/react/radio-group";
-import { Radio as a } from "@base-ui/react/radio";
+import "react";
+import { CircleIcon as n } from "lucide-react";
+import { RadioGroup as r } from "@base-ui/react/radio-group";
+import { Radio as i } from "@base-ui/react/radio";
 //#region src/ui/components/ui/radio-group.tsx
-var o = n.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i, {
-	ref: a,
-	"data-slot": "radio-group",
-	className: e("grid gap-2 w-full", n),
-	...r
-}));
-o.displayName = "RadioGroup";
-var s = n.forwardRef(({ className: n, ...i }, o) => /* @__PURE__ */ t(a.Root, {
-	ref: o,
-	"data-slot": "radio-group-item",
-	className: e("border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", n),
-	...i,
-	children: /* @__PURE__ */ t(a.Indicator, {
-		"data-slot": "radio-group-indicator",
-		className: "group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center",
-		children: /* @__PURE__ */ t(r, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current" })
-	})
-}));
-s.displayName = "RadioGroupItem";
+function a({ ref: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r, {
+		ref: n,
+		"data-slot": "radio-group",
+		className: e("grid gap-2 w-full", i),
+		...a
+	});
+}
+a.displayName = "RadioGroup";
+function o({ ref: r, className: a, ...o }) {
+	return /* @__PURE__ */ t(i.Root, {
+		ref: r,
+		"data-slot": "radio-group-item",
+		className: e("border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", a),
+		...o,
+		children: /* @__PURE__ */ t(i.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ t(n, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current" })
+		})
+	});
+}
+o.displayName = "RadioGroupItem";
 //#endregion
-export { o as RadioGroup, s as RadioGroupItem };
+export { a as RadioGroup, o as RadioGroupItem };
 
 //# sourceMappingURL=radio-group.js.map

package/dist/ui/components/ui/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":["React","RadioGroupPrimitive","RadioPrimitive","React$1","RadioGroup$1","RadioGroup","props","cn","className","RadioGroupItem","Radio","CircleIcon"],"sources":["../../../../src/ui/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a grid of mutually exclusive radio choices.\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 RadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupPrimitive.Props>(\n  ({ className, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive\n        ref={ref}\n        data-slot='radio-group'\n        className={cn('grid gap-2 w-full', className)}\n        {...props}\n      />\n    );\n  },\n);\nRadioGroup.displayName = 'RadioGroup';\n\n/**\n * Renders one radio choice with a built-in circular 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 RadioGroupItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in checked indicator.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nconst RadioGroupItem = React.forwardRef<HTMLButtonElement, RadioPrimitive.Root.Props>(\n  ({ className, ...props }, ref) => {\n    return (\n      <RadioPrimitive.Root\n        ref={ref}\n        data-slot='radio-group-item'\n        className={cn(\n          'border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      >\n        <RadioPrimitive.Indicator\n          data-slot='radio-group-indicator'\n          className='group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center'\n        >\n          <CircleIcon className='absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current' />\n        </RadioPrimitive.Indicator>\n      </RadioPrimitive.Root>\n    );\n  },\n);\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;AAsBA,IAAMK,IAAaL,EAAM,YACtB,EAAE,cAAW,GAAGM,KAAS,MAEtB,kBAACL,GAAD;CACO;CACL,aAAU;CACV,WAAWM,EAAG,qBAAqBC,CAAS;CAC5C,GAAIF;AACL,CAAA,CAGP;AACA,EAAW,cAAc;AAiBzB,IAAMG,IAAiBT,EAAM,YAC1B,EAAE,cAAW,GAAGM,KAAS,MAEtB,kBAACJ,EAAe,MAAhB;CACO;CACL,aAAU;CACV,WAAWK,EACT,6eACAC,CACF;CACA,GAAIF;CAEJ,UAAA,kBAACJ,EAAe,WAAhB;EACE,aAAU;EACV,WAAU;EAEV,UAAA,kBAACS,GAAD,EAAY,WAAU,kFAAmF,CAAA;CACjF,CAAA;AACP,CAAA,CAG3B;AACA,EAAe,cAAc"}
+{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive","RadioPrimitive","RadioGroup$1","RadioGroup","props","cn","className","RadioGroupItem","Radio","CircleIcon"],"sources":["../../../../src/ui/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a grid of mutually exclusive radio choices.\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 RadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nfunction RadioGroup({\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-group'\n      className={cn('grid gap-2 w-full', className)}\n      {...props}\n    />\n  );\n}\nRadioGroup.displayName = 'RadioGroup';\n\n/**\n * Renders one radio choice with a built-in circular 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 RadioGroupItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in checked indicator.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nfunction RadioGroupItem({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<RadioPrimitive.Root.Props> & React.RefAttributes<HTMLButtonElement>) {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot='radio-group-item'\n      className={cn(\n        'border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        data-slot='radio-group-indicator'\n        className='group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center'\n      >\n        <CircleIcon className='absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current' />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n}\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;AAsBA,SAASG,EAAW,EAClB,QACA,cACA,GAAGC,KACsF;CACzF,OACE,kBAACJ,GAAD;EACO;EACL,aAAU;EACV,WAAWK,EAAG,qBAAqBC,CAAS;EAC5C,GAAIF;CACL,CAAA;AAEL;AACA,EAAW,cAAc;AAiBzB,SAASG,EAAe,EACtB,QACA,cACA,GAAGH,KACyF;CAC5F,OACE,kBAACH,EAAe,MAAhB;EACO;EACL,aAAU;EACV,WAAWI,EACT,6eACAC,CACF;EACA,GAAIF;EAEJ,UAAA,kBAACH,EAAe,WAAhB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,kBAACQ,GAAD,EAAY,WAAU,kFAAmF,CAAA;EACjF,CAAA;CACP,CAAA;AAEzB;AACA,EAAe,cAAc"}

package/dist/ui/components/ui/scroll-area.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/scroll-area");var a=r.forwardRef(({className:e,children:r,...a},s)=>(0,n.jsxs)(i.ScrollArea.Root,{ref:s,"data-slot":`scroll-area`,className:t.cn(`relative`,e),...a,children:[(0,n.jsx)(i.ScrollArea.Viewport,{"data-slot":`scroll-area-viewport`,className:`focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1`,children:r}),(0,n.jsx)(o,{}),(0,n.jsx)(i.ScrollArea.Corner,{})]}));a.displayName=`ScrollArea`;function o({className:e,orientation:r=`vertical`,...a}){return(0,n.jsx)(i.ScrollArea.Scrollbar,{"data-slot":`scroll-area-scrollbar`,"data-orientation":r,orientation:r,className:t.cn(`data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none`,e),...a,children:(0,n.jsx)(i.ScrollArea.Thumb,{"data-slot":`scroll-area-thumb`,className:`rounded-full bg-border relative flex-1`})})}exports.ScrollArea=a,exports.ScrollBar=o;
+"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/scroll-area");function a({ref:e,className:r,children:a,...s}){return(0,n.jsxs)(i.ScrollArea.Root,{ref:e,"data-slot":`scroll-area`,className:t.cn(`relative`,r),...s,children:[(0,n.jsx)(i.ScrollArea.Viewport,{"data-slot":`scroll-area-viewport`,className:`focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1`,children:a}),(0,n.jsx)(o,{}),(0,n.jsx)(i.ScrollArea.Corner,{})]})}a.displayName=`ScrollArea`;function o({className:e,orientation:r=`vertical`,...a}){return(0,n.jsx)(i.ScrollArea.Scrollbar,{"data-slot":`scroll-area-scrollbar`,"data-orientation":r,orientation:r,className:t.cn(`data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none`,e),...a,children:(0,n.jsx)(i.ScrollArea.Thumb,{"data-slot":`scroll-area-thumb`,className:`rounded-full bg-border relative flex-1`})})}exports.ScrollArea=a,exports.ScrollBar=o;
 //# sourceMappingURL=scroll-area.cjs.map

package/dist/ui/components/ui/scroll-area.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.cjs","names":["React","ScrollAreaPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_scroll_area","ScrollArea","props","className","ScrollBar","orientation"],"sources":["../../../../src/ui/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a scroll viewport with a vertical scrollbar and corner.\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 ScrollArea composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ScrollArea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ScrollArea className=\"h-32 w-64\"><div className=\"h-96\">Scrollable content</div></ScrollArea>);\n * }\n * ```\n */\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaPrimitive.Root.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      data-slot='scroll-area'\n      className={cn('relative', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot='scroll-area-viewport'\n        className='focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1'\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  ),\n);\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * Renders a scrollbar track and thumb for the surrounding scroll-area root.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.\n * @returns The rendered ScrollBar composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling.\n * @example\n * ```tsx\n * import { ScrollArea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ScrollArea className=\"h-32 w-64\"><div className=\"h-96\">Scrollable content</div></ScrollArea>);\n * }\n * ```\n */\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: ScrollAreaPrimitive.Scrollbar.Props) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot='scroll-area-scrollbar'\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot='scroll-area-thumb'\n        className='rounded-full bg-border relative flex-1'\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"A,4SAsBA,IAAMQ,EAAaR,EAAM,YACtB,CAAE,YAAW,WAAU,GAAGS,GAAS,KAClC,EAAAJ,EAAA,KAAA,CAACJ,EAAAA,WAAoB,KAArB,CACO,MACL,YAAU,cACV,UAAWC,EAAAA,GAAG,WAAYQ,CAAS,EACnC,GAAID,EAJN,SAAA,EAME,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,WAAoB,SAArB,CACE,YAAU,uBACV,UAAU,qJAET,UAC2B,CAAA,GAC9B,EAAAI,EAAA,IAAA,CAACM,EAAD,CAAY,CAAA,GACZ,EAAAN,EAAA,IAAA,CAACJ,EAAAA,WAAoB,OAArB,CAA6B,CAAA,CACL,CAE9B,CAAA,CAAA,EACA,EAAW,YAAc,aAiBzB,SAASU,EAAU,CACjB,YACA,cAAc,WACd,GAAGF,GACmC,CACtC,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,WAAoB,UAArB,CACE,YAAU,wBACV,mBAAkBW,EACL,cACb,UAAWV,EAAAA,GACT,qQACAQ,CACF,EACA,GAAID,EAEJ,UAAA,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,WAAoB,MAArB,CACE,YAAU,oBACV,UAAU,wCACX,CAAA,CAC4B,CAAA,CAEnC,C"}
+{"version":3,"file":"scroll-area.cjs","names":["ScrollAreaPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_scroll_area","ScrollArea","props","className","ScrollBar","orientation"],"sources":["../../../../src/ui/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a scroll viewport with a vertical scrollbar and corner.\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 ScrollArea composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ScrollArea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ScrollArea className=\"h-32 w-64\"><div className=\"h-96\">Scrollable content</div></ScrollArea>);\n * }\n * ```\n */\nfunction ScrollArea({\n  ref,\n  className,\n  children,\n  ...props\n}: React.PropsWithoutRef<ScrollAreaPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      data-slot='scroll-area'\n      className={cn('relative', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot='scroll-area-viewport'\n        className='focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1'\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * Renders a scrollbar track and thumb for the surrounding scroll-area root.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.\n * @returns The rendered ScrollBar composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling.\n * @example\n * ```tsx\n * import { ScrollArea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ScrollArea className=\"h-32 w-64\"><div className=\"h-96\">Scrollable content</div></ScrollArea>);\n * }\n * ```\n */\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: ScrollAreaPrimitive.Scrollbar.Props) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot='scroll-area-scrollbar'\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot='scroll-area-thumb'\n        className='rounded-full bg-border relative flex-1'\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"A,4SAsBA,SAASO,EAAW,CAClB,MACA,YACA,WACA,GAAGC,GAC2F,CAC9F,OACE,EAAAJ,EAAA,KAAA,CAACJ,EAAAA,WAAoB,KAArB,CACO,MACL,YAAU,cACV,UAAWC,EAAAA,GAAG,WAAYQ,CAAS,EACnC,GAAID,EAJN,SAAA,EAME,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,WAAoB,SAArB,CACE,YAAU,uBACV,UAAU,qJAET,UAC2B,CAAA,GAC9B,EAAAI,EAAA,IAAA,CAACM,EAAD,CAAY,CAAA,GACZ,EAAAN,EAAA,IAAA,CAACJ,EAAAA,WAAoB,OAArB,CAA6B,CAAA,CACL,C,EAE9B,CACA,EAAW,YAAc,aAiBzB,SAASU,EAAU,CACjB,YACA,cAAc,WACd,GAAGF,GACmC,CACtC,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,WAAoB,UAArB,CACE,YAAU,wBACV,mBAAkBW,EACL,cACb,UAAWV,EAAAA,GACT,qQACAQ,CACF,EACA,GAAID,EAEJ,UAAA,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,WAAoB,MAArB,CACE,YAAU,oBACV,UAAU,wCACX,CAAA,CAC4B,CAAA,CAEnC,C"}

package/dist/ui/components/ui/scroll-area.d.cts

@@ -15,7 +15,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ScrollArea({ ref, className, children, ...props }: React.PropsWithoutRef<ScrollAreaPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ScrollArea {
+    var displayName: string;
+}
 /**
  * Renders a scrollbar track and thumb for the surrounding scroll-area root.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.

package/dist/ui/components/ui/scroll-area.d.ts

@@ -15,7 +15,10 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ScrollArea({ ref, className, children, ...props }: React.PropsWithoutRef<ScrollAreaPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ScrollArea {
+    var displayName: string;
+}
 /**
  * Renders a scrollbar track and thumb for the surrounding scroll-area root.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.

package/dist/ui/components/ui/scroll-area.js

@@ -2,39 +2,41 @@
 "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 { ScrollArea as i } from "@base-ui/react/scroll-area";
+import "react";
+import { ScrollArea as r } from "@base-ui/react/scroll-area";
 //#region src/ui/components/ui/scroll-area.tsx
-var a = r.forwardRef(({ className: r, children: a, ...s }, c) => /* @__PURE__ */ n(i.Root, {
-	ref: c,
-	"data-slot": "scroll-area",
-	className: e("relative", r),
-	...s,
-	children: [
-		/* @__PURE__ */ t(i.Viewport, {
-			"data-slot": "scroll-area-viewport",
-			className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-			children: a
-		}),
-		/* @__PURE__ */ t(o, {}),
-		/* @__PURE__ */ t(i.Corner, {})
-	]
-}));
-a.displayName = "ScrollArea";
-function o({ className: n, orientation: r = "vertical", ...a }) {
-	return /* @__PURE__ */ t(i.Scrollbar, {
+function i({ ref: i, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n(r.Root, {
+		ref: i,
+		"data-slot": "scroll-area",
+		className: e("relative", o),
+		...c,
+		children: [
+			/* @__PURE__ */ t(r.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+				children: s
+			}),
+			/* @__PURE__ */ t(a, {}),
+			/* @__PURE__ */ t(r.Corner, {})
+		]
+	});
+}
+i.displayName = "ScrollArea";
+function a({ className: n, orientation: i = "vertical", ...a }) {
+	return /* @__PURE__ */ t(r.Scrollbar, {
 		"data-slot": "scroll-area-scrollbar",
-		"data-orientation": r,
-		orientation: r,
+		"data-orientation": i,
+		orientation: i,
 		className: e("data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none", n),
 		...a,
-		children: /* @__PURE__ */ t(i.Thumb, {
+		children: /* @__PURE__ */ t(r.Thumb, {
 			"data-slot": "scroll-area-thumb",
 			className: "rounded-full bg-border relative flex-1"
 		})
 	});
 }
 //#endregion
-export { a as ScrollArea, o as ScrollBar };
+export { i as ScrollArea, a as ScrollBar };
 
 //# sourceMappingURL=scroll-area.js.map

package/dist/ui/components/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","names":["React","ScrollAreaPrimitive","React$1","ScrollArea$1","ScrollArea","props","cn","className","ScrollBar","orientation"],"sources":["../../../../src/ui/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a scroll viewport with a vertical scrollbar and corner.\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 ScrollArea composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ScrollArea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ScrollArea className=\"h-32 w-64\"><div className=\"h-96\">Scrollable content</div></ScrollArea>);\n * }\n * ```\n */\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaPrimitive.Root.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      data-slot='scroll-area'\n      className={cn('relative', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot='scroll-area-viewport'\n        className='focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1'\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  ),\n);\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * Renders a scrollbar track and thumb for the surrounding scroll-area root.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.\n * @returns The rendered ScrollBar composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling.\n * @example\n * ```tsx\n * import { ScrollArea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ScrollArea className=\"h-32 w-64\"><div className=\"h-96\">Scrollable content</div></ScrollArea>);\n * }\n * ```\n */\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: ScrollAreaPrimitive.Scrollbar.Props) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot='scroll-area-scrollbar'\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot='scroll-area-thumb'\n        className='rounded-full bg-border relative flex-1'\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;AAsBA,IAAMI,IAAaJ,EAAM,YACtB,EAAE,cAAW,aAAU,GAAGK,KAAS,MAClC,kBAACJ,EAAoB,MAArB;CACO;CACL,aAAU;CACV,WAAWK,EAAG,YAAYC,CAAS;CACnC,GAAIF;CAJN,UAAA;EAME,kBAACJ,EAAoB,UAArB;GACE,aAAU;GACV,WAAU;GAET;EAC2B,CAAA;EAC9B,kBAACO,GAAD,CAAY,CAAA;EACZ,kBAACP,EAAoB,QAArB,CAA6B,CAAA;CACL;AAE9B,CAAA,CAAA;AACA,EAAW,cAAc;AAiBzB,SAASO,EAAU,EACjB,cACA,iBAAc,YACd,GAAGH,KACmC;CACtC,OACE,kBAACJ,EAAoB,WAArB;EACE,aAAU;EACV,oBAAkBQ;EACL;EACb,WAAWH,EACT,sQACAC,CACF;EACA,GAAIF;EAEJ,UAAA,kBAACJ,EAAoB,OAArB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CAC4B,CAAA;AAEnC"}
+{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive","ScrollArea$1","ScrollArea","props","cn","className","ScrollBar","orientation"],"sources":["../../../../src/ui/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a scroll viewport with a vertical scrollbar and corner.\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 ScrollArea composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ScrollArea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ScrollArea className=\"h-32 w-64\"><div className=\"h-96\">Scrollable content</div></ScrollArea>);\n * }\n * ```\n */\nfunction ScrollArea({\n  ref,\n  className,\n  children,\n  ...props\n}: React.PropsWithoutRef<ScrollAreaPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      data-slot='scroll-area'\n      className={cn('relative', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot='scroll-area-viewport'\n        className='focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1'\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * Renders a scrollbar track and thumb for the surrounding scroll-area root.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.\n * @returns The rendered ScrollBar composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Constrain the root size so content can overflow. ScrollArea already inserts the vertical scrollbar and corner; it passes children into its viewport. ScrollBar requires Base UI scroll-area root context and defaults to vertical; an extra ScrollBar passed as ScrollArea children is placed inside the viewport, not as a root sibling.\n * @example\n * ```tsx\n * import { ScrollArea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ScrollArea className=\"h-32 w-64\"><div className=\"h-96\">Scrollable content</div></ScrollArea>);\n * }\n * ```\n */\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: ScrollAreaPrimitive.Scrollbar.Props) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot='scroll-area-scrollbar'\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot='scroll-area-thumb'\n        className='rounded-full bg-border relative flex-1'\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;AAsBA,SAASE,EAAW,EAClB,QACA,cACA,aACA,GAAGC,KAC2F;CAC9F,OACE,kBAACH,EAAoB,MAArB;EACO;EACL,aAAU;EACV,WAAWI,EAAG,YAAYC,CAAS;EACnC,GAAIF;EAJN,UAAA;GAME,kBAACH,EAAoB,UAArB;IACE,aAAU;IACV,WAAU;IAET;GAC2B,CAAA;GAC9B,kBAACM,GAAD,CAAY,CAAA;GACZ,kBAACN,EAAoB,QAArB,CAA6B,CAAA;EACL;;AAE9B;AACA,EAAW,cAAc;AAiBzB,SAASM,EAAU,EACjB,cACA,iBAAc,YACd,GAAGH,KACmC;CACtC,OACE,kBAACH,EAAoB,WAArB;EACE,aAAU;EACV,oBAAkBO;EACL;EACb,WAAWH,EACT,sQACAC,CACF;EACA,GAAIF;EAEJ,UAAA,kBAACH,EAAoB,OAArB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CAC4B,CAAA;AAEnC"}

package/dist/ui/components/ui/select.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("lucide-react"),a=require("@base-ui/react/select");var o=a.Select.Root;function s({className:e,...r}){return(0,n.jsx)(a.Select.Group,{"data-slot":`select-group`,className:t.cn(`scroll-my-1 p-1`,e),...r})}function c({className:e,children:r,...i}){return(0,n.jsx)(a.Select.Value,{"data-slot":`select-value`,className:t.cn(`flex flex-1 text-left line-clamp-1`,e),...i,children:r})}var l=r.forwardRef(({className:e,size:r=`default`,children:o,testId:s,...c},l)=>(0,n.jsxs)(a.Select.Trigger,{ref:l,"data-slot":`select-trigger`,"data-testid":s,"data-size":r,className:t.cn(`border-input data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-background py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...c,children:[o,(0,n.jsx)(a.Select.Icon,{render:(0,n.jsx)(i.ChevronDownIcon,{className:`text-muted-foreground size-4 pointer-events-none`})})]}));l.displayName=`SelectTrigger`;function u({className:e,children:r,side:i=`bottom`,sideOffset:o=4,align:s=`center`,alignOffset:c=0,alignItemWithTrigger:l=!0,...u}){return(0,n.jsx)(a.Select.Portal,{children:(0,n.jsx)(a.Select.Positioner,{side:i,sideOffset:o,align:s,alignOffset:c,alignItemWithTrigger:l,className:`isolate z-50`,children:(0,n.jsxs)(a.Select.Popup,{"data-slot":`select-content`,className:t.cn(`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 min-w-36 rounded-lg shadow-md ring-1 duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto`,e),...u,children:[(0,n.jsx)(m,{}),(0,n.jsx)(a.Select.List,{children:r}),(0,n.jsx)(h,{})]})})})}function d({className:e,...r}){return(0,n.jsx)(a.Select.GroupLabel,{"data-slot":`select-label`,className:t.cn(`text-muted-foreground px-1.5 py-1 text-xs`,e),...r})}function f({className:e,children:r,testId:o,...s}){return(0,n.jsxs)(a.Select.Item,{"data-slot":`select-item`,"data-testid":o,className:t.cn(`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...s,children:[(0,n.jsx)(a.Select.ItemText,{className:`flex flex-1 gap-2 shrink-0 whitespace-nowrap`,children:r}),(0,n.jsx)(a.Select.ItemIndicator,{render:(0,n.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:(0,n.jsx)(i.CheckIcon,{className:`pointer-events-none`})})]})}function p({className:e,...r}){return(0,n.jsx)(a.Select.Separator,{"data-slot":`select-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px pointer-events-none`,e),...r})}function m({className:e,...r}){return(0,n.jsx)(a.Select.ScrollUpArrow,{"data-slot":`select-scroll-up-button`,className:t.cn(`bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full`,e),...r,children:(0,n.jsx)(i.ChevronUpIcon,{})})}function h({className:e,...r}){return(0,n.jsx)(a.Select.ScrollDownArrow,{"data-slot":`select-scroll-down-button`,className:t.cn(`bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full`,e),...r,children:(0,n.jsx)(i.ChevronDownIcon,{})})}var g=r.forwardRef(({options:e,placeholder:t,className:r,testId:i,size:a=`default`,icon:s,"aria-label":d,"aria-labelledby":p,value:m,defaultValue:h,onValueChange:g,disabled:_,name:v,required:y,open:b,defaultOpen:x,onOpenChange:S,...C},w)=>(0,n.jsxs)(o,{value:m===void 0?h===void 0?null:void 0:m,defaultValue:h,onValueChange:g,disabled:_,name:v,required:y,open:b,defaultOpen:x,onOpenChange:S,...C,children:[(0,n.jsxs)(l,{ref:w,className:r,testId:i,size:a,"aria-label":d,"aria-labelledby":p,children:[s,(0,n.jsx)(c,{placeholder:t,children:m==null?void 0:e.find(e=>String(e.value)===String(m))?.label??(typeof m==`string`||typeof m==`number`?String(m):null)})]}),(0,n.jsx)(u,{children:e.map(e=>(0,n.jsx)(f,{value:e.value,disabled:e.disabled,children:e.label},e.value))})]}));g.displayName=`SelectInput`,exports.Select=o,exports.SelectContent=u,exports.SelectGroup=s,exports.SelectInput=g,exports.SelectItem=f,exports.SelectLabel=d,exports.SelectScrollDownButton=h,exports.SelectScrollUpButton=m,exports.SelectSeparator=p,exports.SelectTrigger=l,exports.SelectValue=c;
+"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("lucide-react"),a=require("@base-ui/react/select");var o=a.Select.Root;function s({className:e,...r}){return(0,n.jsx)(a.Select.Group,{"data-slot":`select-group`,className:t.cn(`scroll-my-1 p-1`,e),...r})}function c({className:e,children:r,...i}){return(0,n.jsx)(a.Select.Value,{"data-slot":`select-value`,className:t.cn(`flex flex-1 text-left line-clamp-1`,e),...i,children:r})}function l({ref:e,className:r,size:o=`default`,children:s,testId:c,...l}){return(0,n.jsxs)(a.Select.Trigger,{ref:e,"data-slot":`select-trigger`,"data-testid":c,"data-size":o,className:t.cn(`border-input data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-background py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...l,children:[s,(0,n.jsx)(a.Select.Icon,{render:(0,n.jsx)(i.ChevronDownIcon,{className:`text-muted-foreground size-4 pointer-events-none`})})]})}l.displayName=`SelectTrigger`;function u({className:e,children:r,side:i=`bottom`,sideOffset:o=4,align:s=`center`,alignOffset:c=0,alignItemWithTrigger:l=!0,...u}){return(0,n.jsx)(a.Select.Portal,{children:(0,n.jsx)(a.Select.Positioner,{side:i,sideOffset:o,align:s,alignOffset:c,alignItemWithTrigger:l,className:`isolate z-50`,children:(0,n.jsxs)(a.Select.Popup,{"data-slot":`select-content`,className:t.cn(`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 min-w-36 rounded-lg shadow-md ring-1 duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto`,e),...u,children:[(0,n.jsx)(m,{}),(0,n.jsx)(a.Select.List,{children:r}),(0,n.jsx)(h,{})]})})})}function d({className:e,...r}){return(0,n.jsx)(a.Select.GroupLabel,{"data-slot":`select-label`,className:t.cn(`text-muted-foreground px-1.5 py-1 text-xs`,e),...r})}function f({className:e,children:r,testId:o,...s}){return(0,n.jsxs)(a.Select.Item,{"data-slot":`select-item`,"data-testid":o,className:t.cn(`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...s,children:[(0,n.jsx)(a.Select.ItemText,{className:`flex flex-1 gap-2 shrink-0 whitespace-nowrap`,children:r}),(0,n.jsx)(a.Select.ItemIndicator,{render:(0,n.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:(0,n.jsx)(i.CheckIcon,{className:`pointer-events-none`})})]})}function p({className:e,...r}){return(0,n.jsx)(a.Select.Separator,{"data-slot":`select-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px pointer-events-none`,e),...r})}function m({className:e,...r}){return(0,n.jsx)(a.Select.ScrollUpArrow,{"data-slot":`select-scroll-up-button`,className:t.cn(`bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full`,e),...r,children:(0,n.jsx)(i.ChevronUpIcon,{})})}function h({className:e,...r}){return(0,n.jsx)(a.Select.ScrollDownArrow,{"data-slot":`select-scroll-down-button`,className:t.cn(`bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full`,e),...r,children:(0,n.jsx)(i.ChevronDownIcon,{})})}function g({ref:e,options:t,placeholder:r,className:i,testId:a,size:s=`default`,icon:d,"aria-label":p,"aria-labelledby":m,value:h,defaultValue:g,onValueChange:_,disabled:v,name:y,required:b,open:x,defaultOpen:S,onOpenChange:C,...w}){return(0,n.jsxs)(o,{value:h===void 0?g===void 0?null:void 0:h,defaultValue:g,onValueChange:_,disabled:v,name:y,required:b,open:x,defaultOpen:S,onOpenChange:C,...w,children:[(0,n.jsxs)(l,{ref:e,className:i,testId:a,size:s,"aria-label":p,"aria-labelledby":m,children:[d,(0,n.jsx)(c,{placeholder:r,children:h==null?void 0:t.find(e=>String(e.value)===String(h))?.label??(typeof h==`string`||typeof h==`number`?String(h):null)})]}),(0,n.jsx)(u,{children:t.map(e=>(0,n.jsx)(f,{value:e.value,disabled:e.disabled,children:e.label},e.value))})]})}g.displayName=`SelectInput`,exports.Select=o,exports.SelectContent=u,exports.SelectGroup=s,exports.SelectInput=g,exports.SelectItem=f,exports.SelectLabel=d,exports.SelectScrollDownButton=h,exports.SelectScrollUpButton=m,exports.SelectSeparator=p,exports.SelectTrigger=l,exports.SelectValue=c;
 //# sourceMappingURL=select.cjs.map