@jbpark/ui-kit 5.4.5 → 5.4.7

package/dist/core/dialog.mjs

@@ -3,8 +3,8 @@ import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
 import { useConfig } from "../providers/config/context.mjs";
 import Button from "../Button.mjs";
-import { XIcon } from "lucide-react";
 import "react";
+import { XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 //#region src/core/dialog.tsx

package/dist/core/label.d.mts

@@ -1,9 +1,9 @@
 import * as React$1 from "react";
-import { Label } from "radix-ui";
+import * as LabelPrimitive from "@radix-ui/react-label";
 declare namespace label_d_exports {
-  export { Label$1 as Label };
+  export { Label };
 }
-declare function Label$1({ className, ...props }: React$1.ComponentProps<typeof Label.Root>): React$1.JSX.Element;
+declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): React$1.JSX.Element;
 //#endregion
-export { Label$1 as Label, label_d_exports };
+export { Label, label_d_exports };
 //# sourceMappingURL=label.d.mts.map

package/dist/core/label.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.mts","names":[],"sources":["../../src/core/label.tsx"],"mappings":";;;;;iBAQS,UACP,cACG,SACF,QAAM,sBAAsB,MAAe,QAAK,QAAA,IAAA"}
+{"version":3,"file":"label.d.mts","names":[],"sources":["../../src/core/label.tsx"],"mappings":";;;;;iBAQS,QACP,cACG,SACF,QAAM,sBAAsB,eAAe,QAAK,QAAA,IAAA"}

package/dist/core/label.mjs

@@ -3,11 +3,11 @@ import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import { Label } from "radix-ui";
+import * as LabelPrimitive from "@radix-ui/react-label";
 //#region src/core/label.tsx
-var label_exports = /* @__PURE__ */ __exportAll({ Label: () => Label$1 });
-function Label$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Label.Root, {
+var label_exports = /* @__PURE__ */ __exportAll({ Label: () => Label });
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
 		"data-slot": "label",
 		className: cn(`flex items-center gap-2 text-sm leading-none font-medium select-none
         group-data-[disabled=true]:pointer-events-none
@@ -17,6 +17,6 @@ function Label$1({ className, ...props }) {
 	});
 }
 //#endregion
-export { Label$1 as Label, label_exports };
+export { Label, label_exports };
 
 //# sourceMappingURL=label.mjs.map

package/dist/core/label.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"label.mjs","names":["Label","LabelPrimitive"],"sources":["../../src/core/label.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\nimport { cn } from '@repo/ui/utils';\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        `flex items-center gap-2 text-sm leading-none font-medium select-none\n        group-data-[disabled=true]:pointer-events-none\n        group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed\n        peer-disabled:opacity-50`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;;;;AAQA,SAASA,QAAM,EACb,WACA,GAAG,SACgD;CACnD,OACE,oBAACC,MAAe,MAAhB;EACE,aAAU;EACV,WAAW,GACT;;;mCAIA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"label.mjs","names":[],"sources":["../../src/core/label.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { cn } from '@repo/ui/utils';\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        `flex items-center gap-2 text-sm leading-none font-medium select-none\n        group-data-[disabled=true]:pointer-events-none\n        group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed\n        peer-disabled:opacity-50`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;;;;AAQA,SAAS,MAAM,EACb,WACA,GAAG,SACgD;CACnD,OACE,oBAAC,eAAe,MAAhB;EACE,aAAU;EACV,WAAW,GACT;;;mCAIA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/core/radio-group.d.mts

@@ -1,12 +1,12 @@
 import * as React$1 from "react";
-import { RadioGroup } from "radix-ui";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 declare namespace radio_group_d_exports {
-  export { RadioGroup$1 as RadioGroup, RadioGroupItem };
+  export { RadioGroup, RadioGroupItem };
 }
-declare function RadioGroup$1({ className, ...props }: React$1.ComponentProps<typeof RadioGroup.Root>): React$1.JSX.Element;
-declare function RadioGroupItem({ className, asChild, children, ...props }: React$1.ComponentProps<typeof RadioGroup.Item> & {
+declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): React$1.JSX.Element;
+declare function RadioGroupItem({ className, asChild, children, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item> & {
   asChild?: boolean;
 }): React$1.JSX.Element;
 //#endregion
-export { RadioGroup$1 as RadioGroup, RadioGroupItem, radio_group_d_exports };
+export { RadioGroup, RadioGroupItem, radio_group_d_exports };
 //# sourceMappingURL=radio-group.d.mts.map

package/dist/core/radio-group.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.mts","names":[],"sources":["../../src/core/radio-group.tsx"],"mappings":";;;;;iBASS,eACP,cACG,SACF,QAAM,sBAAsB,WAAoB,QAAK,QAAA,IAAA;iBAU/C,iBACP,WACA,SACA,aACG,SACF,QAAM,sBAAsB,WAAoB;EACjD;IACD,QAAA,IAAA"}
+{"version":3,"file":"radio-group.d.mts","names":[],"sources":["../../src/core/radio-group.tsx"],"mappings":";;;;;iBASS,aACP,cACG,SACF,QAAM,sBAAsB,oBAAoB,QAAK,QAAA,IAAA;iBAU/C,iBACP,WACA,SACA,aACG,SACF,QAAM,sBAAsB,oBAAoB;EACjD;IACD,QAAA,IAAA"}

package/dist/core/radio-group.mjs

@@ -1,30 +1,30 @@
 "use client";
 import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
-import { CircleIcon } from "lucide-react";
 import "react";
+import { CircleIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
-import { RadioGroup } from "radix-ui";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 //#region src/core/radio-group.tsx
 var radio_group_exports = /* @__PURE__ */ __exportAll({
-	RadioGroup: () => RadioGroup$1,
+	RadioGroup: () => RadioGroup,
 	RadioGroupItem: () => RadioGroupItem
 });
-function RadioGroup$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroup.Root, {
+function RadioGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
 		"data-slot": "radio-group",
 		className: cn("grid gap-3", className),
 		...props
 	});
 }
 function RadioGroupItem({ className, asChild, children, ...props }) {
-	if (asChild) return /* @__PURE__ */ jsx(RadioGroup.Item, {
+	if (asChild) return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
 		asChild: true,
 		"data-slot": "radio-group-item",
 		...props,
 		children
 	});
-	return /* @__PURE__ */ jsx(RadioGroup.Item, {
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
 		"data-slot": "radio-group-item",
 		className: cn(`border-input text-primary focus-visible:border-ring
         focus-visible:ring-ring/50 aria-invalid:ring-destructive/20
@@ -34,7 +34,7 @@ function RadioGroupItem({ className, asChild, children, ...props }) {
         focus-visible:ring-[3px] disabled:cursor-not-allowed
         disabled:opacity-50`, className),
 		...props,
-		children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {
+		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
 			"data-slot": "radio-group-indicator",
 			className: "relative flex items-center justify-center",
 			children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2\n            -translate-x-1/2 -translate-y-1/2" })
@@ -42,6 +42,6 @@ function RadioGroupItem({ className, asChild, children, ...props }) {
 	});
 }
 //#endregion
-export { RadioGroup$1 as RadioGroup, RadioGroupItem, radio_group_exports };
+export { RadioGroup, RadioGroupItem, radio_group_exports };
 
 //# sourceMappingURL=radio-group.mjs.map

package/dist/core/radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.mjs","names":["RadioGroup","RadioGroupPrimitive"],"sources":["../../src/core/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { CircleIcon } from 'lucide-react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { cn } from '@repo/ui/utils';\n\nfunction RadioGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn('grid gap-3', className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  asChild,\n  children,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {\n  asChild?: boolean;\n}) {\n  // `asChild` hands the rendered element to `children` entirely (e.g. a\n  // `Button`), so the default dot indicator doesn't apply — Radix clones\n  // its own role/aria-checked/keyboard handling onto that single child\n  // instead of onto its own `<button>`.\n  if (asChild) {\n    return (\n      <RadioGroupPrimitive.Item asChild data-slot=\"radio-group-item\" {...props}>\n        {children}\n      </RadioGroupPrimitive.Item>\n    );\n  }\n\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        `border-input text-primary focus-visible:border-ring\n        focus-visible:ring-ring/50 aria-invalid:ring-destructive/20\n        dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\n        dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border\n        shadow-xs transition-[color,box-shadow] outline-none\n        focus-visible:ring-[3px] disabled:cursor-not-allowed\n        disabled:opacity-50`,\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"relative flex items-center justify-center\"\n      >\n        <CircleIcon\n          className=\"fill-primary absolute top-1/2 left-1/2 size-2\n            -translate-x-1/2 -translate-y-1/2\"\n        />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;;;;;AASA,SAASA,aAAW,EAClB,WACA,GAAG,SACqD;CACxD,OACE,oBAACC,WAAoB,MAArB;EACE,aAAU;EACV,WAAW,GAAG,cAAc,SAAS;EACrC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EACtB,WACA,SACA,UACA,GAAG,SAGF;CAKD,IAAI,SACF,OACE,oBAACA,WAAoB,MAArB;EAA0B,SAAA;EAAQ,aAAU;EAAmB,GAAI;EAChE;CACuB,CAAA;CAI9B,OACE,oBAACA,WAAoB,MAArB;EACE,aAAU;EACV,WAAW,GACT;;;;;;8BAOA,SACF;EACA,GAAI;EAEJ,UAAA,oBAACA,WAAoB,WAArB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,YAAD,EACE,WAAU,+FAEX,CAAA;EAC4B,CAAA;CACP,CAAA;AAE9B"}
+{"version":3,"file":"radio-group.mjs","names":[],"sources":["../../src/core/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\nfunction RadioGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn('grid gap-3', className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  asChild,\n  children,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {\n  asChild?: boolean;\n}) {\n  // `asChild` hands the rendered element to `children` entirely (e.g. a\n  // `Button`), so the default dot indicator doesn't apply — Radix clones\n  // its own role/aria-checked/keyboard handling onto that single child\n  // instead of onto its own `<button>`.\n  if (asChild) {\n    return (\n      <RadioGroupPrimitive.Item asChild data-slot=\"radio-group-item\" {...props}>\n        {children}\n      </RadioGroupPrimitive.Item>\n    );\n  }\n\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        `border-input text-primary focus-visible:border-ring\n        focus-visible:ring-ring/50 aria-invalid:ring-destructive/20\n        dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\n        dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border\n        shadow-xs transition-[color,box-shadow] outline-none\n        focus-visible:ring-[3px] disabled:cursor-not-allowed\n        disabled:opacity-50`,\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"relative flex items-center justify-center\"\n      >\n        <CircleIcon\n          className=\"fill-primary absolute top-1/2 left-1/2 size-2\n            -translate-x-1/2 -translate-y-1/2\"\n        />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;;;;;AASA,SAAS,WAAW,EAClB,WACA,GAAG,SACqD;CACxD,OACE,oBAAC,oBAAoB,MAArB;EACE,aAAU;EACV,WAAW,GAAG,cAAc,SAAS;EACrC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EACtB,WACA,SACA,UACA,GAAG,SAGF;CAKD,IAAI,SACF,OACE,oBAAC,oBAAoB,MAArB;EAA0B,SAAA;EAAQ,aAAU;EAAmB,GAAI;EAChE;CACuB,CAAA;CAI9B,OACE,oBAAC,oBAAoB,MAArB;EACE,aAAU;EACV,WAAW,GACT;;;;;;8BAOA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,oBAAoB,WAArB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,YAAD,EACE,WAAU,+FAEX,CAAA;EAC4B,CAAA;CACP,CAAA;AAE9B"}

package/dist/core/select.d.mts

@@ -1,22 +1,22 @@
 import * as React$1 from "react";
-import { Select } from "radix-ui";
+import * as SelectPrimitive from "@radix-ui/react-select";
 declare namespace select_d_exports {
-  export { Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
 }
-declare function Select$1({ ...props }: React$1.ComponentProps<typeof Select.Root>): React$1.JSX.Element;
-declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof Select.Group>): React$1.JSX.Element;
-declare function SelectValue({ ...props }: React$1.ComponentProps<typeof Select.Value>): React$1.JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof Select.Trigger> & {
+declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): React$1.JSX.Element;
+declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): React$1.JSX.Element;
+declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): React$1.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & {
   size?: 'sm' | 'default';
 }): React$1.JSX.Element;
-declare function SelectContent({ className, children, position, align, container, ...props }: React$1.ComponentProps<typeof Select.Content> & {
+declare function SelectContent({ className, children, position, align, container, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content> & {
   container?: HTMLElement;
 }): React$1.JSX.Element;
-declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof Select.Label>): React$1.JSX.Element;
-declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof Select.Item>): React$1.JSX.Element;
-declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof Select.Separator>): React$1.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select.ScrollUpButton>): React$1.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select.ScrollDownButton>): React$1.JSX.Element;
+declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): React$1.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): React$1.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): React$1.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React$1.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React$1.JSX.Element;
 //#endregion
-export { Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, select_d_exports };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, select_d_exports };
 //# sourceMappingURL=select.d.mts.map

package/dist/core/select.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.mts","names":[],"sources":["../../src/core/select.tsx"],"mappings":";;;;;iBAUS,cACJ,SACF,QAAM,sBAAsB,OAAgB,QAAK,QAAA,IAAA;iBAI3C,iBACJ,SACF,QAAM,sBAAsB,OAAgB,SAAM,QAAA,IAAA;iBAI5C,iBACJ,SACF,QAAM,sBAAsB,OAAgB,SAAM,QAAA,IAAA;iBAI5C,gBACP,WACA,MACA,aACG,SACF,QAAM,sBAAsB,OAAgB;EAC7C;IACD,QAAA,IAAA;iBA+BQ,gBACP,WACA,UACA,UACA,OACA,cACG,SACF,QAAM,sBAAsB,OAAgB;EAC7C,YAAY;IACb,QAAA,IAAA;iBA4CQ,cACP,cACG,SACF,QAAM,sBAAsB,OAAgB,SAAM,QAAA,IAAA;iBAU5C,aACP,WACA,aACG,SACF,QAAM,sBAAsB,OAAgB,QAAK,QAAA,IAAA;iBA6B3C,kBACP,cACG,SACF,QAAM,sBAAsB,OAAgB,aAAU,QAAA,IAAA;iBAUhD,uBACP,cACG,SACF,QAAM,sBAAsB,OAAgB,kBAAe,QAAA,IAAA;iBAerD,yBACP,cACG,SACF,QAAM,sBAAsB,OAAgB,oBAAiB,QAAA,IAAA"}
+{"version":3,"file":"select.d.mts","names":[],"sources":["../../src/core/select.tsx"],"mappings":";;;;;iBAUS,YACJ,SACF,QAAM,sBAAsB,gBAAgB,QAAK,QAAA,IAAA;iBAI3C,iBACJ,SACF,QAAM,sBAAsB,gBAAgB,SAAM,QAAA,IAAA;iBAI5C,iBACJ,SACF,QAAM,sBAAsB,gBAAgB,SAAM,QAAA,IAAA;iBAI5C,gBACP,WACA,MACA,aACG,SACF,QAAM,sBAAsB,gBAAgB;EAC7C;IACD,QAAA,IAAA;iBA+BQ,gBACP,WACA,UACA,UACA,OACA,cACG,SACF,QAAM,sBAAsB,gBAAgB;EAC7C,YAAY;IACb,QAAA,IAAA;iBA4CQ,cACP,cACG,SACF,QAAM,sBAAsB,gBAAgB,SAAM,QAAA,IAAA;iBAU5C,aACP,WACA,aACG,SACF,QAAM,sBAAsB,gBAAgB,QAAK,QAAA,IAAA;iBA6B3C,kBACP,cACG,SACF,QAAM,sBAAsB,gBAAgB,aAAU,QAAA,IAAA;iBAUhD,uBACP,cACG,SACF,QAAM,sBAAsB,gBAAgB,kBAAe,QAAA,IAAA;iBAerD,yBACP,cACG,SACF,QAAM,sBAAsB,gBAAgB,oBAAiB,QAAA,IAAA"}

package/dist/core/select.mjs

@@ -2,13 +2,13 @@
 import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
 import { useConfig } from "../providers/config/context.mjs";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import "react";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Select } from "radix-ui";
+import * as SelectPrimitive from "@radix-ui/react-select";
 //#region src/core/select.tsx
 var select_exports = /* @__PURE__ */ __exportAll({
-	Select: () => Select$1,
+	Select: () => Select,
 	SelectContent: () => SelectContent,
 	SelectGroup: () => SelectGroup,
 	SelectItem: () => SelectItem,
@@ -19,26 +19,26 @@ var select_exports = /* @__PURE__ */ __exportAll({
 	SelectTrigger: () => SelectTrigger,
 	SelectValue: () => SelectValue
 });
-function Select$1({ ...props }) {
-	return /* @__PURE__ */ jsx(Select.Root, {
+function Select({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
 		"data-slot": "select",
 		...props
 	});
 }
 function SelectGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(Select.Group, {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
 		"data-slot": "select-group",
 		...props
 	});
 }
 function SelectValue({ ...props }) {
-	return /* @__PURE__ */ jsx(Select.Value, {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
 		"data-slot": "select-value",
 		...props
 	});
 }
 function SelectTrigger({ className, size = "default", children, ...props }) {
-	return /* @__PURE__ */ jsxs(Select.Trigger, {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": size,
 		className: cn(`border-input data-[placeholder]:text-muted-foreground
@@ -55,7 +55,7 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
         *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none
         [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, className),
 		...props,
-		children: [children, /* @__PURE__ */ jsx(Select.Icon, {
+		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
 			asChild: true,
 			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
 		})]
@@ -63,9 +63,9 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
 }
 function SelectContent({ className, children, position = "item-aligned", align = "center", container, ...props }) {
 	const { getContainer } = useConfig();
-	return /* @__PURE__ */ jsx(Select.Portal, {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, {
 		container: container ?? getContainer(),
-		children: /* @__PURE__ */ jsxs(Select.Content, {
+		children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
 			"data-slot": "select-content",
 			className: cn(`bg-popover text-popover-foreground data-[state=open]:animate-in
           data-[state=closed]:animate-out data-[state=closed]:fade-out-0
@@ -83,7 +83,7 @@ function SelectContent({ className, children, position = "item-aligned", align =
 			...props,
 			children: [
 				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-				/* @__PURE__ */ jsx(Select.Viewport, {
+				/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
 					className: cn("p-1", position === "popper" && `h-[var(--radix-select-trigger-height)] w-full
               min-w-[var(--radix-select-trigger-width)] scroll-my-1`),
 					children
@@ -94,14 +94,14 @@ function SelectContent({ className, children, position = "item-aligned", align =
 	});
 }
 function SelectLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.Label, {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
 		"data-slot": "select-label",
 		className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
 		...props
 	});
 }
 function SelectItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Select.Item, {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
 		"data-slot": "select-item",
 		className: cn(`focus:bg-accent focus:text-accent-foreground
         [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full
@@ -114,19 +114,19 @@ function SelectItem({ className, children, ...props }) {
 		children: [/* @__PURE__ */ jsx("span", {
 			"data-slot": "select-item-indicator",
 			className: "absolute right-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(Select.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-		}), /* @__PURE__ */ jsx(Select.ItemText, { children })]
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
 	});
 }
 function SelectSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.Separator, {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
 		"data-slot": "select-separator",
 		className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
 		...props
 	});
 }
 function SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.ScrollUpButton, {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
 		"data-slot": "select-scroll-up-button",
 		className: cn("flex cursor-default items-center justify-center py-1", className),
 		...props,
@@ -134,7 +134,7 @@ function SelectScrollUpButton({ className, ...props }) {
 	});
 }
 function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.ScrollDownButton, {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
 		"data-slot": "select-scroll-down-button",
 		className: cn("flex cursor-default items-center justify-center py-1", className),
 		...props,
@@ -142,6 +142,6 @@ function SelectScrollDownButton({ className, ...props }) {
 	});
 }
 //#endregion
-export { Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, select_exports };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, select_exports };
 
 //# sourceMappingURL=select.mjs.map

package/dist/core/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","names":["Select","SelectPrimitive"],"sources":["../../src/core/select.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\nimport { Select as SelectPrimitive } from 'radix-ui';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        `border-input data-[placeholder]:text-muted-foreground\n        [&_svg:not([class*='text-'])]:text-muted-foreground\n        focus-visible:border-ring focus-visible:ring-ring/50\n        aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40\n        aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50\n        flex w-fit items-center justify-between gap-2 rounded-md border\n        bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs\n        transition-[color,box-shadow] outline-none focus-visible:ring-[3px]\n        disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9\n        data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1\n        *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center\n        *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none\n        [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'item-aligned',\n  align = 'center',\n  container,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content> & {\n  container?: HTMLElement;\n}) {\n  const { getContainer } = useConfig();\n\n  return (\n    <SelectPrimitive.Portal container={container ?? getContainer()}>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          `bg-popover text-popover-foreground data-[state=open]:animate-in\n          data-[state=closed]:animate-out data-[state=closed]:fade-out-0\n          data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95\n          data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2\n          data-[side=left]:slide-in-from-right-2\n          data-[side=right]:slide-in-from-left-2\n          data-[side=top]:slide-in-from-bottom-2 relative z-50\n          max-h-(--radix-select-content-available-height) min-w-[8rem]\n          origin-(--radix-select-content-transform-origin) overflow-x-hidden\n          overflow-y-auto rounded-md border shadow-md`,\n          position === 'popper' &&\n            `data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1\n            data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,\n          className,\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              `h-[var(--radix-select-trigger-height)] w-full\n              min-w-[var(--radix-select-trigger-width)] scroll-my-1`,\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        `focus:bg-accent focus:text-accent-foreground\n        [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full\n        cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm\n        outline-hidden select-none data-[disabled]:pointer-events-none\n        data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\n        [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex\n        *:[span]:last:items-center *:[span]:last:gap-2`,\n        className,\n      )}\n      {...props}\n    >\n      <span\n        data-slot=\"select-item-indicator\"\n        className=\"absolute right-2 flex size-3.5 items-center justify-center\"\n      >\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,SAASA,SAAO,EACd,GAAG,SACiD;CACpD,OAAO,oBAACC,OAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,YAAY,EACnB,GAAG,SACkD;CACrD,OAAO,oBAACA,OAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,YAAY,EACnB,GAAG,SACkD;CACrD,OAAO,oBAACA,OAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,cAAc,EACrB,WACA,OAAO,WACP,UACA,GAAG,SAGF;CACD,OACE,qBAACA,OAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,GACT;;;;;;;;;;;;gEAaA,SACF;EACA,GAAI;EAnBN,UAAA,CAqBG,UACD,oBAACA,OAAgB,MAAjB;GAAsB,SAAA;GACpB,UAAA,oBAAC,iBAAD,EAAiB,WAAU,oBAAqB,CAAA;EAC5B,CAAA,CACC;;AAE7B;AAEA,SAAS,cAAc,EACrB,WACA,UACA,WAAW,gBACX,QAAQ,UACR,WACA,GAAG,SAGF;CACD,MAAM,EAAE,iBAAiB,UAAU;CAEnC,OACE,oBAACA,OAAgB,QAAjB;EAAwB,WAAW,aAAa,aAAa;EAC3D,UAAA,qBAACA,OAAgB,SAAjB;GACE,aAAU;GACV,WAAW,GACT;;;;;;;;;wDAUA,aAAa,YACX;6EAEF,SACF;GACU;GACH;GACP,GAAI;GApBN,UAAA;IAsBE,oBAAC,sBAAD,CAAuB,CAAA;IACvB,oBAACA,OAAgB,UAAjB;KACE,WAAW,GACT,OACA,aAAa,YACX;oEAEJ;KAEC;IACuB,CAAA;IAC1B,oBAAC,wBAAD,CAAyB,CAAA;GACF;;CACH,CAAA;AAE5B;AAEA,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;CACrD,OACE,oBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACiD;CACpD,OACE,qBAACA,OAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GACT;;;;;;yDAOA,SACF;EACA,GAAI;EAZN,UAAA,CAcE,oBAAC,QAAD;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAACA,OAAgB,eAAjB,EAAA,UACE,oBAAC,WAAD,EAAW,WAAU,SAAU,CAAA,EACF,CAAA;EAC3B,CAAA,GACN,oBAACA,OAAgB,UAAjB,EAA2B,SAAmC,CAAA,CAC1C;;AAE1B;AAEA,SAAS,gBAAgB,EACvB,WACA,GAAG,SACsD;CACzD,OACE,oBAACA,OAAgB,WAAjB;EACE,aAAU;EACV,WAAW,GAAG,iDAAiD,SAAS;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC2D;CAC9D,OACE,oBAACA,OAAgB,gBAAjB;EACE,aAAU;EACV,WAAW,GACT,wDACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,eAAD,EAAe,WAAU,SAAU,CAAA;CACL,CAAA;AAEpC;AAEA,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;CAChE,OACE,oBAACA,OAAgB,kBAAjB;EACE,aAAU;EACV,WAAW,GACT,wDACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,iBAAD,EAAiB,WAAU,SAAU,CAAA;CACL,CAAA;AAEtC"}
+{"version":3,"file":"select.mjs","names":[],"sources":["../../src/core/select.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        `border-input data-[placeholder]:text-muted-foreground\n        [&_svg:not([class*='text-'])]:text-muted-foreground\n        focus-visible:border-ring focus-visible:ring-ring/50\n        aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40\n        aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50\n        flex w-fit items-center justify-between gap-2 rounded-md border\n        bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs\n        transition-[color,box-shadow] outline-none focus-visible:ring-[3px]\n        disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9\n        data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1\n        *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center\n        *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none\n        [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'item-aligned',\n  align = 'center',\n  container,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content> & {\n  container?: HTMLElement;\n}) {\n  const { getContainer } = useConfig();\n\n  return (\n    <SelectPrimitive.Portal container={container ?? getContainer()}>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          `bg-popover text-popover-foreground data-[state=open]:animate-in\n          data-[state=closed]:animate-out data-[state=closed]:fade-out-0\n          data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95\n          data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2\n          data-[side=left]:slide-in-from-right-2\n          data-[side=right]:slide-in-from-left-2\n          data-[side=top]:slide-in-from-bottom-2 relative z-50\n          max-h-(--radix-select-content-available-height) min-w-[8rem]\n          origin-(--radix-select-content-transform-origin) overflow-x-hidden\n          overflow-y-auto rounded-md border shadow-md`,\n          position === 'popper' &&\n            `data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1\n            data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,\n          className,\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              `h-[var(--radix-select-trigger-height)] w-full\n              min-w-[var(--radix-select-trigger-width)] scroll-my-1`,\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        `focus:bg-accent focus:text-accent-foreground\n        [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full\n        cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm\n        outline-hidden select-none data-[disabled]:pointer-events-none\n        data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\n        [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex\n        *:[span]:last:items-center *:[span]:last:gap-2`,\n        className,\n      )}\n      {...props}\n    >\n      <span\n        data-slot=\"select-item-indicator\"\n        className=\"absolute right-2 flex size-3.5 items-center justify-center\"\n      >\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,SAAS,OAAO,EACd,GAAG,SACiD;CACpD,OAAO,oBAAC,gBAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,YAAY,EACnB,GAAG,SACkD;CACrD,OAAO,oBAAC,gBAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,YAAY,EACnB,GAAG,SACkD;CACrD,OAAO,oBAAC,gBAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,cAAc,EACrB,WACA,OAAO,WACP,UACA,GAAG,SAGF;CACD,OACE,qBAAC,gBAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,GACT;;;;;;;;;;;;gEAaA,SACF;EACA,GAAI;EAnBN,UAAA,CAqBG,UACD,oBAAC,gBAAgB,MAAjB;GAAsB,SAAA;GACpB,UAAA,oBAAC,iBAAD,EAAiB,WAAU,oBAAqB,CAAA;EAC5B,CAAA,CACC;;AAE7B;AAEA,SAAS,cAAc,EACrB,WACA,UACA,WAAW,gBACX,QAAQ,UACR,WACA,GAAG,SAGF;CACD,MAAM,EAAE,iBAAiB,UAAU;CAEnC,OACE,oBAAC,gBAAgB,QAAjB;EAAwB,WAAW,aAAa,aAAa;EAC3D,UAAA,qBAAC,gBAAgB,SAAjB;GACE,aAAU;GACV,WAAW,GACT;;;;;;;;;wDAUA,aAAa,YACX;6EAEF,SACF;GACU;GACH;GACP,GAAI;GApBN,UAAA;IAsBE,oBAAC,sBAAD,CAAuB,CAAA;IACvB,oBAAC,gBAAgB,UAAjB;KACE,WAAW,GACT,OACA,aAAa,YACX;oEAEJ;KAEC;IACuB,CAAA;IAC1B,oBAAC,wBAAD,CAAyB,CAAA;GACF;;CACH,CAAA;AAE5B;AAEA,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;CACrD,OACE,oBAAC,gBAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACiD;CACpD,OACE,qBAAC,gBAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GACT;;;;;;yDAOA,SACF;EACA,GAAI;EAZN,UAAA,CAcE,oBAAC,QAAD;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,gBAAgB,eAAjB,EAAA,UACE,oBAAC,WAAD,EAAW,WAAU,SAAU,CAAA,EACF,CAAA;EAC3B,CAAA,GACN,oBAAC,gBAAgB,UAAjB,EAA2B,SAAmC,CAAA,CAC1C;;AAE1B;AAEA,SAAS,gBAAgB,EACvB,WACA,GAAG,SACsD;CACzD,OACE,oBAAC,gBAAgB,WAAjB;EACE,aAAU;EACV,WAAW,GAAG,iDAAiD,SAAS;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC2D;CAC9D,OACE,oBAAC,gBAAgB,gBAAjB;EACE,aAAU;EACV,WAAW,GACT,wDACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,eAAD,EAAe,WAAU,SAAU,CAAA;CACL,CAAA;AAEpC;AAEA,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;CAChE,OACE,oBAAC,gBAAgB,kBAAjB;EACE,aAAU;EACV,WAAW,GACT,wDACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,iBAAD,EAAiB,WAAU,SAAU,CAAA;CACL,CAAA;AAEtC"}

package/dist/core/separator.d.mts

@@ -1,9 +1,9 @@
 import * as React$1 from "react";
-import { Separator } from "radix-ui";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
 declare namespace separator_d_exports {
-  export { Separator$1 as Separator };
+  export { Separator };
 }
-declare function Separator$1({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof Separator.Root>): React$1.JSX.Element;
+declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): React$1.JSX.Element;
 //#endregion
-export { Separator$1 as Separator, separator_d_exports };
+export { Separator, separator_d_exports };
 //# sourceMappingURL=separator.d.mts.map

package/dist/core/separator.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"separator.d.mts","names":[],"sources":["../../src/core/separator.tsx"],"mappings":";;;;;iBAQS,cACP,WACA,aACA,eACG,SACF,QAAM,sBAAsB,UAAmB,QAAK,QAAA,IAAA"}
+{"version":3,"file":"separator.d.mts","names":[],"sources":["../../src/core/separator.tsx"],"mappings":";;;;;iBAQS,YACP,WACA,aACA,eACG,SACF,QAAM,sBAAsB,mBAAmB,QAAK,QAAA,IAAA"}

package/dist/core/separator.mjs

@@ -3,11 +3,11 @@ import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import { Separator } from "radix-ui";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
 //#region src/core/separator.tsx
-var separator_exports = /* @__PURE__ */ __exportAll({ Separator: () => Separator$1 });
-function Separator$1({ className, orientation = "horizontal", decorative = true, ...props }) {
-	return /* @__PURE__ */ jsx(Separator.Root, {
+var separator_exports = /* @__PURE__ */ __exportAll({ Separator: () => Separator });
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
+	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
 		"data-slot": "separator",
 		decorative,
 		orientation,
@@ -18,6 +18,6 @@ function Separator$1({ className, orientation = "horizontal", decorative = true,
 	});
 }
 //#endregion
-export { Separator$1 as Separator, separator_exports };
+export { Separator, separator_exports };
 
 //# sourceMappingURL=separator.mjs.map

package/dist/core/separator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"separator.mjs","names":["Separator","SeparatorPrimitive"],"sources":["../../src/core/separator.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\nimport { cn } from '@repo/ui/utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        `bg-border shrink-0 data-[orientation=horizontal]:h-px\n        data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full\n        data-[orientation=vertical]:w-px`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;;;;AAQA,SAASA,YAAU,EACjB,WACA,cAAc,cACd,aAAa,MACb,GAAG,SACoD;CACvD,OACE,oBAACC,UAAmB,MAApB;EACE,aAAU;EACE;EACC;EACb,WAAW,GACT;;2CAGA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"separator.mjs","names":[],"sources":["../../src/core/separator.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\n\nimport { cn } from '@repo/ui/utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        `bg-border shrink-0 data-[orientation=horizontal]:h-px\n        data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full\n        data-[orientation=vertical]:w-px`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;;;;AAQA,SAAS,UAAU,EACjB,WACA,cAAc,cACd,aAAa,MACb,GAAG,SACoD;CACvD,OACE,oBAAC,mBAAmB,MAApB;EACE,aAAU;EACE;EACC;EACb,WAAW,GACT;;2CAGA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/lib/chassis.mjs

@@ -0,0 +1,23 @@
+import { cn } from "../utils.mjs";
+//#region src/lib/chassis.ts
+/**
+* Shared a11y/state chassis for interactive single-element atoms (Button, Tag).
+*
+* Extracted from `core/button` and `core/badge`'s cva base strings during the
+* #278 step ③ absorb (see #294 Phase 4). When an atom stops wrapping its core
+* primitive it must carry this chassis itself — the focus ring, the
+* `aria-invalid` treatment and the flex centering are load-bearing and have no
+* type- or lint-level signal, so dropping them regresses silently (the #177
+* class of bug the regression net in #300/#301 guards).
+*
+* Common set only. A Tag is not disableable, does not size icons and (as a
+* non-focusable `span`) carries no `outline-none`, so those live on the Button
+* extension in `atoms/button`, NOT here — folding them into one shared constant
+* would push `disabled:*` onto Tag, which is semantically wrong (#301's
+* per-component chassis finding).
+*/
+const INTERACTIVE_CHASSIS = cn("inline-flex items-center justify-center shrink-0", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive");
+//#endregion
+export { INTERACTIVE_CHASSIS };
+
+//# sourceMappingURL=chassis.mjs.map

package/dist/lib/chassis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chassis.mjs","names":[],"sources":["../../src/lib/chassis.ts"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\n/**\n * Shared a11y/state chassis for interactive single-element atoms (Button, Tag).\n *\n * Extracted from `core/button` and `core/badge`'s cva base strings during the\n * #278 step ③ absorb (see #294 Phase 4). When an atom stops wrapping its core\n * primitive it must carry this chassis itself — the focus ring, the\n * `aria-invalid` treatment and the flex centering are load-bearing and have no\n * type- or lint-level signal, so dropping them regresses silently (the #177\n * class of bug the regression net in #300/#301 guards).\n *\n * Common set only. A Tag is not disableable, does not size icons and (as a\n * non-focusable `span`) carries no `outline-none`, so those live on the Button\n * extension in `atoms/button`, NOT here — folding them into one shared constant\n * would push `disabled:*` onto Tag, which is semantically wrong (#301's\n * per-component chassis finding).\n */\nexport const INTERACTIVE_CHASSIS = cn(\n  'inline-flex items-center justify-center shrink-0',\n  'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n  'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,sBAAsB,GACjC,oDACA,iFACA,wGACF"}

package/dist/providers/config/config.mjs

@@ -3,8 +3,8 @@ import { cn } from "../../utils.mjs";
 import { Context, DEFAULT_LOCALE, useConfig } from "./context.mjs";
 import { registerRootConfig } from "./registry.mjs";
 import { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from "react";
-import { jsx } from "react/jsx-runtime";
 import { DirectionProvider } from "@radix-ui/react-direction";
+import { jsx } from "react/jsx-runtime";
 //#region src/providers/config/config.tsx
 const DARK_MEDIA_QUERY = "(prefers-color-scheme: dark)";
 const subscribeToSystemColorScheme = (callback) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/ui-kit",
-  "version": "5.4.5",
+  "version": "5.4.7",
   "description": "Modern React UI component library built with TypeScript, Tailwind CSS, and Radix UI. Featuring atoms, molecules, organisms and layout templates for building beautiful interfaces.",
   "keywords": [
     "react",
@@ -108,6 +108,10 @@
     "build": "tsdown",
     "lint": "eslint .",
     "check-dynamic-classes": "node scripts/check-dynamic-tailwind-classes.mjs",
+    "check-api-surface": "node scripts/check-api-surface.mjs",
+    "check-preflight-reset": "node scripts/check-preflight-reset.mjs",
+    "check-ssr-smoke": "node --import ./scripts/loaders/css-stub.mjs scripts/check-ssr-smoke.mjs",
+    "check-regression-net": "pnpm run check-api-surface && pnpm run check-preflight-reset && pnpm run check-ssr-smoke",
     "generate:component": "turbo gen react-component",
     "check-types": "tsc -b",
     "prepublishOnly": "node scripts/prepare-publish.mjs",
@@ -122,7 +126,9 @@
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.4",
     "eslint": "^9.39.5",
+    "postcss": "^8.5.26",
     "rollup-plugin-postcss": "^4.0.2",
+    "tailwindcss": "^4.3.3",
     "tsdown": "^0.22.14",
     "typescript": "6.0.3"
   },
@@ -136,6 +142,9 @@
     "@radix-ui/react-label": "^2.1.15",
     "@radix-ui/react-popover": "^1.1.23",
     "@radix-ui/react-progress": "^1.1.16",
+    "@radix-ui/react-radio-group": "^1.4.7",
+    "@radix-ui/react-select": "^2.3.7",
+    "@radix-ui/react-separator": "^1.1.15",
     "@radix-ui/react-slot": "^1.3.3",
     "@radix-ui/react-switch": "^1.3.7",
     "class-variance-authority": "^0.7.1",
@@ -144,15 +153,11 @@
     "gsap": "^3.15.0",
     "lucide-react": "^1.31.0",
     "motion": "^13.1.0",
-    "postcss": "^8.5.26",
-    "radix-ui": "^1.6.7",
     "react-colorful": "^5.8.0",
     "react-day-picker": "^10.0.1",
     "react-resizable-panels": "^4.12.2",
     "swiper": "^14.1.0",
     "tailwind-merge": "^3.6.0",
-    "tailwindcss": "^4.3.3",
-    "uuid": "^14.0.1",
     "vaul": "^1.1.2"
   },
   "peerDependencies": {