@devalok/shilp-sutra 0.57.0 → 0.60.0

package/dist/ui/search-input.js

@@ -1,16 +1,17 @@
 "use client";
 import { springs as e } from "./lib/motion.js";
-import { Spinner as t } from "./spinner.js";
-import { Icon as n } from "./icon.js";
-import { Input as r } from "./input.js";
-import { Button as i } from "./button.js";
-import * as a from "react";
-import { jsx as o } from "react/jsx-runtime";
-import { IconSearch as s, IconX as c } from "@tabler/icons-react";
-import { AnimatePresence as l, motion as u } from "framer-motion";
+import { MotionPreference as t } from "../_chunks/motion-preference.js";
+import { Spinner as n } from "./spinner.js";
+import { Icon as r } from "./icon.js";
+import { Input as i } from "./input.js";
+import { Button as a } from "./button.js";
+import * as o from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { IconSearch as c, IconX as l } from "@tabler/icons-react";
+import { AnimatePresence as u, motion as d } from "framer-motion";
 //#region src/ui/search-input.tsx
-var d = a.forwardRef(({ className: a, value: d, onClear: f, loading: p, size: m = "md", placeholder: h, ...g }, _) => {
-	let v = d !== void 0 && d !== "", y = p ? /* @__PURE__ */ o(t, { size: "sm" }) : /* @__PURE__ */ o(l, { children: v && f && /* @__PURE__ */ o(u.div, {
+var f = o.forwardRef(({ className: o, value: f, onClear: p, loading: m, size: h = "md", placeholder: g, ..._ }, v) => {
+	let y = f !== void 0 && f !== "", b = m ? /* @__PURE__ */ s(n, { size: "sm" }) : /* @__PURE__ */ s(u, { children: y && p && /* @__PURE__ */ s(d.div, {
 		className: "flex items-center justify-center",
 		initial: {
 			opacity: 0,
@@ -25,29 +26,29 @@ var d = a.forwardRef(({ className: a, value: d, onClear: f, loading: p, size: m
 			scale: .8
 		},
 		transition: e.snappy,
-		children: /* @__PURE__ */ o(i, {
+		children: /* @__PURE__ */ s(a, {
 			type: "button",
 			variant: "ghost",
 			size: "icon-xs",
-			onClick: f,
+			onClick: p,
 			"aria-label": "Clear search",
 			title: "Clear",
-			children: /* @__PURE__ */ o(n, { icon: c })
+			children: /* @__PURE__ */ s(r, { icon: l })
 		})
 	}) });
-	return /* @__PURE__ */ o(r, {
-		ref: _,
-		size: m,
-		startSection: /* @__PURE__ */ o(n, { icon: s }),
-		endSection: y,
-		endSectionClickable: !!v && !p,
-		placeholder: h,
-		value: d,
-		"aria-busy": p || void 0,
-		className: a,
-		...g
-	});
+	return /* @__PURE__ */ s(t, { children: /* @__PURE__ */ s(i, {
+		ref: v,
+		size: h,
+		startSection: /* @__PURE__ */ s(r, { icon: c }),
+		endSection: b,
+		endSectionClickable: !!y && !m,
+		placeholder: g,
+		value: f,
+		"aria-busy": m || void 0,
+		className: o,
+		..._
+	}) });
 });
-d.displayName = "SearchInput";
+f.displayName = "SearchInput";
 //#endregion
-export { d as SearchInput };
+export { f as SearchInput };

package/dist/ui/search-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.js","names":[],"sources":["../../src/ui/search-input.tsx"],"sourcesContent":["'use client'\n\nimport { IconSearch, IconX } from '@tabler/icons-react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Button } from './button'\nimport { Icon } from './icon'\nimport { Input } from './input'\nimport { springs } from './lib/motion'\nimport { Spinner } from './spinner'\n\ntype SearchInputSize = 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Props for SearchInput — a search field with a built-in leading magnifier icon, optional loading\n * spinner, and an auto-shown clear button when `value` is non-empty and `onClear` is provided.\n *\n * **Sizes:** `sm` | `md` (default) | `lg` — matches Input's `size` prop API.\n * HTML's native `size` attribute is excluded — use CSS width instead.\n *\n * **Clear button:** Appears automatically when `value !== ''` and `onClear` is provided.\n * When `loading` is true, a spinning loader replaces the clear button.\n *\n * @example\n * // Controlled search with clear:\n * <SearchInput\n *   value={query}\n *   onChange={(e) => setQuery(e.target.value)}\n *   onClear={() => setQuery('')}\n *   placeholder=\"Search tasks...\"\n * />\n *\n * @example\n * // Async search with loading state while fetching results:\n * <SearchInput\n *   value={query}\n *   onChange={handleSearch}\n *   loading={isSearching}\n *   placeholder=\"Search clients...\"\n * />\n *\n * @example\n * // Compact search bar in a toolbar:\n * <SearchInput size=\"sm\" value={q} onChange={(e) => setQ(e.target.value)} onClear={() => setQ('')} />\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  onClear?: () => void\n  loading?: boolean\n  /** @default 'md' */\n  size?: SearchInputSize\n}\n\nconst SearchInput = React.forwardRef<HTMLInputElement, SearchInputProps>(\n  ({ className, value, onClear, loading, size = 'md', placeholder, ...props }, ref) => {\n    const hasValue = value !== undefined && value !== ''\n\n    const endContent = loading ? (\n      <Spinner size=\"sm\" />\n    ) : (\n      <AnimatePresence>\n        {hasValue && onClear && (\n          <motion.div\n            className=\"flex items-center justify-center\"\n            initial={{ opacity: 0, scale: 0.8 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.8 }}\n            transition={springs.snappy}\n          >\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              onClick={onClear}\n              aria-label=\"Clear search\"\n              title=\"Clear\"\n            >\n              <Icon icon={IconX} />\n            </Button>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n\n    return (\n      <Input\n        ref={ref}\n        size={size}\n        startSection={<Icon icon={IconSearch} />}\n        endSection={endContent}\n        endSectionClickable={!!hasValue && !loading}\n        placeholder={placeholder}\n        value={value}\n        aria-busy={loading || undefined}\n        className={className}\n        {...props}\n      />\n    )\n  },\n)\nSearchInput.displayName = 'SearchInput'\n\nexport { SearchInput }\n"],"mappings":";;;;;;;;;;;AAsDA,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,UAAO,YAAS,YAAS,UAAO,MAAM,gBAAa,GAAG,KAAS,MAAQ;CACnF,IAAM,IAAW,MAAU,KAAA,KAAa,MAAU,IAE5C,IAAa,IACjB,kBAAC,GAAD,EAAS,MAAK,KAAM,CAAA,IAEpB,kBAAC,GAAD,EAAA,UACG,KAAY,KACX,kBAAC,EAAO,KAAR;EACE,WAAU;EACV,SAAS;GAAE,SAAS;GAAG,OAAO;EAAI;EAClC,SAAS;GAAE,SAAS;GAAG,OAAO;EAAE;EAChC,MAAM;GAAE,SAAS;GAAG,OAAO;EAAI;EAC/B,YAAY,EAAQ;YAEpB,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,SAAS;GACT,cAAW;GACX,OAAM;aAEN,kBAAC,GAAD,EAAM,MAAM,EAAQ,CAAA;EACd,CAAA;CACE,CAAA,EAEC,CAAA;CAGnB,OACE,kBAAC,GAAD;EACO;EACC;EACN,cAAc,kBAAC,GAAD,EAAM,MAAM,EAAa,CAAA;EACvC,YAAY;EACZ,qBAAqB,CAAC,CAAC,KAAY,CAAC;EACvB;EACN;EACP,aAAW,KAAW,KAAA;EACX;EACX,GAAI;CACL,CAAA;AAEL,CACF;AACA,EAAY,cAAc"}
+{"version":3,"file":"search-input.js","names":[],"sources":["../../src/ui/search-input.tsx"],"sourcesContent":["'use client'\n\nimport { IconSearch, IconX } from '@tabler/icons-react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { MotionPreference } from '../motion/motion-preference'\nimport { Button } from './button'\nimport { Icon } from './icon'\nimport { Input } from './input'\nimport { springs } from './lib/motion'\nimport { Spinner } from './spinner'\n\ntype SearchInputSize = 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Props for SearchInput — a search field with a built-in leading magnifier icon, optional loading\n * spinner, and an auto-shown clear button when `value` is non-empty and `onClear` is provided.\n *\n * **Sizes:** `sm` | `md` (default) | `lg` — matches Input's `size` prop API.\n * HTML's native `size` attribute is excluded — use CSS width instead.\n *\n * **Clear button:** Appears automatically when `value !== ''` and `onClear` is provided.\n * When `loading` is true, a spinning loader replaces the clear button.\n *\n * @example\n * // Controlled search with clear:\n * <SearchInput\n *   value={query}\n *   onChange={(e) => setQuery(e.target.value)}\n *   onClear={() => setQuery('')}\n *   placeholder=\"Search tasks...\"\n * />\n *\n * @example\n * // Async search with loading state while fetching results:\n * <SearchInput\n *   value={query}\n *   onChange={handleSearch}\n *   loading={isSearching}\n *   placeholder=\"Search clients...\"\n * />\n *\n * @example\n * // Compact search bar in a toolbar:\n * <SearchInput size=\"sm\" value={q} onChange={(e) => setQ(e.target.value)} onClear={() => setQ('')} />\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  onClear?: () => void\n  loading?: boolean\n  /** @default 'md' */\n  size?: SearchInputSize\n}\n\nconst SearchInput = React.forwardRef<HTMLInputElement, SearchInputProps>(\n  ({ className, value, onClear, loading, size = 'md', placeholder, ...props }, ref) => {\n    const hasValue = value !== undefined && value !== ''\n\n    const endContent = loading ? (\n      <Spinner size=\"sm\" />\n    ) : (\n      <AnimatePresence>\n        {hasValue && onClear && (\n          <motion.div\n            className=\"flex items-center justify-center\"\n            initial={{ opacity: 0, scale: 0.8 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.8 }}\n            transition={springs.snappy}\n          >\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              onClick={onClear}\n              aria-label=\"Clear search\"\n              title=\"Clear\"\n            >\n              <Icon icon={IconX} />\n            </Button>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n\n    return (\n      <MotionPreference>\n        <Input\n          ref={ref}\n          size={size}\n          startSection={<Icon icon={IconSearch} />}\n          endSection={endContent}\n          endSectionClickable={!!hasValue && !loading}\n          placeholder={placeholder}\n          value={value}\n          aria-busy={loading || undefined}\n          className={className}\n          {...props}\n        />\n      </MotionPreference>\n    )\n  },\n)\nSearchInput.displayName = 'SearchInput'\n\nexport { SearchInput }\n"],"mappings":";;;;;;;;;;;;AAuDA,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,UAAO,YAAS,YAAS,UAAO,MAAM,gBAAa,GAAG,KAAS,MAAQ;CACnF,IAAM,IAAW,MAAU,KAAA,KAAa,MAAU,IAE5C,IAAa,IACjB,kBAAC,GAAD,EAAS,MAAK,KAAM,CAAA,IAEpB,kBAAC,GAAD,EAAA,UACG,KAAY,KACX,kBAAC,EAAO,KAAR;EACE,WAAU;EACV,SAAS;GAAE,SAAS;GAAG,OAAO;EAAI;EAClC,SAAS;GAAE,SAAS;GAAG,OAAO;EAAE;EAChC,MAAM;GAAE,SAAS;GAAG,OAAO;EAAI;EAC/B,YAAY,EAAQ;YAEpB,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,SAAS;GACT,cAAW;GACX,OAAM;aAEN,kBAAC,GAAD,EAAM,MAAM,EAAQ,CAAA;EACd,CAAA;CACE,CAAA,EAEC,CAAA;CAGnB,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACO;EACC;EACN,cAAc,kBAAC,GAAD,EAAM,MAAM,EAAa,CAAA;EACvC,YAAY;EACZ,qBAAqB,CAAC,CAAC,KAAY,CAAC;EACvB;EACN;EACP,aAAW,KAAW,KAAA;EACX;EACX,GAAI;CACL,CAAA,EACe,CAAA;AAEtB,CACF;AACA,EAAY,cAAc"}

package/dist/ui/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;;;8EA2BjC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EACnF,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,QAAA,MAAM,aAAa,8FA2BjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAoCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;;;8EA8BjC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EACnF,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,QAAA,MAAM,aAAa,8FA2BjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAsCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}

package/dist/ui/select.js

@@ -1,34 +1,35 @@
 "use client";
 import { springs as e, tweens as t } from "./lib/motion.js";
-import { cn as n } from "./lib/utils.js";
-import { Icon as r } from "./icon.js";
-import { useFormField as i } from "./form.js";
-import { resolveFieldState as a } from "../_chunks/field-state.js";
-import { Content2 as o, Group as s, Icon as c, Item as l, ItemIndicator as u, ItemText as d, Label as f, Portal as p, Root2 as m, ScrollDownButton as h, ScrollUpButton as g, Separator as _, Trigger as v, Value as y, Viewport as b } from "../_chunks/primitives/react-select.js";
-import * as x from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { IconCheck as w, IconChevronDown as T, IconChevronUp as E } from "@tabler/icons-react";
-import { motion as D } from "framer-motion";
-import { cva as O } from "class-variance-authority";
+import { MotionPreference as n } from "../_chunks/motion-preference.js";
+import { cn as r } from "./lib/utils.js";
+import { Icon as i } from "./icon.js";
+import { useFormField as a } from "./form.js";
+import { resolveFieldState as o } from "../_chunks/field-state.js";
+import { Content2 as s, Group as c, Icon as l, Item as u, ItemIndicator as d, ItemText as f, Label as p, Portal as m, Root2 as h, ScrollDownButton as g, ScrollUpButton as _, Separator as v, Trigger as y, Value as b, Viewport as x } from "../_chunks/primitives/react-select.js";
+import * as S from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { IconCheck as T, IconChevronDown as E, IconChevronUp as D } from "@tabler/icons-react";
+import { motion as O } from "framer-motion";
+import { cva as k } from "class-variance-authority";
 //#region src/ui/select.tsx
-var k = m, A = s, j = y, M = O("flex w-full items-center justify-between whitespace-nowrap rounded-control placeholder:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1 [&>span]:min-w-0", {
+var A = h, j = c, M = b, N = k("flex w-full items-center justify-between whitespace-nowrap rounded-control placeholder:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1 [&>span]:min-w-0", {
 	variants: {
 		variant: {
-			default: "border border-surface-border-interactive bg-surface-panel-hover focus-visible:border-accent-7",
+			default: "border border-surface-border-interactive bg-field hover:bg-field-hover focus-visible:border-accent-7",
 			outline: "border border-surface-border-interactive bg-transparent focus-visible:border-accent-7",
 			ghost: "border border-transparent bg-transparent hover:bg-surface-panel-hover focus-visible:border-accent-7"
 		},
 		state: {
 			default: "",
-			error: "border-error-7 text-error-11 focus-visible:ring-error-9",
-			success: "border-success-7",
+			error: "border-error-8 text-error-11 focus-visible:ring-error-9",
+			success: "border-success-8",
 			warning: "border-warning-7"
 		},
 		size: {
-			xs: "h-ds-xs-plus text-body-sm px-ds-02",
-			sm: "h-ds-sm text-body-sm px-ds-03",
+			xs: "h-ds-xs-plus text-body-sm px-ds-04",
+			sm: "h-ds-sm text-body-sm px-ds-04",
 			md: "h-ds-md text-body-md px-ds-04",
-			lg: "h-ds-lg text-body-md px-ds-05"
+			lg: "h-ds-lg text-body-md px-ds-04"
 		}
 	},
 	defaultVariants: {
@@ -36,57 +37,57 @@ var k = m, A = s, j = y, M = O("flex w-full items-center justify-between whitesp
 		state: "default",
 		size: "md"
 	}
-}), N = x.forwardRef(({ className: e, children: t, variant: o, state: s, size: l, ...u }, d) => {
-	let f = i(), p = a(s ?? void 0, f.state), m = u["aria-describedby"] ?? f.helperTextId, h = u["aria-required"] ?? f.required;
-	return /* @__PURE__ */ C(v, {
+}), P = S.forwardRef(({ className: e, children: t, variant: n, state: s, size: c, ...u }, d) => {
+	let f = a(), p = o(s ?? void 0, f.state), m = u["aria-describedby"] ?? f.helperTextId, h = u["aria-required"] ?? f.required;
+	return /* @__PURE__ */ w(y, {
 		ref: d,
-		className: n(M({
-			variant: o,
+		className: r(N({
+			variant: n,
 			state: p ?? "default",
-			size: l
+			size: c
 		}), e),
 		"aria-invalid": p === "error" || void 0,
 		"aria-describedby": m,
 		"aria-required": h || void 0,
 		...u,
 		id: u.id ?? f.inputId,
-		children: [t, /* @__PURE__ */ S(c, {
+		children: [t, /* @__PURE__ */ C(l, {
 			asChild: !0,
-			children: /* @__PURE__ */ S(r, {
-				icon: T,
+			children: /* @__PURE__ */ C(i, {
+				icon: E,
 				size: "sm",
 				className: "opacity-50"
 			})
 		})]
 	});
 });
-N.displayName = v.displayName;
-var P = x.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ S(g, {
-	ref: i,
-	className: n("flex cursor-default items-center justify-center py-ds-02", e),
+P.displayName = y.displayName;
+var F = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(_, {
+	ref: n,
+	className: r("flex cursor-default items-center justify-center py-ds-02", e),
 	...t,
-	children: /* @__PURE__ */ S(r, {
-		icon: E,
+	children: /* @__PURE__ */ C(i, {
+		icon: D,
 		size: "sm"
 	})
 }));
-P.displayName = g.displayName;
-var F = x.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ S(h, {
-	ref: i,
-	className: n("flex cursor-default items-center justify-center py-ds-02", e),
+F.displayName = _.displayName;
+var I = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(g, {
+	ref: n,
+	className: r("flex cursor-default items-center justify-center py-ds-02", e),
 	...t,
-	children: /* @__PURE__ */ S(r, {
-		icon: T,
+	children: /* @__PURE__ */ C(i, {
+		icon: E,
 		size: "sm"
 	})
 }));
-F.displayName = h.displayName;
-var I = x.forwardRef(({ className: r, children: i, position: a = "popper", ...s }, c) => /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S(o, {
-	ref: c,
-	position: a,
+I.displayName = g.displayName;
+var L = S.forwardRef(({ className: i, children: a, position: o = "popper", ...c }, l) => /* @__PURE__ */ C(n, { children: /* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(s, {
+	ref: l,
+	position: o,
 	asChild: !0,
-	...s,
-	children: /* @__PURE__ */ C(D.div, {
+	...c,
+	children: /* @__PURE__ */ w(O.div, {
 		initial: {
 			opacity: 0,
 			scale: .95
@@ -99,45 +100,45 @@ var I = x.forwardRef(({ className: r, children: i, position: a = "popper", ...s
 			...e.snappy,
 			opacity: t.fade
 		},
-		className: n("relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-overlay bg-surface-overlay text-surface-fg shadow-floating", a === "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", r),
+		className: r("relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-overlay bg-surface-overlay text-surface-fg shadow-floating", o === "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", i),
 		children: [
-			/* @__PURE__ */ S(P, {}),
-			/* @__PURE__ */ S(b, {
-				className: n("p-ds-02", a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
-				children: i
+			/* @__PURE__ */ C(F, {}),
+			/* @__PURE__ */ C(x, {
+				className: r("p-ds-02", o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+				children: a
 			}),
-			/* @__PURE__ */ S(F, {})
+			/* @__PURE__ */ C(I, {})
 		]
 	})
-}) }));
-I.displayName = o.displayName;
-var L = x.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ S(f, {
-	ref: r,
-	className: n("px-ds-03 py-ds-02b text-body-md font-semibold", e),
+}) }) }));
+L.displayName = s.displayName;
+var R = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(p, {
+	ref: n,
+	className: r("px-ds-03 py-ds-02b text-body-md font-semibold", e),
 	...t
 }));
-L.displayName = f.displayName;
-var R = x.forwardRef(({ className: e, children: t, ...i }, a) => /* @__PURE__ */ C(l, {
+R.displayName = p.displayName;
+var z = S.forwardRef(({ className: e, children: t, ...n }, a) => /* @__PURE__ */ w(u, {
 	ref: a,
-	className: n("relative flex w-full cursor-default select-none items-center rounded-control py-ds-02b pl-ds-03 pr-ds-07 text-body-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-panel-hover focus:bg-surface-panel-hover focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled", e),
-	...i,
-	children: [/* @__PURE__ */ S("span", {
+	className: r("relative flex w-full cursor-default select-none items-center rounded-control py-ds-02b pl-ds-03 pr-ds-07 text-body-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-panel-hover focus:bg-surface-panel-hover focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled", e),
+	...n,
+	children: [/* @__PURE__ */ C("span", {
 		className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
-		children: /* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(r, {
-			icon: w,
+		children: /* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(i, {
+			icon: T,
 			size: "sm"
 		}) })
-	}), /* @__PURE__ */ S(d, {
+	}), /* @__PURE__ */ C(f, {
 		className: "min-w-0 line-clamp-1",
 		children: t
 	})]
 }));
-R.displayName = l.displayName;
-var z = x.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ S(_, {
-	ref: r,
-	className: n("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
+z.displayName = u.displayName;
+var B = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(v, {
+	ref: n,
+	className: r("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
 	...t
 }));
-z.displayName = _.displayName;
+B.displayName = v.displayName;
 //#endregion
-export { k as Select, I as SelectContent, A as SelectGroup, R as SelectItem, L as SelectLabel, F as SelectScrollDownButton, P as SelectScrollUpButton, z as SelectSeparator, N as SelectTrigger, j as SelectValue, M as selectTriggerVariants };
+export { A as Select, L as SelectContent, j as SelectGroup, z as SelectItem, R as SelectLabel, I as SelectScrollDownButton, F as SelectScrollUpButton, B as SelectSeparator, P as SelectTrigger, M as SelectValue, N as selectTriggerVariants };

package/dist/ui/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../src/ui/select.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@primitives/react-select'\nimport { IconCheck, IconChevronDown, IconChevronUp } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { Icon } from './icon'\nimport { type FieldState, resolveFieldState } from './lib/field-state'\nimport { springs, tweens } from './lib/motion'\nimport { cn } from './lib/utils'\n\n/**\n * Select root — manages open/close state and selected value.\n *\n * **Important:** `size` is NOT a prop on `Select`. Set it on `SelectTrigger` instead.\n * Passing `size` directly to `Select` produces no TypeScript error but has no effect.\n *\n * @example\n * // CORRECT — size goes on SelectTrigger:\n * <Select onValueChange={setValue}>\n *   <SelectTrigger size=\"lg\">\n *     <SelectValue placeholder=\"Choose...\" />\n *   </SelectTrigger>\n *   <SelectContent>\n *     <SelectItem value=\"a\">Option A</SelectItem>\n *     <SelectItem value=\"b\">Option B</SelectItem>\n *   </SelectContent>\n * </Select>\n *\n * // WRONG — size on Select root is silently ignored (no TypeScript error):\n * // <Select size=\"lg\">...</Select>\n */\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nexport const selectTriggerVariants = cva(\n  'flex w-full items-center justify-between whitespace-nowrap rounded-control placeholder:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1 [&>span]:min-w-0',\n  {\n    variants: {\n      variant: {\n        default:\n          'border border-surface-border-interactive bg-surface-panel-hover focus-visible:border-accent-7',\n        outline:\n          'border border-surface-border-interactive bg-transparent focus-visible:border-accent-7',\n        ghost:\n          'border border-transparent bg-transparent hover:bg-surface-panel-hover focus-visible:border-accent-7',\n      },\n      state: {\n        default: '',\n        error: 'border-error-7 text-error-11 focus-visible:ring-error-9',\n        success: 'border-success-7',\n        warning: 'border-warning-7',\n      },\n      size: {\n        xs: 'h-ds-xs-plus text-body-sm px-ds-02',\n        sm: 'h-ds-sm text-body-sm px-ds-03',\n        md: 'h-ds-md text-body-md px-ds-04',\n        lg: 'h-ds-lg text-body-md px-ds-05',\n      },\n    },\n    defaultVariants: { variant: 'default', state: 'default', size: 'md' },\n  },\n)\n\n/**\n * Props for SelectTrigger. Use `size` here (not on the `Select` root).\n *\n * @example\n * <SelectTrigger size=\"lg\" className=\"w-[200px]\">\n *   <SelectValue placeholder=\"Select an option\" />\n * </SelectTrigger>\n */\nexport interface SelectTriggerProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'color'>,\n    VariantProps<typeof selectTriggerVariants> {}\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(({ className, children, variant, state: stateProp, size, ...props }, ref) => {\n  const fieldCtx = useFormField()\n  // Explicit `state` prop wins over FormField context (shared precedence).\n  const state = resolveFieldState((stateProp ?? undefined) as FieldState | undefined, fieldCtx.state)\n  const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n  const ariaRequired = props['aria-required'] ?? fieldCtx.required\n\n  return (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(selectTriggerVariants({ variant, state: state ?? 'default', size }), className)}\n    aria-invalid={state === 'error' || undefined}\n    aria-describedby={ariaDescribedBy}\n    aria-required={ariaRequired || undefined}\n    {...props}\n    // Explicit id wins; otherwise adopt FormField's inputId so <Label htmlFor> resolves.\n    id={props.id ?? fieldCtx.inputId}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <Icon icon={IconChevronDown} size=\"sm\" className=\"opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n  )\n})\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-ds-02',\n      className,\n    )}\n    {...props}\n  >\n    <Icon icon={IconChevronUp} size=\"sm\" />\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-ds-02',\n      className,\n    )}\n    {...props}\n  >\n    <Icon icon={IconChevronDown} size=\"sm\" />\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      position={position}\n      asChild\n      {...props}\n    >\n      <motion.div\n        initial={{ opacity: 0, scale: 0.95 }}\n        animate={{ opacity: 1, scale: 1 }}\n        transition={{ ...springs.snappy, opacity: tweens.fade }}\n        className={cn(\n          'relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-overlay bg-surface-overlay text-surface-fg shadow-floating',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-ds-02',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </motion.div>\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn('px-ds-03 py-ds-02b text-body-md font-semibold', className)}\n    {...props}\n  />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-default select-none items-center rounded-control py-ds-02b pl-ds-03 pr-ds-07 text-body-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-panel-hover focus:bg-surface-panel-hover focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <Icon icon={IconCheck} size=\"sm\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText className=\"min-w-0 line-clamp-1\">{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-ds-01 my-ds-02 h-px bg-surface-border', className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\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":"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"}
+{"version":3,"file":"select.js","names":[],"sources":["../../src/ui/select.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@primitives/react-select'\nimport { IconCheck, IconChevronDown, IconChevronUp } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { MotionPreference } from '../motion/motion-preference'\nimport { useFormField } from './form'\nimport { Icon } from './icon'\nimport { type FieldState, resolveFieldState } from './lib/field-state'\nimport { springs, tweens } from './lib/motion'\nimport { cn } from './lib/utils'\n\n/**\n * Select root — manages open/close state and selected value.\n *\n * **Important:** `size` is NOT a prop on `Select`. Set it on `SelectTrigger` instead.\n * Passing `size` directly to `Select` produces no TypeScript error but has no effect.\n *\n * @example\n * // CORRECT — size goes on SelectTrigger:\n * <Select onValueChange={setValue}>\n *   <SelectTrigger size=\"lg\">\n *     <SelectValue placeholder=\"Choose...\" />\n *   </SelectTrigger>\n *   <SelectContent>\n *     <SelectItem value=\"a\">Option A</SelectItem>\n *     <SelectItem value=\"b\">Option B</SelectItem>\n *   </SelectContent>\n * </Select>\n *\n * // WRONG — size on Select root is silently ignored (no TypeScript error):\n * // <Select size=\"lg\">...</Select>\n */\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nexport const selectTriggerVariants = cva(\n  'flex w-full items-center justify-between whitespace-nowrap rounded-control placeholder:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1 [&>span]:min-w-0',\n  {\n    variants: {\n      variant: {\n        default:\n          'border border-surface-border-interactive bg-field hover:bg-field-hover focus-visible:border-accent-7',\n        outline:\n          'border border-surface-border-interactive bg-transparent focus-visible:border-accent-7',\n        ghost:\n          'border border-transparent bg-transparent hover:bg-surface-panel-hover focus-visible:border-accent-7',\n      },\n      state: {\n        default: '',\n        // Step 8 clears the 3:1 non-text bar that step 7 missed. Warning stays\n        // at 7 per the design note (\"border color no changed\").\n        error: 'border-error-8 text-error-11 focus-visible:ring-error-9',\n        success: 'border-success-8',\n        warning: 'border-warning-7',\n      },\n      // 12px inline padding on every size (design 2026-08-24).\n      size: {\n        xs: 'h-ds-xs-plus text-body-sm px-ds-04',\n        sm: 'h-ds-sm text-body-sm px-ds-04',\n        md: 'h-ds-md text-body-md px-ds-04',\n        lg: 'h-ds-lg text-body-md px-ds-04',\n      },\n    },\n    defaultVariants: { variant: 'default', state: 'default', size: 'md' },\n  },\n)\n\n/**\n * Props for SelectTrigger. Use `size` here (not on the `Select` root).\n *\n * @example\n * <SelectTrigger size=\"lg\" className=\"w-[200px]\">\n *   <SelectValue placeholder=\"Select an option\" />\n * </SelectTrigger>\n */\nexport interface SelectTriggerProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'color'>,\n    VariantProps<typeof selectTriggerVariants> {}\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(({ className, children, variant, state: stateProp, size, ...props }, ref) => {\n  const fieldCtx = useFormField()\n  // Explicit `state` prop wins over FormField context (shared precedence).\n  const state = resolveFieldState((stateProp ?? undefined) as FieldState | undefined, fieldCtx.state)\n  const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n  const ariaRequired = props['aria-required'] ?? fieldCtx.required\n\n  return (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(selectTriggerVariants({ variant, state: state ?? 'default', size }), className)}\n    aria-invalid={state === 'error' || undefined}\n    aria-describedby={ariaDescribedBy}\n    aria-required={ariaRequired || undefined}\n    {...props}\n    // Explicit id wins; otherwise adopt FormField's inputId so <Label htmlFor> resolves.\n    id={props.id ?? fieldCtx.inputId}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <Icon icon={IconChevronDown} size=\"sm\" className=\"opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n  )\n})\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-ds-02',\n      className,\n    )}\n    {...props}\n  >\n    <Icon icon={IconChevronUp} size=\"sm\" />\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-ds-02',\n      className,\n    )}\n    {...props}\n  >\n    <Icon icon={IconChevronDown} size=\"sm\" />\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n  <MotionPreference>\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        position={position}\n        asChild\n        {...props}\n      >\n        <motion.div\n          initial={{ opacity: 0, scale: 0.95 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={{ ...springs.snappy, opacity: tweens.fade }}\n          className={cn(\n            'relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-overlay bg-surface-overlay text-surface-fg shadow-floating',\n            position === 'popper' &&\n              'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n            className,\n          )}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.Viewport\n            className={cn(\n              'p-ds-02',\n              position === 'popper' &&\n                'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n            )}\n          >\n            {children}\n          </SelectPrimitive.Viewport>\n          <SelectScrollDownButton />\n        </motion.div>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  </MotionPreference>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn('px-ds-03 py-ds-02b text-body-md font-semibold', className)}\n    {...props}\n  />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-default select-none items-center rounded-control py-ds-02b pl-ds-03 pr-ds-07 text-body-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-panel-hover focus:bg-surface-panel-hover focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <Icon icon={IconCheck} size=\"sm\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText className=\"min-w-0 line-clamp-1\">{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-ds-01 my-ds-02 h-px bg-surface-border', className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\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":"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"}

package/dist/ui/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/ui/sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/ui/sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/ui/sidebar.js

@@ -125,7 +125,7 @@ var M = g(({ side: e = "left", variant: t = "sidebar", collapsible: r = "offcanv
 		"data-variant": t,
 		"data-side": e,
 		children: [/* @__PURE__ */ C("div", { className: n("relative h-svh w-(--sidebar-width) bg-transparent transition-[width] duration-moderate-02 ease-productive-exit", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }), /* @__PURE__ */ C("div", {
-			className: n("fixed inset-y-0 z-raised hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-moderate-02 ease-productive-exit md:flex", e === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", t === "floating" || t === "inset" ? "p-ds-03 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_1rem_+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", i),
+			className: n("fixed inset-y-0 z-raised hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-moderate-02 ease-productive-exit md:flex", e === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", t === "floating" || t === "inset" ? "p-ds-03 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_1rem_+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) border-surface-border group-data-[side=left]:border-r group-data-[side=right]:border-l", i),
 			...o,
 			children: /* @__PURE__ */ C("aside", {
 				"aria-label": "Sidebar",
@@ -258,7 +258,7 @@ var K = g(({ className: e, ...t }, r) => /* @__PURE__ */ C("li", {
 	...t
 }));
 K.displayName = "SidebarMenuItem";
-var ce = ne("peer/menu-button hover:bg-surface-panel-hover active:bg-accent-2 data-[active=true]:bg-accent-2 data-[state=open]:hover:bg-surface-panel-hover flex w-full items-center gap-ds-03 overflow-hidden rounded-control p-ds-03 text-left outline-hidden ring-accent-9 transition-[width,height,padding] hover:text-surface-fg focus-visible:ring-2 active:text-surface-fg disabled:pointer-events-none disabled:opacity-action-disabled group-has-[[data-sidebar=menu-action]]/menu-item:pr-ds-07 aria-disabled:pointer-events-none aria-disabled:opacity-action-disabled data-[active=true]:font-medium data-[active=true]:text-surface-fg data-[state=open]:hover:text-surface-fg group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-ds-03! [&>span:last-child]:truncate [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0", {
+var ce = ne("peer/menu-button hover:bg-surface-panel-hover active:bg-surface-panel-active data-[active=true]:bg-accent-4 data-[state=open]:hover:bg-surface-panel-hover flex w-full items-center gap-ds-03 overflow-hidden rounded-control p-ds-03 text-left outline-hidden ring-accent-9 transition-[width,height,padding] hover:text-surface-fg focus-visible:ring-2 active:text-surface-fg disabled:pointer-events-none disabled:opacity-action-disabled group-has-[[data-sidebar=menu-action]]/menu-item:pr-ds-07 aria-disabled:pointer-events-none aria-disabled:opacity-action-disabled data-[active=true]:font-medium data-[active=true]:text-surface-fg data-[state=open]:hover:text-surface-fg group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-ds-03! [&>span:last-child]:truncate [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0", {
 	variants: {
 		variant: {
 			default: "hover:bg-surface-panel-hover hover:text-surface-fg",
@@ -287,7 +287,7 @@ var ce = ne("peer/menu-button hover:bg-surface-panel-hover active:bg-accent-2 da
 		...p,
 		children: r ? d : /* @__PURE__ */ w(S, { children: [i && /* @__PURE__ */ C(E.span, {
 			layoutId: "sidebar-active-indicator",
-			className: "absolute inset-0 rounded-control bg-accent-2",
+			className: "absolute inset-0 rounded-control bg-accent-4",
 			transition: t.smooth
 		}), /* @__PURE__ */ C("span", {
 			className: "relative z-[1] flex w-full items-center gap-[inherit]",
@@ -354,7 +354,7 @@ var $ = g(({ asChild: t = !1, size: r = "md", isActive: i, className: a, ...o },
 	"data-sidebar": "menu-sub-button",
 	"data-size": r,
 	"data-active": i,
-	className: n("hover:bg-surface-panel-hover active:bg-accent-2 flex h-ds-xs-plus min-w-0 -translate-x-px items-center gap-ds-03 overflow-hidden rounded-control px-ds-03 text-surface-fg outline-hidden ring-accent-9 hover:text-surface-fg focus-visible:ring-2 active:text-surface-fg disabled:pointer-events-none disabled:opacity-action-disabled aria-disabled:pointer-events-none aria-disabled:opacity-action-disabled [&>span:last-child]:truncate [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0 [&>svg]:text-surface-fg", "data-[active=true]:bg-accent-2 data-[active=true]:text-surface-fg", r === "sm" && "text-body-sm", r === "md" && "text-body-md", "group-data-[collapsible=icon]:hidden", a),
+	className: n("hover:bg-surface-panel-hover active:bg-surface-panel-active flex h-ds-xs-plus min-w-0 -translate-x-px items-center gap-ds-03 overflow-hidden rounded-control px-ds-03 text-surface-fg outline-hidden ring-accent-9 hover:text-surface-fg focus-visible:ring-2 active:text-surface-fg disabled:pointer-events-none disabled:opacity-action-disabled aria-disabled:pointer-events-none aria-disabled:opacity-action-disabled [&>span:last-child]:truncate [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0 [&>svg]:text-surface-fg", "data-[active=true]:bg-accent-4 data-[active=true]:text-surface-fg", r === "sm" && "text-body-sm", r === "md" && "text-body-md", "group-data-[collapsible=icon]:hidden", a),
 	...o
 }));
 $.displayName = "SidebarMenuSubButton";