admin-ui-starter-kit 0.1.3 → 0.4.2

package/dist/_shared/spinner-BfAbXTQ7.js

@@ -0,0 +1,67 @@
+import { d as e } from "./ui-provider-C8Ot88lS.js";
+import { cn as t } from "../lib/utils.js";
+import { n } from "./heading-HeP06nXG.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/base/spinner/spinner.tsx
+var o = r(function({ label: r, className: o = "", variant: u, style: d }, f) {
+	let { defaultVariant: p } = e(), m = u ?? p ?? "default";
+	return /* @__PURE__ */ i("div", {
+		ref: f,
+		className: t("spinner--component", "flex items-center justify-center p-8"),
+		style: d,
+		children: /* @__PURE__ */ a("div", {
+			className: "flex flex-col items-center justify-center gap-2 text-center",
+			children: [
+				m === "default" && /* @__PURE__ */ i(s, { className: o }),
+				m === "shimmer" && /* @__PURE__ */ i(c, { className: o }),
+				m === "progress" && /* @__PURE__ */ i(l, { className: o }),
+				!!r && /* @__PURE__ */ i(n, {
+					type: "secondary",
+					children: r
+				})
+			]
+		})
+	});
+});
+o.displayName = "Spinner";
+function s({ className: e = "" }) {
+	return /* @__PURE__ */ a("svg", {
+		className: t("h-10 w-10 text-primary", e),
+		fill: "currentColor",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ i("path", {
+			d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
+			opacity: ".25"
+		}), /* @__PURE__ */ i("path", {
+			d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z",
+			children: /* @__PURE__ */ i("animateTransform", {
+				attributeName: "transform",
+				type: "rotate",
+				dur: "0.75s",
+				values: "0 12 12;360 12 12",
+				repeatCount: "indefinite"
+			})
+		})]
+	});
+}
+function c({ className: e = "" }) {
+	return /* @__PURE__ */ i("div", {
+		className: t("h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]", "animate-[shimmer_1.5s_ease-in-out_infinite]", e),
+		"aria-hidden": "true"
+	});
+}
+function l({ className: e = "" }) {
+	return /* @__PURE__ */ i("div", {
+		className: t("h-1 w-32 overflow-hidden rounded bg-muted", e),
+		role: "progressbar",
+		"aria-busy": "true",
+		children: /* @__PURE__ */ i("div", { className: "h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary" })
+	});
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=spinner-BfAbXTQ7.js.map

package/dist/_shared/spinner-BfAbXTQ7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-BfAbXTQ7.js","names":[],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spin (the legacy shape)\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useSpinnerConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerProps {\n\tlabel?: string;\n\tclassName?: string;\n\tvariant?: SpinnerVariant;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div ref={ref} className={cn('spinner--component', 'flex items-center justify-center p-8')} style={style}>\n\t\t\t<div className=\"flex flex-col items-center justify-center gap-2 text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('h-1 w-32 overflow-hidden rounded bg-muted', className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AA4BA,IAAa,IAAU,EAAyC,SAC/D,EAAE,UAAO,eAAY,IAAI,SAAS,GAAa,YAC/C,GACC;CACD,IAAM,EAAE,sBAAmB,EAAiB,GACtC,IAA0B,KAAe,KAAkB;CAEjE,OACC,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,sBAAsB,sCAAsC;EAAU;YAClG,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,MAAY,aAAa,kBAAC,GAAD,EAA2B,aAAY,CAAA;IAChE,MAAY,aAAa,kBAAC,GAAD,EAA2B,aAAY,CAAA;IAChE,MAAY,cAAc,kBAAC,GAAD,EAA4B,aAAY,CAAA;IAClE,CAAC,CAAC,KAAS,kBAAC,GAAD;KAAM,MAAK;eAAa;IAAY,CAAA;GAC5C;;CACD,CAAA;AAEP,CAAC;AAED,EAAQ,cAAc;AAEtB,SAAS,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAW,EAAG,0BAA0B,CAAS;EACjD,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAY;YALb,CAOC,kBAAC,QAAD;GACC,GAAE;GACF,SAAQ;EACR,CAAA,GACD,kBAAC,QAAD;GAAM,GAAE;aACP,kBAAC,oBAAD;IACC,eAAc;IACd,MAAK;IACL,KAAI;IACJ,QAAO;IACP,aAAY;GACZ,CAAA;EACI,CAAA,CACF;;AAEP;AAEA,SAAS,EAAe,EAAE,eAAY,MAA8B;CACnE,OACC,kBAAC,OAAD;EACC,WAAW,EACV,6GACA,+CACA,CACD;EACA,eAAY;CACZ,CAAA;AAEH;AAEA,SAAS,EAAgB,EAAE,eAAY,MAA8B;CACpE,OACC,kBAAC,OAAD;EACC,WAAW,EAAG,6CAA6C,CAAS;EACpE,MAAK;EACL,aAAU;YAEV,kBAAC,OAAD,EAAK,WAAU,qFAAsF,CAAA;CACjG,CAAA;AAEP"}

package/dist/_shared/spinner-DWn3x9Tl.cjs

@@ -0,0 +1,2 @@
+const e=require("./ui-provider-BF4m2cR0.cjs"),t=require("../lib/utils.cjs"),n=require("./heading-0DYCOrgC.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.forwardRef)(function({label:r,className:a=``,variant:l,style:u},d){let{defaultVariant:f}=e.d(),p=l??f??`default`;return(0,i.jsx)(`div`,{ref:d,className:t.cn(`spinner--component`,`flex items-center justify-center p-8`),style:u,children:(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 text-center`,children:[p==="default"&&(0,i.jsx)(o,{className:a}),p===`shimmer`&&(0,i.jsx)(s,{className:a}),p===`progress`&&(0,i.jsx)(c,{className:a}),!!r&&(0,i.jsx)(n.n,{type:`secondary`,children:r})]})})});a.displayName=`Spinner`;function o({className:e=``}){return(0,i.jsxs)(`svg`,{className:t.cn(`h-10 w-10 text-primary`,e),fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,i.jsx)(`path`,{d:`M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z`,opacity:`.25`}),(0,i.jsx)(`path`,{d:`M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z`,children:(0,i.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,dur:`0.75s`,values:`0 12 12;360 12 12`,repeatCount:`indefinite`})})]})}function s({className:e=``}){return(0,i.jsx)(`div`,{className:t.cn(`h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]`,`animate-[shimmer_1.5s_ease-in-out_infinite]`,e),"aria-hidden":`true`})}function c({className:e=``}){return(0,i.jsx)(`div`,{className:t.cn(`h-1 w-32 overflow-hidden rounded bg-muted`,e),role:`progressbar`,"aria-busy":`true`,children:(0,i.jsx)(`div`,{className:`h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary`})})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=spinner-DWn3x9Tl.cjs.map

package/dist/_shared/spinner-DWn3x9Tl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-DWn3x9Tl.cjs","names":[],"sources":["../../src/components/base/spinner/spinner.tsx"],"sourcesContent":["/**\n * Spinner — three-variant loading indicator with optional label.\n *\n * Variants:\n *  - `default` — circular SVG spin (the legacy shape)\n *  - `shimmer` — round shimmer bar\n *  - `progress` — slim animated progress strip\n *\n * `variant` resolves via `useSpinnerConfig().defaultVariant ?? 'default'`,\n * so a consumer can set the library-wide spinner style at the\n * `<UIProvider>` root and override per-mount as needed. Forwards a ref to\n * the outer wrapper so consumers can position/measure the spinner.\n */\nimport { forwardRef, type CSSProperties } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useSpinnerConfig } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nexport type SpinnerVariant = 'default' | 'shimmer' | 'progress';\n\nexport interface SpinnerProps {\n\tlabel?: string;\n\tclassName?: string;\n\tvariant?: SpinnerVariant;\n\tstyle?: CSSProperties;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner(\n\t{ label, className = '', variant: variantProp, style },\n\tref,\n) {\n\tconst { defaultVariant } = useSpinnerConfig();\n\tconst variant: SpinnerVariant = variantProp ?? defaultVariant ?? 'default';\n\n\treturn (\n\t\t<div ref={ref} className={cn('spinner--component', 'flex items-center justify-center p-8')} style={style}>\n\t\t\t<div className=\"flex flex-col items-center justify-center gap-2 text-center\">\n\t\t\t\t{variant === 'default' && <SpinnerDefault className={className} />}\n\t\t\t\t{variant === 'shimmer' && <SpinnerShimmer className={className} />}\n\t\t\t\t{variant === 'progress' && <SpinnerProgress className={className} />}\n\t\t\t\t{!!label && <Text type=\"secondary\">{label}</Text>}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n\nfunction SpinnerDefault({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={cn('h-10 w-10 text-primary', className)}\n\t\t\tfill=\"currentColor\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n\t\t\t\topacity=\".25\"\n\t\t\t/>\n\t\t\t<path d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\">\n\t\t\t\t<animateTransform\n\t\t\t\t\tattributeName=\"transform\"\n\t\t\t\t\ttype=\"rotate\"\n\t\t\t\t\tdur=\"0.75s\"\n\t\t\t\t\tvalues=\"0 12 12;360 12 12\"\n\t\t\t\t\trepeatCount=\"indefinite\"\n\t\t\t\t/>\n\t\t\t</path>\n\t\t</svg>\n\t);\n}\n\nfunction SpinnerShimmer({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]',\n\t\t\t\t'animate-[shimmer_1.5s_ease-in-out_infinite]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n}\n\nfunction SpinnerProgress({ className = '' }: { className?: string }) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('h-1 w-32 overflow-hidden rounded bg-muted', className)}\n\t\t\trole=\"progressbar\"\n\t\t\taria-busy=\"true\"\n\t\t>\n\t\t\t<div className=\"h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary\" />\n\t\t</div>\n\t);\n}\n"],"mappings":"sKA4BA,IAAa,GAAA,EAAA,EAAA,YAAmD,SAC/D,CAAE,QAAO,YAAY,GAAI,QAAS,EAAa,SAC/C,EACC,CACD,GAAM,CAAE,kBAAmB,EAAA,EAAiB,EACtC,EAA0B,GAAe,GAAkB,UAEjE,OACC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,qBAAsB,sCAAsC,EAAU,kBAClG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uEAAf,CACE,IAAY,YAAa,EAAA,EAAA,KAAC,EAAD,CAA2B,WAAY,CAAA,EAChE,IAAY,YAAa,EAAA,EAAA,KAAC,EAAD,CAA2B,WAAY,CAAA,EAChE,IAAY,aAAc,EAAA,EAAA,KAAC,EAAD,CAA4B,WAAY,CAAA,EAClE,CAAC,CAAC,IAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,qBAAa,CAAY,CAAA,CAC5C,GACD,CAAA,CAEP,CAAC,EAED,EAAQ,YAAc,UAEtB,SAAS,EAAe,CAAE,YAAY,IAA8B,CACnE,OACC,EAAA,EAAA,MAAC,MAAD,CACC,UAAW,EAAA,GAAG,yBAA0B,CAAS,EACjD,KAAK,eACL,QAAQ,YACR,MAAM,6BACN,cAAY,gBALb,EAOC,EAAA,EAAA,KAAC,OAAD,CACC,EAAE,gFACF,QAAQ,KACR,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,uKACP,EAAA,EAAA,KAAC,mBAAD,CACC,cAAc,YACd,KAAK,SACL,IAAI,QACJ,OAAO,oBACP,YAAY,YACZ,CAAA,CACI,CAAA,CACF,GAEP,CAEA,SAAS,EAAe,CAAE,YAAY,IAA8B,CACnE,OACC,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GACV,4GACA,8CACA,CACD,EACA,cAAY,MACZ,CAAA,CAEH,CAEA,SAAS,EAAgB,CAAE,YAAY,IAA8B,CACpE,OACC,EAAA,EAAA,KAAC,MAAD,CACC,UAAW,EAAA,GAAG,4CAA6C,CAAS,EACpE,KAAK,cACL,YAAU,iBAEV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oFAAsF,CAAA,CACjG,CAAA,CAEP"}

package/dist/_shared/switch-BBP3u1z5.js

@@ -0,0 +1,55 @@
+import { cn as e } from "../lib/utils.js";
+import { forwardRef as t, useCallback as n, useId as r, useMemo as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { Switch as o } from "@base-ui/react/switch";
+//#region src/components/ui/switch.tsx
+function s({ className: t, size: n = "default", ...r }) {
+	return /* @__PURE__ */ a(o.Root, {
+		"data-slot": "switch",
+		"data-size": n,
+		className: e("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", t),
+		...r,
+		children: /* @__PURE__ */ a(o.Thumb, {
+			"data-slot": "switch-thumb",
+			className: "bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform"
+		})
+	});
+}
+//#endregion
+//#region src/components/base/forms/fields/switch.tsx
+var c = t(function({ onCheckedChange: t, invalid: o, className: c, ...l }, u) {
+	let d = r(), f = i(() => l.name ? String(l.name) : l.id ? String(l.id) : `switch-${d}`, [
+		d,
+		l.id,
+		l.name
+	]), p = l.id ?? f, m = n((e) => {
+		t?.({ target: {
+			name: f,
+			value: e
+		} });
+	}, [f, t]);
+	return /* @__PURE__ */ a(s, {
+		ref: u,
+		...l,
+		onCheckedChange: m,
+		id: p,
+		name: f,
+		"aria-invalid": o || void 0,
+		className: e("switch--component", o && "data-[state=unchecked]:border-destructive", c)
+	});
+});
+c.displayName = "Switch";
+var l = t(function({ onCheckedChange: t, invalid: n, className: r, ...i }, o) {
+	return /* @__PURE__ */ a(s, {
+		ref: o,
+		...i,
+		onCheckedChange: (e) => t?.(e),
+		"aria-invalid": n || void 0,
+		className: e(n && "data-[state=unchecked]:border-destructive", r)
+	});
+});
+l.displayName = "ToggleSwitch";
+//#endregion
+export { l as n, s as r, c as t };
+
+//# sourceMappingURL=switch-BBP3u1z5.js.map

package/dist/_shared/switch-BBP3u1z5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-BBP3u1z5.js","names":[],"sources":["../../src/components/ui/switch.tsx","../../src/components/base/forms/fields/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n","/**\n * Switch — base wrapper around the shadcn switch primitive.\n *\n * Two flavors:\n *  - `Switch` — emits `ImitationEvent` (`{ target: { name, value } }`) so it\n *    plugs into form-field bindings and synthetic onChange handlers.\n *  - `ToggleSwitch` — emits a plain `boolean` for simpler controlled flows.\n *\n * Both forward refs to the underlying button so consumers can focus / measure\n * the switch programmatically.\n */\nimport type { ComponentProps } from 'react';\nimport { forwardRef, useCallback, useId, useMemo } from 'react';\nimport { Switch as SwitchPrimitive } from '@/components/ui/switch';\nimport { cn } from '@/lib/utils';\n\nexport interface ImitationEvent {\n    target: {\n        name: string;\n        value: boolean;\n    };\n}\n\ntype BaseSwitchProps = ComponentProps<typeof SwitchPrimitive>;\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive>;\n\nexport interface SwitchProps extends Omit<BaseSwitchProps, 'onCheckedChange'> {\n    /** Event-style change handler for form compatibility. */\n    onCheckedChange?: (event: ImitationEvent) => void;\n    /** Error state for styling (passed from FormField). */\n    invalid?: boolean;\n}\n\nexport const Switch = forwardRef<SwitchElement, SwitchProps>(function Switch(\n    { onCheckedChange, invalid, className, ...rest },\n    ref,\n) {\n    const generatedId = useId();\n    const name = useMemo(() => {\n        if (rest.name) return String(rest.name);\n        if (rest.id) return String(rest.id);\n        return `switch-${generatedId}`;\n    }, [generatedId, rest.id, rest.name]);\n\n    const resolvedId = rest.id ?? name;\n\n    const handleChange = useCallback(\n        (checked: boolean) => {\n            onCheckedChange?.({\n                target: { name, value: checked },\n            });\n        },\n        [name, onCheckedChange]\n    );\n\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...rest}\n            onCheckedChange={handleChange}\n            id={resolvedId}\n            name={name}\n            aria-invalid={invalid || undefined}\n            className={cn('switch--component', \n                invalid && 'data-[state=unchecked]:border-destructive',\n                className\n            )}\n        />\n    );\n});\n\nSwitch.displayName = 'Switch';\n\nexport type ToggleSwitchProps = Omit<BaseSwitchProps, 'onCheckedChange'> & {\n    onCheckedChange?: (checked: boolean) => void;\n    invalid?: boolean;\n};\n\nexport const ToggleSwitch = forwardRef<SwitchElement, ToggleSwitchProps>(function ToggleSwitch(\n    { onCheckedChange, invalid, className, ...props },\n    ref,\n) {\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...props}\n            onCheckedChange={(checked) => onCheckedChange?.(checked)}\n            aria-invalid={invalid || undefined}\n            className={cn(invalid && 'data-[state=unchecked]:border-destructive', className)}\n        />\n    );\n});\n\nToggleSwitch.displayName = 'ToggleSwitch';\n"],"mappings":";;;;;AAIA,SAAS,EAAO,EACd,cACA,UAAO,WACP,GAAG,KAGF;CACD,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,2hBACA,CACF;EACA,GAAI;YAEJ,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CACmB,CAAA;AAE1B;;;ACMA,IAAa,IAAS,EAAuC,SACzD,EAAE,oBAAiB,YAAS,cAAW,GAAG,KAC1C,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAO,QACL,EAAK,OAAa,OAAO,EAAK,IAAI,IAClC,EAAK,KAAW,OAAO,EAAK,EAAE,IAC3B,UAAU,KAClB;EAAC;EAAa,EAAK;EAAI,EAAK;CAAI,CAAC,GAE9B,IAAa,EAAK,MAAM,GAExB,IAAe,GAChB,MAAqB;EAClB,IAAkB,EACd,QAAQ;GAAE;GAAM,OAAO;EAAQ,EACnC,CAAC;CACL,GACA,CAAC,GAAM,CAAe,CAC1B;CAEA,OACI,kBAAC,GAAD;EACS;EACL,GAAI;EACJ,iBAAiB;EACjB,IAAI;EACE;EACN,gBAAc,KAAW,KAAA;EACzB,WAAW,EAAG,qBACV,KAAW,6CACX,CACJ;CACH,CAAA;AAET,CAAC;AAED,EAAO,cAAc;AAOrB,IAAa,IAAe,EAA6C,SACrE,EAAE,oBAAiB,YAAS,cAAW,GAAG,KAC1C,GACF;CACE,OACI,kBAAC,GAAD;EACS;EACL,GAAI;EACJ,kBAAkB,MAAY,IAAkB,CAAO;EACvD,gBAAc,KAAW,KAAA;EACzB,WAAW,EAAG,KAAW,6CAA6C,CAAS;CAClF,CAAA;AAET,CAAC;AAED,EAAa,cAAc"}

package/dist/_shared/switch-zFZhhOEP.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("@base-ui/react/switch");function i({className:t,size:i=`default`,...a}){return(0,n.jsx)(r.Switch.Root,{"data-slot":`switch`,"data-size":i,className:e.cn(`data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50`,t),...a,children:(0,n.jsx)(r.Switch.Thumb,{"data-slot":`switch-thumb`,className:`bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform`})})}var a=(0,t.forwardRef)(function({onCheckedChange:r,invalid:a,className:o,...s},c){let l=(0,t.useId)(),u=(0,t.useMemo)(()=>s.name?String(s.name):s.id?String(s.id):`switch-${l}`,[l,s.id,s.name]),d=s.id??u,f=(0,t.useCallback)(e=>{r?.({target:{name:u,value:e}})},[u,r]);return(0,n.jsx)(i,{ref:c,...s,onCheckedChange:f,id:d,name:u,"aria-invalid":a||void 0,className:e.cn(`switch--component`,a&&`data-[state=unchecked]:border-destructive`,o)})});a.displayName=`Switch`;var o=(0,t.forwardRef)(function({onCheckedChange:t,invalid:r,className:a,...o},s){return(0,n.jsx)(i,{ref:s,...o,onCheckedChange:e=>t?.(e),"aria-invalid":r||void 0,className:e.cn(r&&`data-[state=unchecked]:border-destructive`,a)})});o.displayName=`ToggleSwitch`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=switch-zFZhhOEP.cjs.map

package/dist/_shared/switch-zFZhhOEP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-zFZhhOEP.cjs","names":[],"sources":["../../src/components/ui/switch.tsx","../../src/components/base/forms/fields/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n","/**\n * Switch — base wrapper around the shadcn switch primitive.\n *\n * Two flavors:\n *  - `Switch` — emits `ImitationEvent` (`{ target: { name, value } }`) so it\n *    plugs into form-field bindings and synthetic onChange handlers.\n *  - `ToggleSwitch` — emits a plain `boolean` for simpler controlled flows.\n *\n * Both forward refs to the underlying button so consumers can focus / measure\n * the switch programmatically.\n */\nimport type { ComponentProps } from 'react';\nimport { forwardRef, useCallback, useId, useMemo } from 'react';\nimport { Switch as SwitchPrimitive } from '@/components/ui/switch';\nimport { cn } from '@/lib/utils';\n\nexport interface ImitationEvent {\n    target: {\n        name: string;\n        value: boolean;\n    };\n}\n\ntype BaseSwitchProps = ComponentProps<typeof SwitchPrimitive>;\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive>;\n\nexport interface SwitchProps extends Omit<BaseSwitchProps, 'onCheckedChange'> {\n    /** Event-style change handler for form compatibility. */\n    onCheckedChange?: (event: ImitationEvent) => void;\n    /** Error state for styling (passed from FormField). */\n    invalid?: boolean;\n}\n\nexport const Switch = forwardRef<SwitchElement, SwitchProps>(function Switch(\n    { onCheckedChange, invalid, className, ...rest },\n    ref,\n) {\n    const generatedId = useId();\n    const name = useMemo(() => {\n        if (rest.name) return String(rest.name);\n        if (rest.id) return String(rest.id);\n        return `switch-${generatedId}`;\n    }, [generatedId, rest.id, rest.name]);\n\n    const resolvedId = rest.id ?? name;\n\n    const handleChange = useCallback(\n        (checked: boolean) => {\n            onCheckedChange?.({\n                target: { name, value: checked },\n            });\n        },\n        [name, onCheckedChange]\n    );\n\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...rest}\n            onCheckedChange={handleChange}\n            id={resolvedId}\n            name={name}\n            aria-invalid={invalid || undefined}\n            className={cn('switch--component', \n                invalid && 'data-[state=unchecked]:border-destructive',\n                className\n            )}\n        />\n    );\n});\n\nSwitch.displayName = 'Switch';\n\nexport type ToggleSwitchProps = Omit<BaseSwitchProps, 'onCheckedChange'> & {\n    onCheckedChange?: (checked: boolean) => void;\n    invalid?: boolean;\n};\n\nexport const ToggleSwitch = forwardRef<SwitchElement, ToggleSwitchProps>(function ToggleSwitch(\n    { onCheckedChange, invalid, className, ...props },\n    ref,\n) {\n    return (\n        <SwitchPrimitive\n            ref={ref}\n            {...props}\n            onCheckedChange={(checked) => onCheckedChange?.(checked)}\n            aria-invalid={invalid || undefined}\n            className={cn(invalid && 'data-[state=unchecked]:border-destructive', className)}\n        />\n    );\n});\n\nToggleSwitch.displayName = 'ToggleSwitch';\n"],"mappings":"6HAIA,SAAS,EAAO,CACd,YACA,OAAO,UACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAC,EAAA,OAAgB,KAAjB,CACE,YAAU,SACV,YAAW,EACX,UAAW,EAAA,GACT,0hBACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,OAAgB,MAAjB,CACE,YAAU,eACV,UAAU,+ZACX,CAAA,CACmB,CAAA,CAE1B,CCMA,IAAa,GAAA,EAAA,EAAA,YAAgD,SACzD,CAAE,kBAAiB,UAAS,YAAW,GAAG,GAC1C,EACF,CACE,IAAM,GAAA,EAAA,EAAA,OAAoB,EACpB,GAAA,EAAA,EAAA,aACE,EAAK,KAAa,OAAO,EAAK,IAAI,EAClC,EAAK,GAAW,OAAO,EAAK,EAAE,EAC3B,UAAU,IAClB,CAAC,EAAa,EAAK,GAAI,EAAK,IAAI,CAAC,EAE9B,EAAa,EAAK,IAAM,EAExB,GAAA,EAAA,EAAA,aACD,GAAqB,CAClB,IAAkB,CACd,OAAQ,CAAE,OAAM,MAAO,CAAQ,CACnC,CAAC,CACL,EACA,CAAC,EAAM,CAAe,CAC1B,EAEA,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,GAAI,EACJ,gBAAiB,EACjB,GAAI,EACE,OACN,eAAc,GAAW,IAAA,GACzB,UAAW,EAAA,GAAG,oBACV,GAAW,4CACX,CACJ,CACH,CAAA,CAET,CAAC,EAED,EAAO,YAAc,SAOrB,IAAa,GAAA,EAAA,EAAA,YAA4D,SACrE,CAAE,kBAAiB,UAAS,YAAW,GAAG,GAC1C,EACF,CACE,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,GAAI,EACJ,gBAAkB,GAAY,IAAkB,CAAO,EACvD,eAAc,GAAW,IAAA,GACzB,UAAW,EAAA,GAAG,GAAW,4CAA6C,CAAS,CAClF,CAAA,CAET,CAAC,EAED,EAAa,YAAc"}