@jbpark/ui-kit 9.1.1 → 10.0.0

package/dist/core/popover.mjs

@@ -4,55 +4,60 @@ import { cn } from "../utils.mjs";
 import { useConfig } from "../providers/config/context.mjs";
 import { OVERLAY_LAYER } from "../lib/z-layers.mjs";
 import "react";
-import { jsx } from "react/jsx-runtime";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
 //#region src/core/popover.tsx
 var popover_exports = /* @__PURE__ */ __exportAll({
-	Popover: () => Popover,
-	PopoverAnchor: () => PopoverAnchor,
+	Popover: () => Popover$1,
+	PopoverArrow: () => PopoverArrow,
 	PopoverContent: () => PopoverContent,
 	PopoverDescription: () => PopoverDescription,
 	PopoverHeader: () => PopoverHeader,
 	PopoverTitle: () => PopoverTitle,
 	PopoverTrigger: () => PopoverTrigger
 });
-function Popover({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
-		"data-slot": "popover",
-		...props
-	});
-}
-function PopoverTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
-		"data-slot": "popover-trigger",
-		...props
-	});
-}
-function PopoverContent({ className, align = "center", sideOffset = 4, container, ...props }) {
+const Popover$1 = Popover.Root;
+const PopoverTrigger = Popover.Trigger;
+function PopoverContent({ className, align = "center", side = "bottom", sideOffset = 4, container, ...props }) {
 	const { getContainer } = useConfig();
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
+	return /* @__PURE__ */ jsx(Popover.Portal, {
 		container: container ?? getContainer(),
-		children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
-			"data-slot": "popover-content",
+		children: /* @__PURE__ */ jsx(Popover.Positioner, {
+			side,
 			align,
 			sideOffset,
-			className: cn(`bg-popover text-popover-foreground data-[state=open]:animate-in
-          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-          data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
-          data-[state=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 w-72
-          origin-(--radix-popover-content-transform-origin) rounded-md border
-          p-4 shadow-md outline-hidden`, OVERLAY_LAYER, className),
-			...props
+			arrowPadding: 16,
+			className: OVERLAY_LAYER,
+			children: /* @__PURE__ */ jsx(Popover.Popup, {
+				"data-slot": "popover-content",
+				className: cn(`bg-popover text-popover-foreground w-72 origin-(--transform-origin)
+            rounded-md border p-4 shadow-md outline-hidden
+            transition-[opacity,transform] duration-150
+            data-ending-style:scale-95 data-ending-style:opacity-0
+            data-starting-style:scale-95 data-starting-style:opacity-0`, className),
+				...props
+			})
 		})
 	});
 }
-function PopoverAnchor({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
-		"data-slot": "popover-anchor",
-		...props
+function PopoverArrow() {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		"data-slot": "popover-arrow",
+		className: "data-[side=bottom]:-top-2 data-[side=left]:-right-[13px]\n        data-[side=left]:rotate-90 data-[side=right]:-left-[13px]\n        data-[side=right]:-rotate-90 data-[side=top]:-bottom-2\n        data-[side=top]:rotate-180",
+		children: /* @__PURE__ */ jsxs("svg", {
+			className: "block",
+			width: "18",
+			height: "9",
+			viewBox: "0 0 18 9",
+			fill: "none",
+			children: [/* @__PURE__ */ jsx("path", {
+				d: "M0 9 9 0 18 9",
+				className: "fill-border"
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M1 9 9 1 17 9",
+				className: "fill-popover"
+			})]
+		})
 	});
 }
 function PopoverHeader({ className, ...props }) {
@@ -63,20 +68,20 @@ function PopoverHeader({ className, ...props }) {
 	});
 }
 function PopoverTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsx(Popover.Title, {
 		"data-slot": "popover-title",
 		className: cn("font-medium", className),
 		...props
 	});
 }
 function PopoverDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("p", {
+	return /* @__PURE__ */ jsx(Popover.Description, {
 		"data-slot": "popover-description",
 		className: cn("text-muted-foreground", className),
 		...props
 	});
 }
 //#endregion
-export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, popover_exports };
+export { Popover$1 as Popover, PopoverArrow, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, popover_exports };
 
 //# sourceMappingURL=popover.mjs.map

package/dist/core/popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.mjs","names":[],"sources":["../../src/core/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { OVERLAY_LAYER } from '../lib/z-layers';\n\n/*\n * Vendored from shadcn's `new-york-v4` popover registry entry.\n *\n * Local patches — re-apply these after any `shadcn add popover`:\n * 1. Imports: `PopoverPrimitive` from `@radix-ui/react-popover` (upstream uses\n *    the unified `radix-ui` package, which this repo doesn't install), `cn`\n *    from `@repo/ui/utils`.\n * 2. `OVERLAY_LAYER` (src/lib/z-layers.ts) replaces upstream's `z-50` on\n *    `PopoverContent`. Why: this package is published and can't assume it owns\n *    the app's z-index scale — see #359.\n * 3. `PopoverContent` takes a `container` prop, defaulted to\n *    `useConfig().getContainer()`, and passes it to `PopoverPrimitive.Portal`\n *    (upstream renders the portal with no `container`). Why: portalled content\n *    must stay inside the themed wrapper, or dark mode and the CSS custom\n *    properties don't reach it.\n *\n * The rest of what `shadcn add popover --diff` reports is Tailwind class\n * ordering and prettier line-wrapping from this repo's formatter, not a patch.\n */\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  container,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content> & {\n  container?: HTMLElement;\n}) {\n  const { getContainer } = useConfig();\n\n  return (\n    <PopoverPrimitive.Portal container={container ?? getContainer()}>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\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 w-72\n          origin-(--radix-popover-content-transform-origin) rounded-md border\n          p-4 shadow-md outline-hidden`,\n          OVERLAY_LAYER,\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn('flex flex-col gap-1 text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTitle({ className, ...props }: React.ComponentProps<'h2'>) {\n  return (\n    <div\n      data-slot=\"popover-title\"\n      className={cn('font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"popover-description\"\n      className={cn('text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverDescription,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AA8BA,SAAS,QAAQ,EACf,GAAG,SACkD;CACrD,OAAO,oBAAC,iBAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,eAAe,EACtB,GAAG,SACqD;CACxD,OAAO,oBAAC,iBAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,aAAa,GACb,WACA,GAAG,SAGF;CACD,MAAM,EAAE,iBAAiB,UAAU;CAEnC,OACE,oBAAC,iBAAiB,QAAlB;EAAyB,WAAW,aAAa,aAAa;EAC5D,UAAA,oBAAC,iBAAiB,SAAlB;GACE,aAAU;GACH;GACK;GACZ,WAAW,GACT;;;;;;;;yCASA,eACA,SACF;GACA,GAAI;EACL,CAAA;CACsB,CAAA;AAE7B;AAEA,SAAS,cAAc,EACrB,GAAG,SACoD;CACvD,OAAO,oBAAC,iBAAiB,QAAlB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAqC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyB;CAC5B,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,SAAS;EAChD,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"popover.mjs","names":["Popover","PopoverPrimitive"],"sources":["../../src/core/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { OVERLAY_LAYER } from '../lib/z-layers';\n\n// Base UI primitives with repo-owned styling; no longer vendored from shadcn.\nconst Popover = PopoverPrimitive.Root;\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  side = 'bottom',\n  sideOffset = 4,\n  container,\n  ...props\n}: Omit<React.ComponentProps<typeof PopoverPrimitive.Popup>, 'className'> & {\n  className?: string;\n  align?: PopoverPrimitive.Positioner.Props['align'];\n  side?: PopoverPrimitive.Positioner.Props['side'];\n  sideOffset?: number;\n  container?: HTMLElement;\n}) {\n  const { getContainer } = useConfig();\n\n  return (\n    <PopoverPrimitive.Portal container={container ?? getContainer()}>\n      <PopoverPrimitive.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        arrowPadding={16}\n        className={OVERLAY_LAYER}\n      >\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={cn(\n            `bg-popover text-popover-foreground w-72 origin-(--transform-origin)\n            rounded-md border p-4 shadow-md outline-hidden\n            transition-[opacity,transform] duration-150\n            data-ending-style:scale-95 data-ending-style:opacity-0\n            data-starting-style:scale-95 data-starting-style:opacity-0`,\n            className,\n            //\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverArrow() {\n  return (\n    <PopoverPrimitive.Arrow\n      data-slot=\"popover-arrow\"\n      className=\"data-[side=bottom]:-top-2 data-[side=left]:-right-[13px]\n        data-[side=left]:rotate-90 data-[side=right]:-left-[13px]\n        data-[side=right]:-rotate-90 data-[side=top]:-bottom-2\n        data-[side=top]:rotate-180\"\n    >\n      {/* `block` keeps the arrow box exactly as tall as the SVG. Left inline,\n          the SVG sits on a text baseline and the wrapper inherits the popup's\n          line-height instead (26px, not 9px), which pushes the triangle down\n          inside the popup and rotates it about the wrong centre. */}\n      <svg\n        className=\"block\"\n        width=\"18\"\n        height=\"9\"\n        viewBox=\"0 0 18 9\"\n        fill=\"none\"\n      >\n        <path d=\"M0 9 9 0 18 9\" className=\"fill-border\" />\n        <path d=\"M1 9 9 1 17 9\" className=\"fill-popover\" />\n      </svg>\n    </PopoverPrimitive.Arrow>\n  );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn('flex flex-col gap-1 text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTitle({\n  className,\n  ...props\n}: Omit<React.ComponentProps<typeof PopoverPrimitive.Title>, 'className'> & {\n  className?: string;\n}) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn('font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: React.ComponentProps<'p'>) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn('text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverArrow,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverDescription,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAMA,YAAUC,QAAiB;AACjC,MAAM,iBAAiBA,QAAiB;AAExC,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,OAAO,UACP,aAAa,GACb,WACA,GAAG,SAOF;CACD,MAAM,EAAE,iBAAiB,UAAU;CAEnC,OACE,oBAACA,QAAiB,QAAlB;EAAyB,WAAW,aAAa,aAAa;EAC5D,UAAA,oBAACA,QAAiB,YAAlB;GACQ;GACC;GACK;GACZ,cAAc;GACd,WAAW;GAEX,UAAA,oBAACA,QAAiB,OAAlB;IACE,aAAU;IACV,WAAW,GACT;;;;yEAKA,SAEF;IACA,GAAI;GACL,CAAA;EAC0B,CAAA;CACN,CAAA;AAE7B;AAEA,SAAS,eAAe;CACtB,OACE,oBAACA,QAAiB,OAAlB;EACE,aAAU;EACV,WAAU;EASV,UAAA,qBAAC,OAAD;GACE,WAAU;GACV,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GALP,UAAA,CAOE,oBAAC,QAAD;IAAM,GAAE;IAAgB,WAAU;GAAe,CAAA,GACjD,oBAAC,QAAD;IAAM,GAAE;IAAgB,WAAU;GAAgB,CAAA,CAC/C;;CACiB,CAAA;AAE5B;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EACpB,WACA,GAAG,SAGF;CACD,OACE,oBAACA,QAAiB,OAAlB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyB;CAC5B,OACE,oBAACA,QAAiB,aAAlB;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,SAAS;EAChD,GAAI;CACL,CAAA;AAEL"}

package/dist/core/progress.d.mts

@@ -1,2 +1,2 @@
 import "react";
-import "@radix-ui/react-progress";
+import { Progress } from "@base-ui/react/progress";

package/dist/core/progress.mjs

@@ -3,25 +3,22 @@ import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { Progress } from "@base-ui/react/progress";
 //#region src/core/progress.tsx
-var progress_exports = /* @__PURE__ */ __exportAll({ Progress: () => Progress });
-function Progress({ className, value, barClassName, barStyle, ...props }) {
-	return /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
+var progress_exports = /* @__PURE__ */ __exportAll({ Progress: () => Progress$1 });
+function Progress$1({ className, barClassName, barStyle, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Root, {
 		"data-slot": "progress",
 		className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
 		...props,
-		children: /* @__PURE__ */ jsx(ProgressPrimitive.Indicator, {
+		children: /* @__PURE__ */ jsx(Progress.Indicator, {
 			"data-slot": "progress-indicator",
 			className: cn("bg-primary h-full w-full flex-1 transition-all", barClassName),
-			style: {
-				transform: `translateX(-${100 - (value || 0)}%)`,
-				...barStyle
-			}
+			style: barStyle
 		})
 	});
 }
 //#endregion
-export { Progress, progress_exports };
+export { Progress$1 as Progress, progress_exports };
 
 //# sourceMappingURL=progress.mjs.map

package/dist/core/progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress.mjs","names":[],"sources":["../../src/core/progress.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as ProgressPrimitive from '@radix-ui/react-progress';\n\nimport { cn } from '@repo/ui/utils';\n\n/*\n * Vendored from shadcn's `new-york-v4` progress registry entry.\n *\n * Local patches — re-apply these after any `shadcn add progress`:\n * 1. Import `cn` from `@repo/ui/utils` (upstream uses its `cn` alias) and\n *    `ProgressPrimitive` from `@radix-ui/react-progress` (upstream uses the\n *    unified `radix-ui` package, which this repo doesn't install).\n * 2. `CustomProps` adds `barClassName` (merged onto the Indicator's className)\n *    and `barStyle` (merged into the Indicator's inline `style`).\n *\n * Why this stays a local patch rather than moving to `atoms/progress` (#361):\n * `atoms/progress` supports a vertical direction, which needs the Indicator\n * sized by `height %` via `barStyle` — overriding upstream's inline\n * `transform: translateX(...)`. Inline style can't be overridden through a\n * `className`, so the consumer must reach the Indicator's `style`, which a\n * verbatim primitive doesn't expose. Irreducibly structural (like #363). The\n * rest of `shadcn add progress --diff` is class ordering / prettier wrapping.\n */\ninterface CustomProps {\n  barClassName?: string;\n  barStyle?: React.CSSProperties;\n}\n\nfunction Progress({\n  className,\n  value,\n  barClassName,\n  barStyle,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root> & CustomProps) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        'bg-primary/20 relative h-2 w-full overflow-hidden rounded-full',\n        className,\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className={cn(\n          'bg-primary h-full w-full flex-1 transition-all',\n          barClassName,\n        )}\n        style={{\n          transform: `translateX(-${100 - (value || 0)}%)`,\n          ...barStyle,\n        }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":";;;;;;;;AA+BA,SAAS,SAAS,EAChB,WACA,OACA,cACA,UACA,GAAG,SACiE;CACpE,OACE,oBAAC,kBAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,kEACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,kBAAkB,WAAnB;GACE,aAAU;GACV,WAAW,GACT,kDACA,YACF;GACA,OAAO;IACL,WAAW,eAAe,OAAO,SAAS,GAAG;IAC7C,GAAG;GACL;EACD,CAAA;CACqB,CAAA;AAE5B"}
+{"version":3,"file":"progress.mjs","names":["Progress","ProgressPrimitive"],"sources":["../../src/core/progress.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Progress as ProgressPrimitive } from '@base-ui/react/progress';\n\nimport { cn } from '@repo/ui/utils';\n\ninterface CustomProps {\n  barClassName?: string;\n  barStyle?: React.CSSProperties;\n}\n\n// Base UI primitive with repo-owned styling; no longer vendored from shadcn.\nfunction Progress({\n  className,\n  barClassName,\n  barStyle,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root> & CustomProps) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        'bg-primary/20 relative h-2 w-full overflow-hidden rounded-full',\n        className,\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className={cn(\n          'bg-primary h-full w-full flex-1 transition-all',\n          barClassName,\n          //\n        )}\n        style={barStyle}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":";;;;;;;;AAcA,SAASA,WAAS,EAChB,WACA,cACA,UACA,GAAG,SACiE;CACpE,OACE,oBAACC,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,kEACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAACA,SAAkB,WAAnB;GACE,aAAU;GACV,WAAW,GACT,kDACA,YAEF;GACA,OAAO;EACR,CAAA;CACqB,CAAA;AAE5B"}

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

@@ -1,7 +1,3 @@
-import * as React$1 from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-//#region src/core/radio-group.d.ts
-declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): React$1.JSX.Element;
-//#endregion
-export { RadioGroup };
-//# sourceMappingURL=radio-group.d.mts.map
+import "react";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";

package/dist/core/radio-group.mjs

@@ -4,38 +4,39 @@ import { cn } from "../utils.mjs";
 import "react";
 import { CircleIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
 //#region src/core/radio-group.tsx
 var radio_group_exports = /* @__PURE__ */ __exportAll({
-	RadioGroup: () => RadioGroup,
+	RadioGroup: () => RadioGroup$1,
 	RadioGroupItem: () => RadioGroupItem
 });
-function RadioGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+function RadioGroup$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroup, {
 		"data-slot": "radio-group",
 		className: cn("grid gap-3", className),
 		...props
 	});
 }
 function RadioGroupItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+	return /* @__PURE__ */ jsx(Radio.Root, {
 		"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
         dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive
-        dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border
-        shadow-xs transition-[color,box-shadow] outline-none
-        focus-visible:ring-[3px] disabled:cursor-not-allowed
-        disabled:opacity-50`, className),
+        dark:bg-input/30 inline-flex aspect-square size-4 shrink-0 items-center
+        justify-center rounded-full border shadow-xs
+        transition-[color,box-shadow] outline-none focus-visible:ring-[3px]
+        data-disabled:cursor-not-allowed data-disabled:opacity-50`, className),
 		...props,
-		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
+		children: /* @__PURE__ */ jsx(Radio.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" })
+			className: "flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary size-2" })
 		})
 	});
 }
 //#endregion
-export { RadioGroup, RadioGroupItem, radio_group_exports };
+export { RadioGroup$1 as 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":[],"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  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\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,GAAG,SACqD;CACxD,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"}
+{"version":3,"file":"radio-group.mjs","names":["RadioGroup","RadioGroupPrimitive","RadioPrimitive"],"sources":["../../src/core/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\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 '@repo/ui/utils';\n\n// Base UI primitives with repo-owned styling; no longer vendored from shadcn.\n// Base UI splits Radix's `RadioGroup.Item` into a standalone `Radio.Root`\n// (from `@base-ui/react/radio`) plus a `Radio.Indicator`.\n//\n// `Radio.Root` renders a `<span role=\"radio\">`, where Radix rendered a\n// `<button>`. That matters for centering: a button centers its content through\n// the UA's own anonymous box, so the indicator — which collapses to zero height\n// once its only child is taken out of flow — still landed on the centre line. A\n// span gets no such treatment, so the same markup anchored the dot to the top\n// of the control and it sat 7px high. The root therefore centers explicitly,\n// matching `core/checkbox`, and the dot stays in flow rather than being\n// absolutely positioned against a zero-height parent.\n//\n// Base UI's `RadioGroup` is generic over the item value; this library always\n// addresses items by their stringified value (see atoms/radio), so pin it to\n// `string` — otherwise `React.ComponentProps` erases the generic to `unknown`\n// and `value`/`onValueChange` stop lining up with the string callers.\nfunction RadioGroup({\n  className,\n  ...props\n}: RadioGroupPrimitive.Props<string>) {\n  return (\n    <RadioGroupPrimitive\n      data-slot=\"radio-group\"\n      className={cn('grid gap-3', className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioPrimitive.Root>) {\n  return (\n    <RadioPrimitive.Root\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 inline-flex aspect-square size-4 shrink-0 items-center\n        justify-center rounded-full border shadow-xs\n        transition-[color,box-shadow] outline-none focus-visible:ring-[3px]\n        data-disabled:cursor-not-allowed data-disabled:opacity-50`,\n        className,\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"flex items-center justify-center\"\n      >\n        <CircleIcon className=\"fill-primary size-2\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;;;;;;AA2BA,SAASA,aAAW,EAClB,WACA,GAAG,SACiC;CACpC,OACE,oBAACC,YAAD;EACE,aAAU;EACV,WAAW,GAAG,cAAc,SAAS;EACrC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EACtB,WACA,GAAG,SACgD;CACnD,OACE,oBAACC,MAAe,MAAhB;EACE,aAAU;EACV,WAAW,GACT;;;;;;oEAOA,SACF;EACA,GAAI;EAEJ,UAAA,oBAACA,MAAe,WAAhB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,YAAD,EAAY,WAAU,sBAAuB,CAAA;EACrB,CAAA;CACP,CAAA;AAEzB"}

package/dist/core/select.d.mts

@@ -1,7 +1,11 @@
 import * as React$1 from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
+import { Select } from "@base-ui/react/select";
 //#region src/core/select.d.ts
-declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): React$1.JSX.Element;
+type SelectRootProps = Select.Root.Props<string> & {
+  /** Explicit reading direction, retained from the previous Radix API. */
+  dir?: 'ltr' | 'rtl';
+};
+declare function Select$1({ dir, ...props }: SelectRootProps): React$1.JSX.Element;
 //#endregion
-export { Select };
+export { Select$1 as Select };
 //# 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":";;;iBA+BS,YACJ,SACF,QAAM,sBAAsB,gBAAgB,QAAK,QAAA,IAAA"}
+{"version":3,"file":"select.d.mts","names":[],"sources":["../../src/core/select.tsx"],"mappings":";;;KAcK,kBAAkB,OAAgB,KAAK;;EAE1C;;iBAGO,WAAS,QAAQ,SAAS,kBAAe,QAAA,IAAA"}

package/dist/core/select.mjs

@@ -5,11 +5,12 @@ import { useConfig } from "../providers/config/context.mjs";
 import { OVERLAY_LAYER } from "../lib/z-layers.mjs";
 import "react";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { DirectionProvider } from "@base-ui/react/direction-provider";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as SelectPrimitive from "@radix-ui/react-select";
+import { Select } from "@base-ui/react/select";
 //#region src/core/select.tsx
 var select_exports = /* @__PURE__ */ __exportAll({
-	Select: () => Select,
+	Select: () => Select$1,
 	SelectContent: () => SelectContent,
 	SelectGroup: () => SelectGroup,
 	SelectItem: () => SelectItem,
@@ -20,29 +21,33 @@ var select_exports = /* @__PURE__ */ __exportAll({
 	SelectTrigger: () => SelectTrigger,
 	SelectValue: () => SelectValue
 });
-function Select({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+function Select$1({ dir, ...props }) {
+	const root = /* @__PURE__ */ jsx(Select.Root, {
 		"data-slot": "select",
 		...props
 	});
+	return dir ? /* @__PURE__ */ jsx(DirectionProvider, {
+		direction: dir,
+		children: root
+	}) : root;
 }
 function SelectGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+	return /* @__PURE__ */ jsx(Select.Group, {
 		"data-slot": "select-group",
 		...props
 	});
 }
 function SelectValue({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+	return /* @__PURE__ */ jsx(Select.Value, {
 		"data-slot": "select-value",
 		...props
 	});
 }
 function SelectTrigger({ className, size = "default", children, ...props }) {
-	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+	return /* @__PURE__ */ jsxs(Select.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": size,
-		className: cn(`border-input data-[placeholder]:text-muted-foreground
+		className: cn(`border-input data-placeholder:text-muted-foreground
         [&_svg:not([class*='text-'])]:text-muted-foreground
         focus-visible:border-ring focus-visible:ring-ring/50
         aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40
@@ -50,84 +55,83 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
         flex w-fit items-center justify-between gap-2 rounded-md border
         bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs
         transition-[color,box-shadow] outline-none focus-visible:ring-[3px]
-        disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9
-        data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1
-        *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center
-        *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none
-        [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, className),
+        data-disabled:cursor-not-allowed data-disabled:opacity-50
+        data-[size=default]:h-9 data-[size=sm]:h-8
+        *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex
+        *:data-[slot=select-value]:items-center *: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(SelectPrimitive.Icon, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, {
+			render: /* @__PURE__ */ jsx(ChevronDownIcon, {}),
+			className: "opacity-50"
 		})]
 	});
 }
-function SelectContent({ className, children, position = "item-aligned", align = "center", container, ...props }) {
+function SelectContent({ className, children, position = "item-aligned", align = "center", side = "bottom", sideOffset = 4, container, ...props }) {
 	const { getContainer } = useConfig();
-	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, {
+	const alignItemWithTrigger = position === "item-aligned";
+	return /* @__PURE__ */ jsx(Select.Portal, {
 		container: container ?? getContainer(),
-		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
-          data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
-          data-[state=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 relative
-          max-h-(--radix-select-content-available-height) min-w-[8rem]
-          origin-(--radix-select-content-transform-origin) overflow-x-hidden
-          overflow-y-auto rounded-md border shadow-md`, OVERLAY_LAYER, position === "popper" && `data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1
-            data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`, className),
-			position,
+		children: /* @__PURE__ */ jsx(Select.Positioner, {
+			side,
 			align,
-			...props,
-			children: [
-				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-				/* @__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
-				}),
-				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
-			]
+			sideOffset,
+			alignItemWithTrigger,
+			className: cn(OVERLAY_LAYER, !alignItemWithTrigger && "min-w-(--anchor-width)"),
+			children: /* @__PURE__ */ jsxs(Select.Popup, {
+				"data-slot": "select-content",
+				className: cn(`bg-popover text-popover-foreground max-h-(--available-height)
+            min-w-[8rem] origin-(--transform-origin) overflow-hidden rounded-md
+            border shadow-md transition-[opacity,transform] duration-150
+            data-ending-style:scale-95 data-ending-style:opacity-0
+            data-starting-style:scale-95 data-starting-style:opacity-0`, className),
+				...props,
+				children: [
+					/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+					/* @__PURE__ */ jsx(Select.List, {
+						className: "overflow-y-auto p-1",
+						children
+					}),
+					/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+				]
+			})
 		})
 	});
 }
 function SelectLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
 		"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(SelectPrimitive.Item, {
+	return /* @__PURE__ */ jsxs(Select.Item, {
 		"data-slot": "select-item",
-		className: cn(`focus:bg-accent focus:text-accent-foreground
+		className: cn(`data-highlighted:bg-accent data-highlighted:text-accent-foreground
         [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full
         cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm
-        outline-hidden select-none data-[disabled]:pointer-events-none
-        data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0
-        [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex
-        *:[span]:last:items-center *:[span]:last:gap-2`, className),
+        outline-hidden select-none data-disabled:pointer-events-none
+        data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0
+        [&_svg:not([class*='size-'])]:size-4`, className),
 		...props,
-		children: [/* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx(Select.ItemIndicator, {
 			"data-slot": "select-item-indicator",
 			className: "absolute right-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" })
+		}), /* @__PURE__ */ jsx(Select.ItemText, { children })]
 	});
 }
 function SelectSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+	return /* @__PURE__ */ jsx(Select.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(SelectPrimitive.ScrollUpButton, {
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
 		"data-slot": "select-scroll-up-button",
 		className: cn("flex cursor-default items-center justify-center py-1", className),
 		...props,
@@ -135,7 +139,7 @@ function SelectScrollUpButton({ className, ...props }) {
 	});
 }
 function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
 		"data-slot": "select-scroll-down-button",
 		className: cn("flex cursor-default items-center justify-center py-1", className),
 		...props,
@@ -143,6 +147,6 @@ function SelectScrollDownButton({ className, ...props }) {
 	});
 }
 //#endregion
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, select_exports };
+export { Select$1 as 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":[],"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\nimport { OVERLAY_LAYER } from '../lib/z-layers';\n\n/*\n * Vendored from shadcn's `new-york-v4` select registry entry.\n *\n * Local patches — re-apply these after any `shadcn add select`:\n * 1. Imports: `SelectPrimitive` from `@radix-ui/react-select` (upstream uses\n *    the unified `radix-ui` package, which this repo doesn't install), `cn`\n *    from `@repo/ui/utils`.\n * 2. `OVERLAY_LAYER` (src/lib/z-layers.ts) replaces upstream's `z-50` on\n *    `SelectContent`. Why: this package is published and can't assume it owns\n *    the app's z-index scale — see #359.\n * 3. `SelectContent` takes a `container` prop, defaulted to\n *    `useConfig().getContainer()`, and passes it to `SelectPrimitive.Portal`\n *    (upstream renders the portal with no `container`). Why: portalled content\n *    must stay inside the themed wrapper, or dark mode and the CSS custom\n *    properties don't reach it.\n *\n * The rest of what `shadcn add select --diff` reports is Tailwind class\n * ordering and prettier line-wrapping from this repo's formatter, not a patch.\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\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          OVERLAY_LAYER,\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":";;;;;;;;;;;;;;;;;;;;;;AA+BA,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,eACA,aAAa,YACX;6EAEF,SACF;GACU;GACH;GACP,GAAI;GArBN,UAAA;IAuBE,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"}
+{"version":3,"file":"select.mjs","names":["Select","SelectPrimitive"],"sources":["../../src/core/select.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { DirectionProvider } from '@base-ui/react/direction-provider';\nimport { Select as SelectPrimitive } from '@base-ui/react/select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { OVERLAY_LAYER } from '../lib/z-layers';\n\n// Base UI primitives with repo-owned styling; no longer vendored from shadcn.\ntype SelectRootProps = SelectPrimitive.Root.Props<string> & {\n  /** Explicit reading direction, retained from the previous Radix API. */\n  dir?: 'ltr' | 'rtl';\n};\n\nfunction Select({ dir, ...props }: SelectRootProps) {\n  const root = <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n\n  return dir ? (\n    <DirectionProvider direction={dir}>{root}</DirectionProvider>\n  ) : (\n    root\n  );\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        data-disabled:cursor-not-allowed data-disabled:opacity-50\n        data-[size=default]:h-9 data-[size=sm]:h-8\n        *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex\n        *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2\n        [&_svg]:pointer-events-none [&_svg]:shrink-0\n        [&_svg:not([class*='size-'])]:size-4`,\n        className,\n        //\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={<ChevronDownIcon />}\n        className=\"opacity-50\"\n      />\n    </SelectPrimitive.Trigger>\n  );\n}\n\ntype SelectContentProps = Omit<\n  React.ComponentProps<typeof SelectPrimitive.Popup>,\n  'className'\n> & {\n  className?: string;\n  position?: 'item-aligned' | 'popper';\n  align?: SelectPrimitive.Positioner.Props['align'];\n  side?: SelectPrimitive.Positioner.Props['side'];\n  sideOffset?: number;\n  container?: HTMLElement;\n};\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'item-aligned',\n  align = 'center',\n  side = 'bottom',\n  sideOffset = 4,\n  container,\n  ...props\n}: SelectContentProps) {\n  const { getContainer } = useConfig();\n  const alignItemWithTrigger = position === 'item-aligned';\n\n  return (\n    <SelectPrimitive.Portal container={container ?? getContainer()}>\n      <SelectPrimitive.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className={cn(\n          OVERLAY_LAYER,\n          !alignItemWithTrigger && 'min-w-(--anchor-width)',\n        )}\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          className={cn(\n            `bg-popover text-popover-foreground max-h-(--available-height)\n            min-w-[8rem] origin-(--transform-origin) overflow-hidden rounded-md\n            border shadow-md transition-[opacity,transform] duration-150\n            data-ending-style:scale-95 data-ending-style:opacity-0\n            data-starting-style:scale-95 data-starting-style:opacity-0`,\n            className,\n            //\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List className=\"overflow-y-auto p-1\">\n            {children}\n          </SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.GroupLabel>) {\n  return (\n    <SelectPrimitive.GroupLabel\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        `data-highlighted:bg-accent data-highlighted: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`,\n        className,\n        //\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemIndicator\n        data-slot=\"select-item-indicator\"\n        className=\"absolute right-2 flex size-3.5 items-center justify-center\"\n      >\n        <CheckIcon className=\"size-4\" />\n      </SelectPrimitive.ItemIndicator>\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.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\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.ScrollUpArrow>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\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.ScrollDownArrow>\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":";;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAASA,SAAO,EAAE,KAAK,GAAG,SAA0B;CAClD,MAAM,OAAO,oBAACC,OAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;CAElE,OAAO,MACL,oBAAC,mBAAD;EAAmB,WAAW;EAAM,UAAA;CAAwB,CAAA,IAE5D;AAEJ;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;;;;;;;;;;;;;+CAcA,SAEF;EACA,GAAI;EArBN,UAAA,CAuBG,UACD,oBAACA,OAAgB,MAAjB;GACE,QAAQ,oBAAC,iBAAD,CAAkB,CAAA;GAC1B,WAAU;EACX,CAAA,CACsB;;AAE7B;AAcA,SAAS,cAAc,EACrB,WACA,UACA,WAAW,gBACX,QAAQ,UACR,OAAO,UACP,aAAa,GACb,WACA,GAAG,SACkB;CACrB,MAAM,EAAE,iBAAiB,UAAU;CACnC,MAAM,uBAAuB,aAAa;CAE1C,OACE,oBAACA,OAAgB,QAAjB;EAAwB,WAAW,aAAa,aAAa;EAC3D,UAAA,oBAACA,OAAgB,YAAjB;GACQ;GACC;GACK;GACU;GACtB,WAAW,GACT,eACA,CAAC,wBAAwB,wBAC3B;GAEA,UAAA,qBAACA,OAAgB,OAAjB;IACE,aAAU;IACV,WAAW,GACT;;;;yEAKA,SAEF;IACA,GAAI;IAXN,UAAA;KAaE,oBAAC,sBAAD,CAAuB,CAAA;KACvB,oBAACA,OAAgB,MAAjB;MAAsB,WAAU;MAC7B;KACmB,CAAA;KACtB,oBAAC,wBAAD,CAAyB,CAAA;IACJ;;EACG,CAAA;CACN,CAAA;AAE5B;AAEA,SAAS,YAAY,EACnB,WACA,GAAG,SACuD;CAC1D,OACE,oBAACA,OAAgB,YAAjB;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;;;;;+CAMA,SAEF;EACA,GAAI;EAZN,UAAA,CAcE,oBAACA,OAAgB,eAAjB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,WAAD,EAAW,WAAU,SAAU,CAAA;EACF,CAAA,GAC/B,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,SAC0D;CAC7D,OACE,oBAACA,OAAgB,eAAjB;EACE,aAAU;EACV,WAAW,GACT,wDACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,eAAD,EAAe,WAAU,SAAU,CAAA;CACN,CAAA;AAEnC;AAEA,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC4D;CAC/D,OACE,oBAACA,OAAgB,iBAAjB;EACE,aAAU;EACV,WAAW,GACT,wDACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,iBAAD,EAAiB,WAAU,SAAU,CAAA;CACN,CAAA;AAErC"}

package/dist/core/separator.d.mts

@@ -1,2 +1,2 @@
 import "react";
-import "@radix-ui/react-separator";
+import { Separator } from "@base-ui/react/separator";

package/dist/core/separator.mjs

@@ -2,13 +2,14 @@
 import { cn } from "../utils.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { Separator } from "@base-ui/react/separator";
 //#region src/core/separator.tsx
-function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
-	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+function Separator$1({ className, orientation = "horizontal", decorative = true, ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
 		"data-slot": "separator",
-		decorative,
 		orientation,
+		role: decorative ? "none" : "separator",
+		"aria-orientation": decorative ? void 0 : orientation,
 		className: cn(`bg-border shrink-0 data-[orientation=horizontal]:h-px
         data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full
         data-[orientation=vertical]:w-px`, className),
@@ -16,6 +17,6 @@ function Separator({ className, orientation = "horizontal", decorative = true, .
 	});
 }
 //#endregion
-export { Separator };
+export { Separator$1 as Separator };
 
 //# sourceMappingURL=separator.mjs.map

package/dist/core/separator.mjs.map

@@ -1 +1 @@
-{"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"}
+{"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 '@base-ui/react/separator';\n\nimport { cn } from '@repo/ui/utils';\n\ninterface Props extends Omit<\n  React.ComponentProps<typeof SeparatorPrimitive>,\n  'className'\n> {\n  className?: string;\n  decorative?: boolean;\n}\n\n// Base UI primitive with repo-owned styling; no longer vendored from shadcn.\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: Props) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      role={decorative ? 'none' : 'separator'}\n      aria-orientation={decorative ? undefined : 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      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;;AAiBA,SAASA,YAAU,EACjB,WACA,cAAc,cACd,aAAa,MACb,GAAG,SACK;CACR,OACE,oBAACC,WAAD;EACE,aAAU;EACG;EACb,MAAM,aAAa,SAAS;EAC5B,oBAAkB,aAAa,KAAA,IAAY;EAC3C,WAAW,GACT;;2CAGA,SAEF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/core/slider.d.mts

@@ -1,2 +1,2 @@
 import "react";
-import "@radix-ui/react-slider";
+import { Slider } from "@base-ui/react/slider";