@aseguragonzalez/ui 1.0.4 → 1.0.5

package/dist/components/Carousel/Carousel.js

@@ -0,0 +1,146 @@
+import { Button as e } from "../../primitives/Button/Button.js";
+import t from "./Carousel.module.css.js";
+import { Children as n, forwardRef as r, useCallback as i, useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/Carousel/Carousel.tsx
+var d = () => /* @__PURE__ */ l("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ l("polyline", { points: "15 18 9 12 15 6" })
+}), f = () => /* @__PURE__ */ l("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ l("polyline", { points: "9 18 15 12 9 6" })
+}), p = r(({ children: r, "aria-label": p, loop: m = !1, autoplay: h, visibleSlides: g = 1, prevLabel: _ = "Previous", nextLabel: v = "Next", className: y, onKeyDown: b, ...x }, S) => {
+	let C = n.toArray(r), w = C.length, T = Math.min(g, w), E = Math.max(0, w - T), D = E + 1, [O, k] = c(0), [A, j] = c(!1), M = s(!1), N = s(!1);
+	o(() => {
+		if (!A) return;
+		let e = requestAnimationFrame(() => requestAnimationFrame(() => j(!1)));
+		return () => cancelAnimationFrame(e);
+	}, [A]);
+	let P = i((e) => {
+		m ? ((e < 0 || e >= w) && j(!0), k((e % w + w) % w)) : k(Math.max(0, Math.min(E, e)));
+	}, [
+		m,
+		w,
+		E
+	]), F = i(() => P(O - 1), [O, P]), I = i(() => P(O + 1), [O, P]);
+	a(() => {
+		if (!h) return;
+		let e = setInterval(() => {
+			M.current || N.current || (m ? P(O + 1) : k((e) => e < E ? e + 1 : 0));
+		}, h);
+		return () => clearInterval(e);
+	}, [
+		h,
+		O,
+		P,
+		m,
+		E
+	]);
+	let L = i((e) => {
+		e.key === "ArrowLeft" && (e.preventDefault(), F()), e.key === "ArrowRight" && (e.preventDefault(), I()), b?.(e);
+	}, [
+		F,
+		I,
+		b
+	]), R = !m && O === 0, z = !m && O >= E, B = w > 0 ? O / w * 100 : 0, V = w > 0 ? w / T * 100 : 100, H = w > 0 ? 100 / w : 100, U = [t.root, y ?? ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ u("div", {
+		ref: S,
+		role: "region",
+		"aria-label": p,
+		className: U,
+		onKeyDown: L,
+		onMouseEnter: () => {
+			M.current = !0;
+		},
+		onMouseLeave: () => {
+			M.current = !1;
+		},
+		onFocus: () => {
+			N.current = !0;
+		},
+		onBlur: () => {
+			N.current = !1;
+		},
+		...x,
+		children: [
+			/* @__PURE__ */ l("span", {
+				className: t.srOnly,
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: `Slide ${O + 1} of ${w}`
+			}),
+			/* @__PURE__ */ l("div", {
+				className: t.viewport,
+				children: /* @__PURE__ */ l("div", {
+					className: t.track,
+					style: {
+						width: `${V}%`,
+						transform: `translateX(-${B}%)`,
+						...A ? { transition: "none" } : {}
+					},
+					children: C.map((e, n) => /* @__PURE__ */ l("div", {
+						role: "group",
+						"aria-roledescription": "slide",
+						"aria-label": `Slide ${n + 1} of ${w}`,
+						className: t.slide,
+						style: { width: `${H}%` },
+						children: e
+					}, n))
+				})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: t.controls,
+				children: [
+					/* @__PURE__ */ l(e, {
+						variant: "secondary",
+						size: "sm",
+						"aria-label": _,
+						disabled: R,
+						onClick: F,
+						className: t.navBtn,
+						children: /* @__PURE__ */ l(d, {})
+					}),
+					/* @__PURE__ */ l("ul", {
+						className: t.dots,
+						"aria-label": "Slides",
+						children: Array.from({ length: D }).map((e, n) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("button", {
+							type: "button",
+							"aria-label": `Go to slide ${n + 1}`,
+							"aria-current": n === O || void 0,
+							className: [t.dot, n === O ? t.dotActive : ""].filter(Boolean).join(" "),
+							onClick: () => P(n)
+						}) }, n))
+					}),
+					/* @__PURE__ */ l(e, {
+						variant: "secondary",
+						size: "sm",
+						"aria-label": v,
+						disabled: z,
+						onClick: I,
+						className: t.navBtn,
+						children: /* @__PURE__ */ l(f, {})
+					})
+				]
+			})
+		]
+	});
+});
+p.displayName = "Carousel";
+//#endregion
+export { p as Carousel };

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

@@ -0,0 +1 @@
+var e=`_root_cjxe3_3`,t=`_srOnly_cjxe3_11`,n=`_viewport_cjxe3_25`,r=`_track_cjxe3_32`,i=`_slide_cjxe3_46`,a=`_controls_cjxe3_53`,o=`_navBtn_cjxe3_60`,s=`_dots_cjxe3_66`,c=`_dot_cjxe3_66`,l=`_dotActive_cjxe3_96`,u={root:e,srOnly:t,viewport:n,track:r,slide:i,controls:a,navBtn:o,dots:s,dot:c,dotActive:l};exports.controls=a,exports.default=u,exports.dot=c,exports.dotActive=l,exports.dots=s,exports.navBtn=o,exports.root=e,exports.slide=i,exports.srOnly=t,exports.track=r,exports.viewport=n;

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

@@ -0,0 +1,15 @@
+//#region src/components/Carousel/Carousel.module.css
+var e = "_root_cjxe3_3", t = "_srOnly_cjxe3_11", n = "_viewport_cjxe3_25", r = "_track_cjxe3_32", i = "_slide_cjxe3_46", a = "_controls_cjxe3_53", o = "_navBtn_cjxe3_60", s = "_dots_cjxe3_66", c = "_dot_cjxe3_66", l = "_dotActive_cjxe3_96", u = {
+	root: e,
+	srOnly: t,
+	viewport: n,
+	track: r,
+	slide: i,
+	controls: a,
+	navBtn: o,
+	dots: s,
+	dot: c,
+	dotActive: l
+};
+//#endregion
+export { a as controls, u as default, c as dot, l as dotActive, s as dots, o as navBtn, e as root, i as slide, t as srOnly, r as track, n as viewport };

package/dist/components/CheckboxField/CheckboxField.cjs

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

package/dist/components/CheckboxField/CheckboxField.js

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

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

@@ -0,0 +1 @@
+var e=`_root_1sjfo_1`,t=`_row_1sjfo_8`,n=`_label_1sjfo_16`,r=`_disabled_1sjfo_23`,i={root:e,row:t,label:n,disabled:r};exports.default=i,exports.disabled=r,exports.label=n,exports.root=e,exports.row=t;

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

@@ -0,0 +1,9 @@
+//#region src/components/CheckboxField/CheckboxField.module.css
+var e = "_root_1sjfo_1", t = "_row_1sjfo_8", n = "_label_1sjfo_16", r = "_disabled_1sjfo_23", i = {
+	root: e,
+	row: t,
+	label: n,
+	disabled: r
+};
+//#endregion
+export { i as default, r as disabled, n as label, e as root, t as row };

package/dist/components/Container/Container.cjs

@@ -0,0 +1 @@
+const e=require("./Container.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({size:t=`lg`,padding:r=!0,className:i,...a},o)=>{let s=[e.default.container,e.default[t],r?e.default.padding:``,i??``].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:o,className:s,...a})});r.displayName=`Container`,exports.Container=r;

package/dist/components/Container/Container.js

@@ -0,0 +1,20 @@
+import e from "./Container.module.css.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Container/Container.tsx
+var r = t(({ size: t = "lg", padding: r = !0, className: i, ...a }, o) => {
+	let s = [
+		e.container,
+		e[t],
+		r ? e.padding : "",
+		i ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		ref: o,
+		className: s,
+		...a
+	});
+});
+r.displayName = "Container";
+//#endregion
+export { r as Container };

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

@@ -0,0 +1 @@
+var e=`_container_1evbj_1`,t=`_padding_1evbj_6`,n=`_sm_1evbj_12`,r=`_md_1evbj_13`,i=`_lg_1evbj_14`,a=`_xl_1evbj_15`,o=`_full_1evbj_16`,s={container:e,padding:t,sm:n,md:r,lg:i,xl:a,full:o};exports.container=e,exports.default=s,exports.full=o,exports.lg=i,exports.md=r,exports.padding=t,exports.sm=n,exports.xl=a;

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

@@ -0,0 +1,12 @@
+//#region src/components/Container/Container.module.css
+var e = "_container_1evbj_1", t = "_padding_1evbj_6", n = "_sm_1evbj_12", r = "_md_1evbj_13", i = "_lg_1evbj_14", a = "_xl_1evbj_15", o = "_full_1evbj_16", s = {
+	container: e,
+	padding: t,
+	sm: n,
+	md: r,
+	lg: i,
+	xl: a,
+	full: o
+};
+//#endregion
+export { e as container, s as default, o as full, i as lg, r as md, t as padding, n as sm, a as xl };

package/dist/components/DataTable/DataTable.cjs

@@ -0,0 +1 @@
+const e=require("./DataTable.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={left:e.default.alignLeft,center:e.default.alignCenter,right:e.default.alignRight},i=()=>(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`currentColor`,"aria-hidden":`true`,children:(0,n.jsx)(`path`,{d:`M6 2L10 8H2L6 2Z`})}),a=()=>(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`currentColor`,"aria-hidden":`true`,children:(0,n.jsx)(`path`,{d:`M6 10L2 4H10L6 10Z`})}),o=()=>(0,n.jsxs)(`svg`,{width:`12`,height:`14`,viewBox:`0 0 12 14`,fill:`currentColor`,"aria-hidden":`true`,children:[(0,n.jsx)(`path`,{d:`M6 1L10 5H2L6 1Z`,opacity:`0.4`}),(0,n.jsx)(`path`,{d:`M6 13L2 9H10L6 13Z`,opacity:`0.4`})]}),s=(0,t.forwardRef)(function({caption:s,columns:c,data:l,defaultSortKey:u,defaultSortDirection:d=`asc`,sortKey:f,sortDirection:p,onSort:m,rowKey:h,emptyMessage:g=`No data available.`,className:_},v){let y=(0,t.useId)(),[b,x]=(0,t.useState)(``),[S,C]=(0,t.useState)(u),[w,T]=(0,t.useState)(d),E=f??S,D=p??w,O=e=>{let t=E===e&&D===`asc`?`desc`:`asc`;f===void 0&&(C(e),T(t)),m?.(e,t);let n=c.find(t=>t.key===e);n&&x(`Table sorted by ${n.header}, ${t===`asc`?`ascending`:`descending`}.`)},k=f!==void 0||!E?l:[...l].sort((e,t)=>{let n=e[E],r=t[E],i=typeof n==`number`&&typeof r==`number`?n-r:String(n??``).localeCompare(String(r??``));return D===`asc`?i:-i}),A=e=>{if(e.sortable)return E===e.key?D===`asc`?`ascending`:`descending`:`none`};return(0,n.jsxs)(`div`,{ref:v,className:[e.default.wrapper,_??``].filter(Boolean).join(` `),role:`region`,"aria-label":s,children:[(0,n.jsx)(`div`,{id:y,role:`status`,"aria-live":`polite`,"aria-atomic":`true`,className:e.default.srOnly,children:b}),(0,n.jsxs)(`table`,{className:e.default.table,children:[(0,n.jsx)(`caption`,{className:e.default.caption,children:s}),(0,n.jsx)(`thead`,{className:e.default.thead,children:(0,n.jsx)(`tr`,{children:c.map(t=>(0,n.jsx)(`th`,{scope:`col`,className:[e.default.th,t.sortable?e.default.thSortable:``,E===t.key?e.default.thActive:``,r[t.align??`left`]].filter(Boolean).join(` `),"aria-sort":A(t),children:t.sortable?(0,n.jsxs)(`button`,{type:`button`,className:e.default.sortButton,onClick:()=>O(t.key),children:[t.header,(0,n.jsx)(`span`,{className:e.default.sortIcon,children:E===t.key?D===`asc`?(0,n.jsx)(i,{}):(0,n.jsx)(a,{}):(0,n.jsx)(o,{})})]}):t.header},t.key))})}),(0,n.jsx)(`tbody`,{className:e.default.tbody,children:k.length===0?(0,n.jsx)(`tr`,{children:(0,n.jsx)(`td`,{className:[e.default.td,e.default.emptyState].join(` `),colSpan:c.length,children:g})}):k.map((t,i)=>(0,n.jsx)(`tr`,{className:e.default.tr,children:c.map(i=>(0,n.jsx)(`td`,{className:[e.default.td,r[i.align??`left`]].filter(Boolean).join(` `),children:i.render?i.render(t[i.key],t):String(t[i.key]??``)},i.key))},h?String(t[h]):i))})]})]})});s.displayName=`DataTable`,exports.DataTable=s;

package/dist/components/DataTable/DataTable.js

@@ -0,0 +1,109 @@
+import e from "./DataTable.module.css.js";
+import { forwardRef as t, useId as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/DataTable/DataTable.tsx
+var o = {
+	left: e.alignLeft,
+	center: e.alignCenter,
+	right: e.alignRight
+}, s = () => /* @__PURE__ */ i("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 12 12",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ i("path", { d: "M6 2L10 8H2L6 2Z" })
+}), c = () => /* @__PURE__ */ i("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 12 12",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ i("path", { d: "M6 10L2 4H10L6 10Z" })
+}), l = () => /* @__PURE__ */ a("svg", {
+	width: "12",
+	height: "14",
+	viewBox: "0 0 12 14",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ i("path", {
+		d: "M6 1L10 5H2L6 1Z",
+		opacity: "0.4"
+	}), /* @__PURE__ */ i("path", {
+		d: "M6 13L2 9H10L6 13Z",
+		opacity: "0.4"
+	})]
+}), u = t(function({ caption: t, columns: u, data: d, defaultSortKey: f, defaultSortDirection: p = "asc", sortKey: m, sortDirection: h, onSort: g, rowKey: _, emptyMessage: v = "No data available.", className: y }, b) {
+	let x = n(), [S, C] = r(""), [w, T] = r(f), [E, D] = r(p), O = m ?? w, k = h ?? E, A = (e) => {
+		let t = O === e && k === "asc" ? "desc" : "asc";
+		m === void 0 && (T(e), D(t)), g?.(e, t);
+		let n = u.find((t) => t.key === e);
+		n && C(`Table sorted by ${n.header}, ${t === "asc" ? "ascending" : "descending"}.`);
+	}, j = m !== void 0 || !O ? d : [...d].sort((e, t) => {
+		let n = e[O], r = t[O], i = typeof n == "number" && typeof r == "number" ? n - r : String(n ?? "").localeCompare(String(r ?? ""));
+		return k === "asc" ? i : -i;
+	}), M = (e) => {
+		if (e.sortable) return O === e.key ? k === "asc" ? "ascending" : "descending" : "none";
+	};
+	return /* @__PURE__ */ a("div", {
+		ref: b,
+		className: [e.wrapper, y ?? ""].filter(Boolean).join(" "),
+		role: "region",
+		"aria-label": t,
+		children: [/* @__PURE__ */ i("div", {
+			id: x,
+			role: "status",
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			className: e.srOnly,
+			children: S
+		}), /* @__PURE__ */ a("table", {
+			className: e.table,
+			children: [
+				/* @__PURE__ */ i("caption", {
+					className: e.caption,
+					children: t
+				}),
+				/* @__PURE__ */ i("thead", {
+					className: e.thead,
+					children: /* @__PURE__ */ i("tr", { children: u.map((t) => /* @__PURE__ */ i("th", {
+						scope: "col",
+						className: [
+							e.th,
+							t.sortable ? e.thSortable : "",
+							O === t.key ? e.thActive : "",
+							o[t.align ?? "left"]
+						].filter(Boolean).join(" "),
+						"aria-sort": M(t),
+						children: t.sortable ? /* @__PURE__ */ a("button", {
+							type: "button",
+							className: e.sortButton,
+							onClick: () => A(t.key),
+							children: [t.header, /* @__PURE__ */ i("span", {
+								className: e.sortIcon,
+								children: O === t.key ? i(k === "asc" ? s : c, {}) : /* @__PURE__ */ i(l, {})
+							})]
+						}) : t.header
+					}, t.key)) })
+				}),
+				/* @__PURE__ */ i("tbody", {
+					className: e.tbody,
+					children: j.length === 0 ? /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", {
+						className: [e.td, e.emptyState].join(" "),
+						colSpan: u.length,
+						children: v
+					}) }) : j.map((t, n) => /* @__PURE__ */ i("tr", {
+						className: e.tr,
+						children: u.map((n) => /* @__PURE__ */ i("td", {
+							className: [e.td, o[n.align ?? "left"]].filter(Boolean).join(" "),
+							children: n.render ? n.render(t[n.key], t) : String(t[n.key] ?? "")
+						}, n.key))
+					}, _ ? String(t[_]) : n))
+				})
+			]
+		})]
+	});
+});
+u.displayName = "DataTable";
+//#endregion
+export { u as DataTable };

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

@@ -0,0 +1 @@
+var e=`_srOnly_1ug4t_1`,t=`_wrapper_1ug4t_13`,n=`_table_1ug4t_21`,r=`_caption_1ug4t_28`,i=`_thead_1ug4t_43`,a=`_th_1ug4t_43`,o=`_thSortable_1ug4t_55`,s=`_thActive_1ug4t_59`,c=`_sortButton_1ug4t_63`,l=`_sortIcon_1ug4t_89`,u=`_tbody_1ug4t_98`,d=`_tr_1ug4t_102`,f=`_td_1ug4t_115`,p=`_emptyState_1ug4t_123`,m=`_alignLeft_1ug4t_132`,h=`_alignCenter_1ug4t_136`,g=`_alignRight_1ug4t_140`,_={srOnly:e,wrapper:t,table:n,caption:r,thead:i,th:a,thSortable:o,thActive:s,sortButton:c,sortIcon:l,tbody:u,tr:d,td:f,emptyState:p,alignLeft:m,alignCenter:h,alignRight:g};exports.alignCenter=h,exports.alignLeft=m,exports.alignRight=g,exports.caption=r,exports.default=_,exports.emptyState=p,exports.sortButton=c,exports.sortIcon=l,exports.srOnly=e,exports.table=n,exports.tbody=u,exports.td=f,exports.th=a,exports.thActive=s,exports.thSortable=o,exports.thead=i,exports.tr=d,exports.wrapper=t;

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

@@ -0,0 +1,22 @@
+//#region src/components/DataTable/DataTable.module.css
+var e = "_srOnly_1ug4t_1", t = "_wrapper_1ug4t_13", n = "_table_1ug4t_21", r = "_caption_1ug4t_28", i = "_thead_1ug4t_43", a = "_th_1ug4t_43", o = "_thSortable_1ug4t_55", s = "_thActive_1ug4t_59", c = "_sortButton_1ug4t_63", l = "_sortIcon_1ug4t_89", u = "_tbody_1ug4t_98", d = "_tr_1ug4t_102", f = "_td_1ug4t_115", p = "_emptyState_1ug4t_123", m = "_alignLeft_1ug4t_132", h = "_alignCenter_1ug4t_136", g = "_alignRight_1ug4t_140", _ = {
+	srOnly: e,
+	wrapper: t,
+	table: n,
+	caption: r,
+	thead: i,
+	th: a,
+	thSortable: o,
+	thActive: s,
+	sortButton: c,
+	sortIcon: l,
+	tbody: u,
+	tr: d,
+	td: f,
+	emptyState: p,
+	alignLeft: m,
+	alignCenter: h,
+	alignRight: g
+};
+//#endregion
+export { h as alignCenter, m as alignLeft, g as alignRight, r as caption, _ as default, p as emptyState, c as sortButton, l as sortIcon, e as srOnly, n as table, u as tbody, f as td, a as th, s as thActive, o as thSortable, i as thead, d as tr, t as wrapper };

package/dist/components/DateField/DateField.cjs

@@ -0,0 +1 @@
+const e=require("../../primitives/DateInput/DateInput.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("./DateField.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,value:h,...g},_)=>{let{id:v,hintId:y,errorId:b,describedBy:x}=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:v,required:d,disabled:f,children:o}),(0,s.jsx)(`div`,{className:a.default.inputWrapper,children:(0,s.jsx)(e.DateInput,{ref:_,id:v,size:u,value:h,hasError:!!l,disabled:f,required:d,"aria-required":d,"aria-describedby":x,...g})}),l?(0,s.jsx)(r.ErrorMessage,{id:b,children:l}):c?(0,s.jsx)(n.Hint,{id:y,children:c}):null]})});c.displayName=`DateField`,exports.DateField=c;

package/dist/components/DateField/DateField.js

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

package/dist/components/DateField/DateField.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/DateField/DateField.module.css.js

@@ -0,0 +1,7 @@
+//#region src/components/DateField/DateField.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/DonutChart/DonutChart.cjs

@@ -0,0 +1 @@
+const e=require("./DonutChart.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=[`var(--ds-chart-1)`,`var(--ds-chart-2)`,`var(--ds-chart-3)`,`var(--ds-chart-4)`,`var(--ds-chart-5)`,`var(--ds-chart-6)`],i=100,a=100,o=72,s=28,c=2*Math.PI*o,l=(0,t.forwardRef)(({title:l,segments:u,centerLabel:d,centerSubLabel:f,className:p},m)=>{let h=(0,t.useId)(),g=u.reduce((e,t)=>e+t.value,0);if(u.length===0||g===0)return(0,n.jsxs)(`div`,{className:[e.default.empty,p??``].filter(Boolean).join(` `),children:[l,` — no data`]});let _=0;return(0,n.jsxs)(`div`,{className:[e.default.root,p??``].filter(Boolean).join(` `),children:[(0,n.jsxs)(`svg`,{ref:m,role:`img`,"aria-labelledby":h,viewBox:`0 0 200 200`,className:e.default.svg,children:[(0,n.jsx)(`title`,{id:h,children:l}),(0,n.jsx)(`circle`,{cx:i,cy:a,r:o,fill:`none`,stroke:`var(--ds-chart-grid)`,strokeWidth:s}),u.map((e,t)=>{let l=e.value/g*c,u=-_;return _+=l,(0,n.jsx)(`circle`,{cx:i,cy:a,r:o,fill:`none`,stroke:e.color??r[t%r.length],strokeWidth:s,strokeDasharray:`${l} ${c-l}`,strokeDashoffset:u,transform:`rotate(-90 ${i} ${a})`,children:(0,n.jsx)(`title`,{children:`${e.label}: ${e.value} (${Math.round(e.value/g*100)}%)`})},e.label)}),d&&(0,n.jsx)(`text`,{x:i,y:a-(f?8:0),textAnchor:`middle`,dominantBaseline:`middle`,className:e.default.centerLabel,children:d}),f&&(0,n.jsx)(`text`,{x:i,y:116,textAnchor:`middle`,dominantBaseline:`middle`,className:e.default.centerSubLabel,children:f})]}),(0,n.jsx)(`ul`,{className:e.default.legend,"aria-label":`${l} legend`,children:u.map((t,i)=>(0,n.jsxs)(`li`,{className:e.default.legendItem,children:[(0,n.jsx)(`span`,{className:e.default.legendSwatch,style:{background:t.color??r[i%r.length]},"aria-hidden":`true`}),(0,n.jsx)(`span`,{className:e.default.legendLabel,children:t.label}),(0,n.jsxs)(`span`,{className:e.default.legendValue,children:[Math.round(t.value/g*100),`%`]})]},t.label))})]})});l.displayName=`DonutChart`,exports.DonutChart=l;

package/dist/components/DonutChart/DonutChart.js

@@ -0,0 +1,98 @@
+import e from "./DonutChart.module.css.js";
+import { forwardRef as t, useId as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/DonutChart/DonutChart.tsx
+var a = [
+	"var(--ds-chart-1)",
+	"var(--ds-chart-2)",
+	"var(--ds-chart-3)",
+	"var(--ds-chart-4)",
+	"var(--ds-chart-5)",
+	"var(--ds-chart-6)"
+], o = 100, s = 100, c = 72, l = 28, u = 2 * Math.PI * c, d = t(({ title: t, segments: d, centerLabel: f, centerSubLabel: p, className: m }, h) => {
+	let g = n(), _ = d.reduce((e, t) => e + t.value, 0);
+	if (d.length === 0 || _ === 0) return /* @__PURE__ */ i("div", {
+		className: [e.empty, m ?? ""].filter(Boolean).join(" "),
+		children: [t, " — no data"]
+	});
+	let v = 0;
+	return /* @__PURE__ */ i("div", {
+		className: [e.root, m ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ i("svg", {
+			ref: h,
+			role: "img",
+			"aria-labelledby": g,
+			viewBox: "0 0 200 200",
+			className: e.svg,
+			children: [
+				/* @__PURE__ */ r("title", {
+					id: g,
+					children: t
+				}),
+				/* @__PURE__ */ r("circle", {
+					cx: o,
+					cy: s,
+					r: c,
+					fill: "none",
+					stroke: "var(--ds-chart-grid)",
+					strokeWidth: l
+				}),
+				d.map((e, t) => {
+					let n = e.value / _ * u, i = -v;
+					return v += n, /* @__PURE__ */ r("circle", {
+						cx: o,
+						cy: s,
+						r: c,
+						fill: "none",
+						stroke: e.color ?? a[t % a.length],
+						strokeWidth: l,
+						strokeDasharray: `${n} ${u - n}`,
+						strokeDashoffset: i,
+						transform: `rotate(-90 ${o} ${s})`,
+						children: /* @__PURE__ */ r("title", { children: `${e.label}: ${e.value} (${Math.round(e.value / _ * 100)}%)` })
+					}, e.label);
+				}),
+				f && /* @__PURE__ */ r("text", {
+					x: o,
+					y: s - (p ? 8 : 0),
+					textAnchor: "middle",
+					dominantBaseline: "middle",
+					className: e.centerLabel,
+					children: f
+				}),
+				p && /* @__PURE__ */ r("text", {
+					x: o,
+					y: 116,
+					textAnchor: "middle",
+					dominantBaseline: "middle",
+					className: e.centerSubLabel,
+					children: p
+				})
+			]
+		}), /* @__PURE__ */ r("ul", {
+			className: e.legend,
+			"aria-label": `${t} legend`,
+			children: d.map((t, n) => /* @__PURE__ */ i("li", {
+				className: e.legendItem,
+				children: [
+					/* @__PURE__ */ r("span", {
+						className: e.legendSwatch,
+						style: { background: t.color ?? a[n % a.length] },
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ r("span", {
+						className: e.legendLabel,
+						children: t.label
+					}),
+					/* @__PURE__ */ i("span", {
+						className: e.legendValue,
+						children: [Math.round(t.value / _ * 100), "%"]
+					})
+				]
+			}, t.label))
+		})]
+	});
+});
+d.displayName = "DonutChart";
+//#endregion
+export { d as DonutChart };

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

@@ -0,0 +1 @@
+var e=`_root_18xxx_1`,t=`_svg_18xxx_8`,n=`_centerLabel_18xxx_15`,r=`_centerSubLabel_18xxx_22`,i=`_legend_18xxx_28`,a=`_legendItem_18xxx_39`,o=`_legendSwatch_18xxx_46`,s=`_legendLabel_18xxx_53`,c=`_legendValue_18xxx_61`,l=`_empty_18xxx_67`,u={root:e,svg:t,centerLabel:n,centerSubLabel:r,legend:i,legendItem:a,legendSwatch:o,legendLabel:s,legendValue:c,empty:l};exports.centerLabel=n,exports.centerSubLabel=r,exports.default=u,exports.empty=l,exports.legend=i,exports.legendItem=a,exports.legendLabel=s,exports.legendSwatch=o,exports.legendValue=c,exports.root=e,exports.svg=t;

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

@@ -0,0 +1,15 @@
+//#region src/components/DonutChart/DonutChart.module.css
+var e = "_root_18xxx_1", t = "_svg_18xxx_8", n = "_centerLabel_18xxx_15", r = "_centerSubLabel_18xxx_22", i = "_legend_18xxx_28", a = "_legendItem_18xxx_39", o = "_legendSwatch_18xxx_46", s = "_legendLabel_18xxx_53", c = "_legendValue_18xxx_61", l = "_empty_18xxx_67", u = {
+	root: e,
+	svg: t,
+	centerLabel: n,
+	centerSubLabel: r,
+	legend: i,
+	legendItem: a,
+	legendSwatch: o,
+	legendLabel: s,
+	legendValue: c,
+	empty: l
+};
+//#endregion
+export { n as centerLabel, r as centerSubLabel, u as default, l as empty, i as legend, a as legendItem, s as legendLabel, o as legendSwatch, c as legendValue, e as root, t as svg };

package/dist/components/EmailField/EmailField.cjs

@@ -0,0 +1 @@
+const e=require("../../primitives/EmailInput/EmailInput.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("./EmailField.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.EmailInput,{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=`EmailField`,exports.EmailField=c;