@aseguragonzalez/ui 1.0.4 → 1.0.5

package/dist/components/Sidebar/Sidebar.js

@@ -0,0 +1,150 @@
+import e from "./Sidebar.module.css.js";
+import { forwardRef as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { createPortal as c } from "react-dom";
+//#region src/components/Sidebar/Sidebar.tsx
+var l = "a[href], button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", u = () => /* @__PURE__ */ o("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ o("path", {
+		d: "M10 4L6 8L10 12",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+}), d = () => /* @__PURE__ */ o("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ o("path", {
+		d: "M6 4L10 8L6 12",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+}), f = () => /* @__PURE__ */ o("svg", {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ o("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" })
+}), p = t(({ items: t, logo: p, header: m, footer: h, "aria-label": g = "Sidebar navigation", defaultCollapsed: _ = !1, isCollapsed: v, onCollapsedChange: y, defaultMobileOpen: b = !1, isMobileOpen: x, onMobileOpenChange: S, className: C }, w) => {
+	let [T, E] = a(_), D = v ?? T, [O, k] = a(b), A = x ?? O, [j] = a(() => typeof document < "u"), M = i(null), N = i(null);
+	r(() => {
+		if (window.matchMedia?.("(max-width: 767px)")?.matches ?? !1) return A ? (N.current = document.activeElement, document.body.style.overflow = "hidden", (M.current?.querySelector(l))?.focus()) : (document.body.style.overflow = "", N.current?.focus(), N.current = null), () => {
+			document.body.style.overflow = "";
+		};
+	}, [A]);
+	let P = n(() => {
+		let e = !D;
+		v === void 0 && E(e), y?.(e);
+	}, [
+		D,
+		v,
+		y
+	]), F = n(() => {
+		x === void 0 && k(!1), S?.(!1);
+	}, [x, S]), I = n((e) => {
+		e.key === "Escape" && F();
+	}, [F]), L = [
+		e.sidebar,
+		D ? e.collapsed : "",
+		A ? e.mobileOpen : "",
+		C ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ s("aside", {
+		ref: w,
+		className: L,
+		children: [j && A && c(/* @__PURE__ */ o("div", {
+			className: e.backdrop,
+			onClick: F,
+			"aria-hidden": "true"
+		}), document.body), /* @__PURE__ */ s("div", {
+			ref: M,
+			className: e.panel,
+			onKeyDown: I,
+			tabIndex: -1,
+			children: [
+				(p || m) && /* @__PURE__ */ s("div", {
+					className: e.panelTop,
+					children: [/* @__PURE__ */ s("div", {
+						className: e.logoRow,
+						children: [p && /* @__PURE__ */ o("div", {
+							className: e.logoSlot,
+							children: p
+						}), m && /* @__PURE__ */ o("div", {
+							className: e.headerContent,
+							children: m
+						})]
+					}), /* @__PURE__ */ o("button", {
+						type: "button",
+						className: e.mobileCloseButton,
+						onClick: F,
+						"aria-label": "Close sidebar",
+						children: /* @__PURE__ */ o(f, {})
+					})]
+				}),
+				!p && !m && /* @__PURE__ */ o("div", {
+					className: e.mobileCloseRow,
+					children: /* @__PURE__ */ o("button", {
+						type: "button",
+						className: e.mobileCloseButton,
+						onClick: F,
+						"aria-label": "Close sidebar",
+						children: /* @__PURE__ */ o(f, {})
+					})
+				}),
+				/* @__PURE__ */ o("nav", {
+					"aria-label": g,
+					className: e.nav,
+					children: /* @__PURE__ */ o("ul", {
+						className: e.navList,
+						tabIndex: 0,
+						children: t.map((t) => /* @__PURE__ */ o("li", {
+							className: e.navItem,
+							children: /* @__PURE__ */ s("a", {
+								href: t.href,
+								onClick: t.onClick,
+								className: [e.navLink, t.isActive ? e.navLinkActive : ""].filter(Boolean).join(" "),
+								"aria-current": t.isActive ? "page" : void 0,
+								"aria-label": t.icon && D ? t.label : void 0,
+								title: t.icon && D ? t.label : void 0,
+								children: [t.icon && /* @__PURE__ */ o("span", {
+									className: e.navLinkIcon,
+									"aria-hidden": "true",
+									children: t.icon
+								}), /* @__PURE__ */ o("span", {
+									className: e.navLinkLabel,
+									children: t.label
+								})]
+							})
+						}, t.key))
+					})
+				}),
+				h && /* @__PURE__ */ o("div", {
+					className: e.footer,
+					children: h
+				}),
+				/* @__PURE__ */ o("button", {
+					type: "button",
+					className: e.collapseButton,
+					onClick: P,
+					"aria-label": D ? "Expand sidebar" : "Collapse sidebar",
+					"aria-expanded": !D,
+					children: o(D ? d : u, {})
+				})
+			]
+		})]
+	});
+});
+p.displayName = "Sidebar";
+//#endregion
+export { p as Sidebar };

package/dist/components/Sidebar/Sidebar.module.css.cjs

@@ -0,0 +1 @@
+var e=`_sidebar_zpuep_3`,t=`_collapsed_zpuep_13`,n=`_panel_zpuep_18`,r=`_backdrop_zpuep_33`,i=`_panelTop_zpuep_42`,a=`_logoRow_zpuep_59`,o=`_logoSlot_zpuep_73`,s=`_headerContent_zpuep_81`,c=`_mobileCloseRow_zpuep_99`,l=`_mobileCloseButton_zpuep_107`,u=`_nav_zpuep_134`,d=`_navList_zpuep_141`,f=`_navItem_zpuep_153`,p=`_navLink_zpuep_157`,m=`_navLinkActive_zpuep_184`,h=`_navLinkIcon_zpuep_189`,g=`_navLinkLabel_zpuep_199`,_=`_collapseButton_zpuep_217`,v=`_footer_zpuep_251`,y=`_mobileOpen_zpuep_285`,b={sidebar:e,collapsed:t,panel:n,backdrop:r,panelTop:i,logoRow:a,logoSlot:o,headerContent:s,mobileCloseRow:c,mobileCloseButton:l,nav:u,navList:d,navItem:f,navLink:p,navLinkActive:m,navLinkIcon:h,navLinkLabel:g,collapseButton:_,footer:v,mobileOpen:y};exports.backdrop=r,exports.collapseButton=_,exports.collapsed=t,exports.default=b,exports.footer=v,exports.headerContent=s,exports.logoRow=a,exports.logoSlot=o,exports.mobileCloseButton=l,exports.mobileCloseRow=c,exports.mobileOpen=y,exports.nav=u,exports.navItem=f,exports.navLink=p,exports.navLinkActive=m,exports.navLinkIcon=h,exports.navLinkLabel=g,exports.navList=d,exports.panel=n,exports.panelTop=i,exports.sidebar=e;

package/dist/components/Sidebar/Sidebar.module.css.js

@@ -0,0 +1,25 @@
+//#region src/components/Sidebar/Sidebar.module.css
+var e = "_sidebar_zpuep_3", t = "_collapsed_zpuep_13", n = "_panel_zpuep_18", r = "_backdrop_zpuep_33", i = "_panelTop_zpuep_42", a = "_logoRow_zpuep_59", o = "_logoSlot_zpuep_73", s = "_headerContent_zpuep_81", c = "_mobileCloseRow_zpuep_99", l = "_mobileCloseButton_zpuep_107", u = "_nav_zpuep_134", d = "_navList_zpuep_141", f = "_navItem_zpuep_153", p = "_navLink_zpuep_157", m = "_navLinkActive_zpuep_184", h = "_navLinkIcon_zpuep_189", g = "_navLinkLabel_zpuep_199", _ = "_collapseButton_zpuep_217", v = "_footer_zpuep_251", y = "_mobileOpen_zpuep_285", b = {
+	sidebar: e,
+	collapsed: t,
+	panel: n,
+	backdrop: r,
+	panelTop: i,
+	logoRow: a,
+	logoSlot: o,
+	headerContent: s,
+	mobileCloseRow: c,
+	mobileCloseButton: l,
+	nav: u,
+	navList: d,
+	navItem: f,
+	navLink: p,
+	navLinkActive: m,
+	navLinkIcon: h,
+	navLinkLabel: g,
+	collapseButton: _,
+	footer: v,
+	mobileOpen: y
+};
+//#endregion
+export { r as backdrop, _ as collapseButton, t as collapsed, b as default, v as footer, s as headerContent, a as logoRow, o as logoSlot, l as mobileCloseButton, c as mobileCloseRow, y as mobileOpen, u as nav, f as navItem, p as navLink, m as navLinkActive, h as navLinkIcon, g as navLinkLabel, d as navList, n as panel, i as panelTop, e as sidebar };

package/dist/components/Stack/Stack.cjs

@@ -0,0 +1 @@
+const e=require("./Stack.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={0:`0`,1:`var(--ds-space-1)`,2:`var(--ds-space-2)`,3:`var(--ds-space-3)`,4:`var(--ds-space-4)`,5:`var(--ds-space-5)`,6:`var(--ds-space-6)`,8:`var(--ds-space-8)`,10:`var(--ds-space-10)`,12:`var(--ds-space-12)`,16:`var(--ds-space-16)`},i={start:`flex-start`,center:`center`,end:`flex-end`,between:`space-between`,around:`space-around`,evenly:`space-evenly`},a=(0,t.forwardRef)(({direction:t=`column`,gap:a=4,align:o=`stretch`,justify:s=`start`,wrap:c=!1,className:l,style:u,...d},f)=>{let p=[e.default.stack,l??``].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:f,className:p,style:{flexDirection:t,gap:r[a],alignItems:o,justifyContent:i[s],flexWrap:c?`wrap`:`nowrap`,...u},...d})});a.displayName=`Stack`,exports.Stack=a;

package/dist/components/Stack/Stack.js

@@ -0,0 +1,42 @@
+import e from "./Stack.module.css.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Stack/Stack.tsx
+var r = {
+	0: "0",
+	1: "var(--ds-space-1)",
+	2: "var(--ds-space-2)",
+	3: "var(--ds-space-3)",
+	4: "var(--ds-space-4)",
+	5: "var(--ds-space-5)",
+	6: "var(--ds-space-6)",
+	8: "var(--ds-space-8)",
+	10: "var(--ds-space-10)",
+	12: "var(--ds-space-12)",
+	16: "var(--ds-space-16)"
+}, i = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	between: "space-between",
+	around: "space-around",
+	evenly: "space-evenly"
+}, a = t(({ direction: t = "column", gap: a = 4, align: o = "stretch", justify: s = "start", wrap: c = !1, className: l, style: u, ...d }, f) => {
+	let p = [e.stack, l ?? ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		ref: f,
+		className: p,
+		style: {
+			flexDirection: t,
+			gap: r[a],
+			alignItems: o,
+			justifyContent: i[s],
+			flexWrap: c ? "wrap" : "nowrap",
+			...u
+		},
+		...d
+	});
+});
+a.displayName = "Stack";
+//#endregion
+export { a as Stack };

package/dist/components/Stack/Stack.module.css.cjs

@@ -0,0 +1 @@
+var e=`_stack_bluv1_1`,t={stack:e};exports.default=t,exports.stack=e;

package/dist/components/Stack/Stack.module.css.js

@@ -0,0 +1,4 @@
+//#region src/components/Stack/Stack.module.css
+var e = "_stack_bluv1_1", t = { stack: e };
+//#endregion
+export { t as default, e as stack };

package/dist/components/TextAreaField/TextAreaField.cjs

@@ -0,0 +1 @@
+const e=require("../../primitives/TextArea/TextArea.cjs"),t=require("../../primitives/Label/Label.cjs"),n=require("../../primitives/Hint/Hint.cjs"),r=require("../../primitives/ErrorMessage/ErrorMessage.cjs"),i=require("../shared/useFieldIds.cjs"),a=require("./TextAreaField.module.css.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=(0,o.forwardRef)(({label:o,hint:c,error:l,size:u=`md`,required:d=!1,disabled:f=!1,autoResize:p=!1,inputId:m,className:h,...g},_)=>{let{id:v,hintId:y,errorId:b,describedBy:x}=i.useFieldIds({inputId:m,hint:c,error:l});return(0,s.jsxs)(`div`,{className:[a.default.root,h??``].filter(Boolean).join(` `),children:[(0,s.jsx)(t.Label,{htmlFor:v,required:d,disabled:f,children:o}),(0,s.jsx)(e.TextArea,{ref:_,id:v,size:u,hasError:!!l,disabled:f,required:d,"aria-required":d,"aria-describedby":x,autoResize:p,...g}),l?(0,s.jsx)(r.ErrorMessage,{id:b,children:l}):c?(0,s.jsx)(n.Hint,{id:y,children:c}):null]})});c.displayName=`TextAreaField`,exports.TextAreaField=c;

package/dist/components/TextAreaField/TextAreaField.js

@@ -0,0 +1,49 @@
+import { TextArea as e } from "../../primitives/TextArea/TextArea.js";
+import { Label as t } from "../../primitives/Label/Label.js";
+import { Hint as n } from "../../primitives/Hint/Hint.js";
+import { ErrorMessage as r } from "../../primitives/ErrorMessage/ErrorMessage.js";
+import { useFieldIds as i } from "../shared/useFieldIds.js";
+import a from "./TextAreaField.module.css.js";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/TextAreaField/TextAreaField.tsx
+var l = o(({ label: o, hint: l, error: u, size: d = "md", required: f = !1, disabled: p = !1, autoResize: m = !1, inputId: h, className: g, ..._ }, v) => {
+	let { id: y, hintId: b, errorId: x, describedBy: S } = i({
+		inputId: h,
+		hint: l,
+		error: u
+	});
+	return /* @__PURE__ */ c("div", {
+		className: [a.root, g ?? ""].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ s(t, {
+				htmlFor: y,
+				required: f,
+				disabled: p,
+				children: o
+			}),
+			/* @__PURE__ */ s(e, {
+				ref: v,
+				id: y,
+				size: d,
+				hasError: !!u,
+				disabled: p,
+				required: f,
+				"aria-required": f,
+				"aria-describedby": S,
+				autoResize: m,
+				..._
+			}),
+			u ? /* @__PURE__ */ s(r, {
+				id: x,
+				children: u
+			}) : l ? /* @__PURE__ */ s(n, {
+				id: b,
+				children: l
+			}) : null
+		]
+	});
+});
+l.displayName = "TextAreaField";
+//#endregion
+export { l as TextAreaField };

package/dist/components/TextAreaField/TextAreaField.module.css.cjs

@@ -0,0 +1 @@
+var e=`_root_1oeo1_1`,t={root:e};exports.default=t,exports.root=e;

package/dist/components/TextAreaField/TextAreaField.module.css.js

@@ -0,0 +1,4 @@
+//#region src/components/TextAreaField/TextAreaField.module.css
+var e = "_root_1oeo1_1", t = { root: e };
+//#endregion
+export { t as default, e as root };

package/dist/components/TextField/TextField.cjs

@@ -0,0 +1 @@
+const e=require("../../primitives/TextInput/TextInput.cjs"),t=require("../../primitives/Label/Label.cjs"),n=require("../../primitives/Hint/Hint.cjs"),r=require("../../primitives/ErrorMessage/ErrorMessage.cjs"),i=require("../shared/useFieldIds.cjs"),a=require("./TextField.module.css.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=(0,o.forwardRef)(({label:o,hint:c,error:l,size:u=`md`,required:d=!1,disabled:f=!1,inputId:p,className:m,...h},g)=>{let{id:_,hintId:v,errorId:y,describedBy:b}=i.useFieldIds({inputId:p,hint:c,error:l});return(0,s.jsxs)(`div`,{className:[a.default.root,m??``].filter(Boolean).join(` `),children:[(0,s.jsx)(t.Label,{htmlFor:_,required:d,disabled:f,children:o}),(0,s.jsx)(`div`,{className:a.default.inputWrapper,children:(0,s.jsx)(e.TextInput,{ref:g,id:_,size:u,hasError:!!l,disabled:f,required:d,"aria-required":d,"aria-describedby":b,...h})}),l?(0,s.jsx)(r.ErrorMessage,{id:y,children:l}):c?(0,s.jsx)(n.Hint,{id:v,children:c}):null]})});c.displayName=`TextField`,exports.TextField=c;

package/dist/components/TextField/TextField.js

@@ -0,0 +1,51 @@
+import { TextInput as e } from "../../primitives/TextInput/TextInput.js";
+import { Label as t } from "../../primitives/Label/Label.js";
+import { Hint as n } from "../../primitives/Hint/Hint.js";
+import { ErrorMessage as r } from "../../primitives/ErrorMessage/ErrorMessage.js";
+import { useFieldIds as i } from "../shared/useFieldIds.js";
+import a from "./TextField.module.css.js";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/TextField/TextField.tsx
+var l = o(({ label: o, hint: l, error: u, size: d = "md", required: f = !1, disabled: p = !1, inputId: m, className: h, ...g }, _) => {
+	let { id: v, hintId: y, errorId: b, describedBy: x } = i({
+		inputId: m,
+		hint: l,
+		error: u
+	});
+	return /* @__PURE__ */ c("div", {
+		className: [a.root, h ?? ""].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ s(t, {
+				htmlFor: v,
+				required: f,
+				disabled: p,
+				children: o
+			}),
+			/* @__PURE__ */ s("div", {
+				className: a.inputWrapper,
+				children: /* @__PURE__ */ s(e, {
+					ref: _,
+					id: v,
+					size: d,
+					hasError: !!u,
+					disabled: p,
+					required: f,
+					"aria-required": f,
+					"aria-describedby": x,
+					...g
+				})
+			}),
+			u ? /* @__PURE__ */ s(r, {
+				id: b,
+				children: u
+			}) : l ? /* @__PURE__ */ s(n, {
+				id: y,
+				children: l
+			}) : null
+		]
+	});
+});
+l.displayName = "TextField";
+//#endregion
+export { l as TextField };

package/dist/components/TextField/TextField.module.css.cjs

@@ -0,0 +1 @@
+var e=`_root_123no_1`,t=`_inputWrapper_123no_7`,n={root:e,inputWrapper:t};exports.default=n,exports.inputWrapper=t,exports.root=e;

package/dist/components/TextField/TextField.module.css.js

@@ -0,0 +1,7 @@
+//#region src/components/TextField/TextField.module.css
+var e = "_root_123no_1", t = "_inputWrapper_123no_7", n = {
+	root: e,
+	inputWrapper: t
+};
+//#endregion
+export { n as default, t as inputWrapper, e as root };

package/dist/components/ThemeProvider/ThemeProvider.cjs

@@ -0,0 +1 @@
+let e=require("react"),t=require("react/jsx-runtime");var n=(0,e.createContext)(null),r=`ds-theme`;function i(e,t){e===`system`?document.documentElement.removeAttribute(`data-theme`):document.documentElement.setAttribute(`data-theme`,t)}function a({children:a,defaultTheme:o=`system`,storageKey:s=r}){let[c,l]=(0,e.useState)(()=>typeof window>`u`?o:localStorage.getItem(s)??o),[u,d]=(0,e.useState)(()=>typeof window<`u`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches),f=c===`system`?u?`dark`:`light`:c;(0,e.useEffect)(()=>{i(c,f)},[c,f]),(0,e.useEffect)(()=>{let e=window.matchMedia(`(prefers-color-scheme: dark)`);function t(){d(e.matches)}return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]);function p(e){localStorage.setItem(s,e),l(e)}return(0,t.jsx)(n.Provider,{value:{theme:c,resolvedTheme:f,setTheme:p},children:a})}a.displayName=`ThemeProvider`,exports.ThemeContext=n,exports.ThemeProvider=a;

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,33 @@
+import { createContext as e, useEffect as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/ThemeProvider/ThemeProvider.tsx
+var i = e(null), a = "ds-theme";
+function o(e, t) {
+	e === "system" ? document.documentElement.removeAttribute("data-theme") : document.documentElement.setAttribute("data-theme", t);
+}
+function s({ children: e, defaultTheme: s = "system", storageKey: c = a }) {
+	let [l, u] = n(() => typeof window > "u" ? s : localStorage.getItem(c) ?? s), [d, f] = n(() => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches), p = l === "system" ? d ? "dark" : "light" : l;
+	t(() => {
+		o(l, p);
+	}, [l, p]), t(() => {
+		let e = window.matchMedia("(prefers-color-scheme: dark)");
+		function t() {
+			f(e.matches);
+		}
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []);
+	function m(e) {
+		localStorage.setItem(c, e), u(e);
+	}
+	return /* @__PURE__ */ r(i.Provider, {
+		value: {
+			theme: l,
+			resolvedTheme: p,
+			setTheme: m
+		},
+		children: e
+	});
+}
+s.displayName = "ThemeProvider";
+//#endregion
+export { i as ThemeContext, s as ThemeProvider };

package/dist/components/ThemeProvider/useTheme.cjs

@@ -0,0 +1 @@
+const e=require("./ThemeProvider.cjs");let t=require("react");function n(){let n=(0,t.useContext)(e.ThemeContext);if(!n)throw Error(`useTheme must be used inside a <ThemeProvider>`);return n}exports.useTheme=n;

package/dist/components/ThemeProvider/useTheme.js

@@ -0,0 +1,10 @@
+import { ThemeContext as e } from "./ThemeProvider.js";
+import { useContext as t } from "react";
+//#region src/components/ThemeProvider/useTheme.ts
+function n() {
+	let n = t(e);
+	if (!n) throw Error("useTheme must be used inside a <ThemeProvider>");
+	return n;
+}
+//#endregion
+export { n as useTheme };

package/dist/components/ToggleField/ToggleField.cjs

@@ -0,0 +1 @@
+const e=require("../../primitives/Toggle/Toggle.cjs"),t=require("../../primitives/Label/Label.cjs"),n=require("../../primitives/Hint/Hint.cjs"),r=require("../../primitives/ErrorMessage/ErrorMessage.cjs"),i=require("../shared/useFieldIds.cjs"),a=require("./ToggleField.module.css.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=(0,o.forwardRef)(({label:o,hint:c,error:l,size:u=`md`,required:d=!1,disabled:f=!1,inputId:p,className:m,...h},g)=>{let{id:_,hintId:v,errorId:y,describedBy:b}=i.useFieldIds({inputId:p,hint:c,error:l});return(0,s.jsxs)(`div`,{className:[a.default.root,m??``].filter(Boolean).join(` `),children:[(0,s.jsxs)(`div`,{className:a.default.field,children:[(0,s.jsx)(t.Label,{htmlFor:_,required:d,disabled:f,children:o}),(0,s.jsx)(e.Toggle,{ref:g,id:_,size:u,hasError:!!l,disabled:f,required:d,"aria-required":d,"aria-describedby":b,...h})]}),l?(0,s.jsx)(r.ErrorMessage,{id:y,children:l}):c?(0,s.jsx)(n.Hint,{id:v,children:c}):null]})});c.displayName=`ToggleField`,exports.ToggleField=c;

package/dist/components/ToggleField/ToggleField.js

@@ -0,0 +1,47 @@
+import { Toggle as e } from "../../primitives/Toggle/Toggle.js";
+import { Label as t } from "../../primitives/Label/Label.js";
+import { Hint as n } from "../../primitives/Hint/Hint.js";
+import { ErrorMessage as r } from "../../primitives/ErrorMessage/ErrorMessage.js";
+import { useFieldIds as i } from "../shared/useFieldIds.js";
+import a from "./ToggleField.module.css.js";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/ToggleField/ToggleField.tsx
+var l = o(({ label: o, hint: l, error: u, size: d = "md", required: f = !1, disabled: p = !1, inputId: m, className: h, ...g }, _) => {
+	let { id: v, hintId: y, errorId: b, describedBy: x } = i({
+		inputId: m,
+		hint: l,
+		error: u
+	});
+	return /* @__PURE__ */ c("div", {
+		className: [a.root, h ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ c("div", {
+			className: a.field,
+			children: [/* @__PURE__ */ s(t, {
+				htmlFor: v,
+				required: f,
+				disabled: p,
+				children: o
+			}), /* @__PURE__ */ s(e, {
+				ref: _,
+				id: v,
+				size: d,
+				hasError: !!u,
+				disabled: p,
+				required: f,
+				"aria-required": f,
+				"aria-describedby": x,
+				...g
+			})]
+		}), u ? /* @__PURE__ */ s(r, {
+			id: b,
+			children: u
+		}) : l ? /* @__PURE__ */ s(n, {
+			id: y,
+			children: l
+		}) : null]
+	});
+});
+l.displayName = "ToggleField";
+//#endregion
+export { l as ToggleField };

package/dist/components/ToggleField/ToggleField.module.css.cjs

@@ -0,0 +1 @@
+var e=`_root_108wn_1`,t=`_field_108wn_7`,n={root:e,field:t};exports.default=n,exports.field=t,exports.root=e;

package/dist/components/ToggleField/ToggleField.module.css.js

@@ -0,0 +1,7 @@
+//#region src/components/ToggleField/ToggleField.module.css
+var e = "_root_108wn_1", t = "_field_108wn_7", n = {
+	root: e,
+	field: t
+};
+//#endregion
+export { n as default, t as field, e as root };

package/dist/components/shared/useFieldIds.cjs

@@ -0,0 +1 @@
+let e=require("react");function t({inputId:t,hint:n,error:r}){let i=(0,e.useId)(),a=t??i,o=n?`${a}-hint`:void 0,s=r?`${a}-error`:void 0;return{id:a,hintId:o,errorId:s,describedBy:s??o}}exports.useFieldIds=t;

package/dist/components/shared/useFieldIds.js

@@ -0,0 +1,13 @@
+import { useId as e } from "react";
+//#region src/components/shared/useFieldIds.ts
+function t({ inputId: t, hint: n, error: r }) {
+	let i = e(), a = t ?? i, o = n ? `${a}-hint` : void 0, s = r ? `${a}-error` : void 0;
+	return {
+		id: a,
+		hintId: o,
+		errorId: s,
+		describedBy: s ?? o
+	};
+}
+//#endregion
+export { t as useFieldIds };