@aseguragonzalez/ui 1.0.4 → 1.1.0

package/dist/components/EmailField/EmailField.js

@@ -0,0 +1,51 @@
+import { EmailInput as e } from "../../primitives/EmailInput/EmailInput.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 "./EmailField.module.css.js";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/EmailField/EmailField.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 = "EmailField";
+//#endregion
+export { l as EmailField };

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

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

@@ -0,0 +1 @@
+const e=require("./Grid.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=(0,t.forwardRef)(({cols:t=1,gap:i=4,columnGap:a,rowGap:o,className:s,style:c,...l},u)=>{let d=typeof t!=`number`,f=d?{...t.mobile!==void 0&&{"--grid-cols-mobile":String(t.mobile)},...t.tablet!==void 0&&{"--grid-cols-tablet":String(t.tablet)},...t.desktop!==void 0&&{"--grid-cols-desktop":String(t.desktop)}}:{gridTemplateColumns:`repeat(${t}, minmax(0, 1fr))`},p=[e.default.grid,d?e.default.responsive:``,s??``].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:u,className:p,style:{...f,gap:r[i],...a!==void 0&&{columnGap:r[a]},...o!==void 0&&{rowGap:r[o]},...c},...l})});i.displayName=`Grid`,exports.Grid=i;

package/dist/components/Grid/Grid.js

@@ -0,0 +1,42 @@
+import e from "./Grid.module.css.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Grid/Grid.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 = t(({ cols: t = 1, gap: i = 4, columnGap: a, rowGap: o, className: s, style: c, ...l }, u) => {
+	let d = typeof t != "number", f = d ? {
+		...t.mobile !== void 0 && { "--grid-cols-mobile": String(t.mobile) },
+		...t.tablet !== void 0 && { "--grid-cols-tablet": String(t.tablet) },
+		...t.desktop !== void 0 && { "--grid-cols-desktop": String(t.desktop) }
+	} : { gridTemplateColumns: `repeat(${t}, minmax(0, 1fr))` }, p = [
+		e.grid,
+		d ? e.responsive : "",
+		s ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		ref: u,
+		className: p,
+		style: {
+			...f,
+			gap: r[i],
+			...a !== void 0 && { columnGap: r[a] },
+			...o !== void 0 && { rowGap: r[o] },
+			...c
+		},
+		...l
+	});
+});
+i.displayName = "Grid";
+//#endregion
+export { i as Grid };

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

@@ -0,0 +1 @@
+var e=`_grid_nas2v_1`,t=`_responsive_nas2v_7`,n={grid:e,responsive:t};exports.default=n,exports.grid=e,exports.responsive=t;

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

@@ -0,0 +1,7 @@
+//#region src/components/Grid/Grid.module.css
+var e = "_grid_nas2v_1", t = "_responsive_nas2v_7", n = {
+	grid: e,
+	responsive: t
+};
+//#endregion
+export { n as default, e as grid, t as responsive };

package/dist/components/LineChart/LineChart.cjs

@@ -0,0 +1 @@
+const e=require("./LineChart.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=480,i=280,a={top:20,right:20,bottom:56,left:48},o=r-a.left-a.right,s=i-a.top-a.bottom,c=4;function l(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(Math.round(e))}function u(e,t){return e.color??`var(--ds-chart-${t%6+1})`}var d=(0,t.forwardRef)(({title:d,series:f,showArea:p=!1,className:m},h)=>{let g=(0,t.useId)();if(f.length===0||f.every(e=>e.data.length===0))return(0,n.jsxs)(`div`,{className:[e.default.empty,m??``].filter(Boolean).join(` `),children:[d,` — no data`]});let _=f.flatMap(e=>e.data.map(e=>e.value)),v=Math.max(..._,0),y=f[0].data.map(e=>e.label),b=y.length,x=e=>b===1?a.left+o/2:a.left+e/(b-1)*o,S=e=>a.top+s-(v>0?e/v*s:0);return(0,n.jsxs)(`div`,{ref:h,className:[e.default.wrapper,m??``].filter(Boolean).join(` `),children:[(0,n.jsxs)(`svg`,{role:`img`,"aria-labelledby":g,viewBox:`0 0 ${r} ${i}`,className:e.default.svg,children:[(0,n.jsx)(`title`,{id:g,children:d}),Array.from({length:5},(t,i)=>{let o=i/c,u=a.top+s-o*s,d=v*o;return(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`line`,{x1:a.left,y1:u,x2:r-a.right,y2:u,stroke:`var(--ds-chart-grid)`,strokeWidth:`1`}),(0,n.jsx)(`text`,{x:a.left-6,y:u,textAnchor:`end`,dominantBaseline:`middle`,className:e.default.axisLabel,children:l(d)})]},i)}),f.map((e,t)=>{let r=u(e,t),i=e.showArea??p,o=e.data.map((e,t)=>`${x(t)},${S(e.value)}`).join(` `),c=`${x(0)},${a.top+s} `+o+` ${x(e.data.length-1)},${a.top+s}`;return(0,n.jsxs)(`g`,{children:[i&&(0,n.jsx)(`polygon`,{points:c,fill:r,fillOpacity:`0.12`}),(0,n.jsx)(`polyline`,{points:o,fill:`none`,stroke:r,strokeWidth:`2`,strokeLinejoin:`round`,strokeLinecap:`round`}),e.data.map((t,i)=>(0,n.jsx)(`circle`,{cx:x(i),cy:S(t.value),r:`4`,fill:r,children:(0,n.jsx)(`title`,{children:`${e.label} — ${t.label}: ${t.value}`})},t.label))]},e.id)}),y.map((t,r)=>(0,n.jsx)(`text`,{x:x(r),y:i-a.bottom+16,textAnchor:`middle`,className:e.default.axisLabel,children:t},t)),(0,n.jsx)(`line`,{x1:a.left,y1:a.top+s,x2:r-a.right,y2:a.top+s,stroke:`var(--ds-chart-axis)`,strokeWidth:`1`})]}),f.length>1&&(0,n.jsx)(`ul`,{className:e.default.legend,"aria-label":`Chart legend`,children:f.map((t,r)=>(0,n.jsxs)(`li`,{className:e.default.legendItem,children:[(0,n.jsx)(`span`,{className:e.default.legendSwatch,style:{background:u(t,r)},"aria-hidden":`true`}),(0,n.jsx)(`span`,{children:t.label})]},t.id))})]})});d.displayName=`LineChart`,exports.LineChart=d;

package/dist/components/LineChart/LineChart.js

@@ -0,0 +1,112 @@
+import e from "./LineChart.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/LineChart/LineChart.tsx
+var a = 480, o = 280, s = {
+	top: 20,
+	right: 20,
+	bottom: 56,
+	left: 48
+}, c = a - s.left - s.right, l = o - s.top - s.bottom, u = 4;
+function d(e) {
+	return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : String(Math.round(e));
+}
+function f(e, t) {
+	return e.color ?? `var(--ds-chart-${t % 6 + 1})`;
+}
+var p = t(({ title: t, series: p, showArea: m = !1, className: h }, g) => {
+	let _ = n();
+	if (p.length === 0 || p.every((e) => e.data.length === 0)) return /* @__PURE__ */ i("div", {
+		className: [e.empty, h ?? ""].filter(Boolean).join(" "),
+		children: [t, " — no data"]
+	});
+	let v = p.flatMap((e) => e.data.map((e) => e.value)), y = Math.max(...v, 0), b = p[0].data.map((e) => e.label), x = b.length, S = (e) => x === 1 ? s.left + c / 2 : s.left + e / (x - 1) * c, C = (e) => s.top + l - (y > 0 ? e / y * l : 0);
+	return /* @__PURE__ */ i("div", {
+		ref: g,
+		className: [e.wrapper, h ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ i("svg", {
+			role: "img",
+			"aria-labelledby": _,
+			viewBox: `0 0 ${a} ${o}`,
+			className: e.svg,
+			children: [
+				/* @__PURE__ */ r("title", {
+					id: _,
+					children: t
+				}),
+				Array.from({ length: 5 }, (t, n) => {
+					let o = n / u, c = s.top + l - o * l, f = y * o;
+					return /* @__PURE__ */ i("g", { children: [/* @__PURE__ */ r("line", {
+						x1: s.left,
+						y1: c,
+						x2: a - s.right,
+						y2: c,
+						stroke: "var(--ds-chart-grid)",
+						strokeWidth: "1"
+					}), /* @__PURE__ */ r("text", {
+						x: s.left - 6,
+						y: c,
+						textAnchor: "end",
+						dominantBaseline: "middle",
+						className: e.axisLabel,
+						children: d(f)
+					})] }, n);
+				}),
+				p.map((e, t) => {
+					let n = f(e, t), a = e.showArea ?? m, o = e.data.map((e, t) => `${S(t)},${C(e.value)}`).join(" "), c = `${S(0)},${s.top + l} ` + o + ` ${S(e.data.length - 1)},${s.top + l}`;
+					return /* @__PURE__ */ i("g", { children: [
+						a && /* @__PURE__ */ r("polygon", {
+							points: c,
+							fill: n,
+							fillOpacity: "0.12"
+						}),
+						/* @__PURE__ */ r("polyline", {
+							points: o,
+							fill: "none",
+							stroke: n,
+							strokeWidth: "2",
+							strokeLinejoin: "round",
+							strokeLinecap: "round"
+						}),
+						e.data.map((t, i) => /* @__PURE__ */ r("circle", {
+							cx: S(i),
+							cy: C(t.value),
+							r: "4",
+							fill: n,
+							children: /* @__PURE__ */ r("title", { children: `${e.label} — ${t.label}: ${t.value}` })
+						}, t.label))
+					] }, e.id);
+				}),
+				b.map((t, n) => /* @__PURE__ */ r("text", {
+					x: S(n),
+					y: o - s.bottom + 16,
+					textAnchor: "middle",
+					className: e.axisLabel,
+					children: t
+				}, t)),
+				/* @__PURE__ */ r("line", {
+					x1: s.left,
+					y1: s.top + l,
+					x2: a - s.right,
+					y2: s.top + l,
+					stroke: "var(--ds-chart-axis)",
+					strokeWidth: "1"
+				})
+			]
+		}), p.length > 1 && /* @__PURE__ */ r("ul", {
+			className: e.legend,
+			"aria-label": "Chart legend",
+			children: p.map((t, n) => /* @__PURE__ */ i("li", {
+				className: e.legendItem,
+				children: [/* @__PURE__ */ r("span", {
+					className: e.legendSwatch,
+					style: { background: f(t, n) },
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ r("span", { children: t.label })]
+			}, t.id))
+		})]
+	});
+});
+p.displayName = "LineChart";
+//#endregion
+export { p as LineChart };

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

@@ -0,0 +1 @@
+var e=`_wrapper_h55fh_1`,t=`_svg_h55fh_6`,n=`_axisLabel_h55fh_12`,r=`_legend_h55fh_18`,i=`_legendItem_h55fh_29`,a=`_legendSwatch_h55fh_38`,o=`_empty_h55fh_45`,s={wrapper:e,svg:t,axisLabel:n,legend:r,legendItem:i,legendSwatch:a,empty:o};exports.axisLabel=n,exports.default=s,exports.empty=o,exports.legend=r,exports.legendItem=i,exports.legendSwatch=a,exports.svg=t,exports.wrapper=e;

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

@@ -0,0 +1,12 @@
+//#region src/components/LineChart/LineChart.module.css
+var e = "_wrapper_h55fh_1", t = "_svg_h55fh_6", n = "_axisLabel_h55fh_12", r = "_legend_h55fh_18", i = "_legendItem_h55fh_29", a = "_legendSwatch_h55fh_38", o = "_empty_h55fh_45", s = {
+	wrapper: e,
+	svg: t,
+	axisLabel: n,
+	legend: r,
+	legendItem: i,
+	legendSwatch: a,
+	empty: o
+};
+//#endregion
+export { n as axisLabel, s as default, o as empty, r as legend, i as legendItem, a as legendSwatch, t as svg, e as wrapper };

package/dist/components/Navbar/Navbar.cjs

@@ -0,0 +1 @@
+const e=require("./Navbar.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=()=>(0,n.jsx)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 20 20`,fill:`currentColor`,"aria-hidden":`true`,children:(0,n.jsx)(`path`,{fillRule:`evenodd`,d:`M2 4.75A.75.75 0 0 1 2.75 4h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75ZM2 10a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 10Zm0 5.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z`,clipRule:`evenodd`})}),i=()=>(0,n.jsx)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 20 20`,fill:`currentColor`,"aria-hidden":`true`,children:(0,n.jsx)(`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`})}),a=(0,t.forwardRef)(({brand:a,items:o=[],actions:s,sticky:c=!1,"aria-label":l=`Main navigation`,defaultMobileOpen:u=!1,isMobileOpen:d,onMobileOpenChange:f,className:p},m)=>{let[h,g]=(0,t.useState)(u),_=d??h,v=(0,t.useId)(),y=()=>{let e=!_;d===void 0&&g(e),f?.(e)},b=()=>{d===void 0&&g(!1),f?.(!1)},x=[e.default.navbar,c?e.default.sticky:``,p??``].filter(Boolean).join(` `);return(0,n.jsxs)(`header`,{ref:m,className:x,children:[(0,n.jsxs)(`div`,{className:e.default.inner,children:[a&&(0,n.jsx)(`div`,{className:e.default.brand,children:a}),o.length>0&&(0,n.jsx)(`nav`,{className:e.default.nav,"aria-label":l,children:(0,n.jsx)(`ul`,{className:e.default.navList,children:o.map(t=>(0,n.jsx)(`li`,{className:e.default.navItem,children:(0,n.jsx)(`a`,{href:t.href,onClick:t.onClick,className:[e.default.navLink,t.isActive?e.default.navLinkActive:``].filter(Boolean).join(` `),"aria-current":t.isActive?`page`:void 0,children:t.label})},t.key))})}),s&&(0,n.jsx)(`div`,{className:e.default.actions,children:s}),(0,n.jsx)(`button`,{type:`button`,className:e.default.menuButton,onClick:y,"aria-expanded":_,"aria-controls":v,"aria-label":_?`Close menu`:`Open menu`,children:_?(0,n.jsx)(i,{}):(0,n.jsx)(r,{})})]}),(0,n.jsx)(`div`,{id:v,className:[e.default.mobileMenu,_?e.default.mobileMenuOpen:``].filter(Boolean).join(` `),children:(0,n.jsx)(`nav`,{"aria-label":`${l} — menu`,children:(0,n.jsx)(`ul`,{className:e.default.mobileNavList,children:o.map(t=>(0,n.jsx)(`li`,{className:e.default.mobileNavItem,children:(0,n.jsx)(`a`,{href:t.href,onClick:()=>{t.onClick?.(),b()},className:[e.default.mobileNavLink,t.isActive?e.default.mobileNavLinkActive:``].filter(Boolean).join(` `),"aria-current":t.isActive?`page`:void 0,children:t.label})},t.key))})})})]})});a.displayName=`Navbar`,exports.Navbar=a;

package/dist/components/Navbar/Navbar.js

@@ -0,0 +1,101 @@
+import e from "./Navbar.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/Navbar/Navbar.tsx
+var o = () => /* @__PURE__ */ i("svg", {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ i("path", {
+		fillRule: "evenodd",
+		d: "M2 4.75A.75.75 0 0 1 2.75 4h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75ZM2 10a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 10Zm0 5.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z",
+		clipRule: "evenodd"
+	})
+}), s = () => /* @__PURE__ */ i("svg", {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ i("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" })
+}), c = t(({ brand: t, items: c = [], actions: l, sticky: u = !1, "aria-label": d = "Main navigation", defaultMobileOpen: f = !1, isMobileOpen: p, onMobileOpenChange: m, className: h }, g) => {
+	let [_, v] = r(f), y = p ?? _, b = n(), x = () => {
+		let e = !y;
+		p === void 0 && v(e), m?.(e);
+	}, S = () => {
+		p === void 0 && v(!1), m?.(!1);
+	}, C = [
+		e.navbar,
+		u ? e.sticky : "",
+		h ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ a("header", {
+		ref: g,
+		className: C,
+		children: [/* @__PURE__ */ a("div", {
+			className: e.inner,
+			children: [
+				t && /* @__PURE__ */ i("div", {
+					className: e.brand,
+					children: t
+				}),
+				c.length > 0 && /* @__PURE__ */ i("nav", {
+					className: e.nav,
+					"aria-label": d,
+					children: /* @__PURE__ */ i("ul", {
+						className: e.navList,
+						children: c.map((t) => /* @__PURE__ */ i("li", {
+							className: e.navItem,
+							children: /* @__PURE__ */ i("a", {
+								href: t.href,
+								onClick: t.onClick,
+								className: [e.navLink, t.isActive ? e.navLinkActive : ""].filter(Boolean).join(" "),
+								"aria-current": t.isActive ? "page" : void 0,
+								children: t.label
+							})
+						}, t.key))
+					})
+				}),
+				l && /* @__PURE__ */ i("div", {
+					className: e.actions,
+					children: l
+				}),
+				/* @__PURE__ */ i("button", {
+					type: "button",
+					className: e.menuButton,
+					onClick: x,
+					"aria-expanded": y,
+					"aria-controls": b,
+					"aria-label": y ? "Close menu" : "Open menu",
+					children: i(y ? s : o, {})
+				})
+			]
+		}), /* @__PURE__ */ i("div", {
+			id: b,
+			className: [e.mobileMenu, y ? e.mobileMenuOpen : ""].filter(Boolean).join(" "),
+			children: /* @__PURE__ */ i("nav", {
+				"aria-label": `${d} — menu`,
+				children: /* @__PURE__ */ i("ul", {
+					className: e.mobileNavList,
+					children: c.map((t) => /* @__PURE__ */ i("li", {
+						className: e.mobileNavItem,
+						children: /* @__PURE__ */ i("a", {
+							href: t.href,
+							onClick: () => {
+								t.onClick?.(), S();
+							},
+							className: [e.mobileNavLink, t.isActive ? e.mobileNavLinkActive : ""].filter(Boolean).join(" "),
+							"aria-current": t.isActive ? "page" : void 0,
+							children: t.label
+						})
+					}, t.key))
+				})
+			})
+		})]
+	});
+});
+c.displayName = "Navbar";
+//#endregion
+export { c as Navbar };

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

@@ -0,0 +1 @@
+var e=`_navbar_1bewp_1`,t=`_sticky_1bewp_7`,n=`_inner_1bewp_12`,r=`_brand_1bewp_22`,i=`_nav_1bewp_1`,a=`_navList_1bewp_34`,o=`_navItem_1bewp_43`,s=`_navLink_1bewp_47`,c=`_navLinkActive_1bewp_72`,l=`_actions_1bewp_82`,u=`_menuButton_1bewp_90`,d=`_mobileMenu_1bewp_116`,f=`_mobileNavList_1bewp_124`,p=`_mobileNavItem_1bewp_133`,m=`_mobileNavLink_1bewp_137`,h=`_mobileNavLinkActive_1bewp_160`,g=`_mobileMenuOpen_1bewp_189`,_={navbar:e,sticky:t,inner:n,brand:r,nav:i,navList:a,navItem:o,navLink:s,navLinkActive:c,actions:l,menuButton:u,mobileMenu:d,mobileNavList:f,mobileNavItem:p,mobileNavLink:m,mobileNavLinkActive:h,mobileMenuOpen:g};exports.actions=l,exports.brand=r,exports.default=_,exports.inner=n,exports.menuButton=u,exports.mobileMenu=d,exports.mobileMenuOpen=g,exports.mobileNavItem=p,exports.mobileNavLink=m,exports.mobileNavLinkActive=h,exports.mobileNavList=f,exports.nav=i,exports.navItem=o,exports.navLink=s,exports.navLinkActive=c,exports.navList=a,exports.navbar=e,exports.sticky=t;

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

@@ -0,0 +1,22 @@
+//#region src/components/Navbar/Navbar.module.css
+var e = "_navbar_1bewp_1", t = "_sticky_1bewp_7", n = "_inner_1bewp_12", r = "_brand_1bewp_22", i = "_nav_1bewp_1", a = "_navList_1bewp_34", o = "_navItem_1bewp_43", s = "_navLink_1bewp_47", c = "_navLinkActive_1bewp_72", l = "_actions_1bewp_82", u = "_menuButton_1bewp_90", d = "_mobileMenu_1bewp_116", f = "_mobileNavList_1bewp_124", p = "_mobileNavItem_1bewp_133", m = "_mobileNavLink_1bewp_137", h = "_mobileNavLinkActive_1bewp_160", g = "_mobileMenuOpen_1bewp_189", _ = {
+	navbar: e,
+	sticky: t,
+	inner: n,
+	brand: r,
+	nav: i,
+	navList: a,
+	navItem: o,
+	navLink: s,
+	navLinkActive: c,
+	actions: l,
+	menuButton: u,
+	mobileMenu: d,
+	mobileNavList: f,
+	mobileNavItem: p,
+	mobileNavLink: m,
+	mobileNavLinkActive: h,
+	mobileMenuOpen: g
+};
+//#endregion
+export { l as actions, r as brand, _ as default, n as inner, u as menuButton, d as mobileMenu, g as mobileMenuOpen, p as mobileNavItem, m as mobileNavLink, h as mobileNavLinkActive, f as mobileNavList, i as nav, o as navItem, s as navLink, c as navLinkActive, a as navList, e as navbar, t as sticky };

package/dist/components/NumberField/NumberField.cjs

@@ -0,0 +1 @@
+const e=require("../../primitives/NumberInput/NumberInput.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("./NumberField.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,min:m,max:h,step:g,className:_,...v},y)=>{let{id:b,hintId:x,errorId:S,describedBy:C}=i.useFieldIds({inputId:p,hint:c,error:l});return(0,s.jsxs)(`div`,{className:[a.default.root,_??``].filter(Boolean).join(` `),children:[(0,s.jsx)(t.Label,{htmlFor:b,required:d,disabled:f,children:o}),(0,s.jsx)(`div`,{className:a.default.inputWrapper,children:(0,s.jsx)(e.NumberInput,{ref:y,id:b,size:u,hasError:!!l,disabled:f,required:d,"aria-required":d,"aria-describedby":C,min:m,max:h,step:g,...v})}),l?(0,s.jsx)(r.ErrorMessage,{id:S,children:l}):c?(0,s.jsx)(n.Hint,{id:x,children:c}):null]})});c.displayName=`NumberField`,exports.NumberField=c;

package/dist/components/NumberField/NumberField.js

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

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

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

@@ -0,0 +1 @@
+const e=require("./PageLayout.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={sm:e.default.sm,md:e.default.md,lg:e.default.lg,xl:e.default.xl,full:e.default.full},a=(0,t.forwardRef)(({maxWidth:t=`xl`,padding:a=!0,gap:o=6,className:s,style:c,...l},u)=>{let d=[e.default.pageLayout,i[t],a?e.default.padding:``,s??``].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:u,className:d,style:{gap:r[o],...c},...l})});a.displayName=`PageLayout`,exports.PageLayout=a;

package/dist/components/PageLayout/PageLayout.js

@@ -0,0 +1,42 @@
+import e from "./PageLayout.module.css.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/PageLayout/PageLayout.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 = {
+	sm: e.sm,
+	md: e.md,
+	lg: e.lg,
+	xl: e.xl,
+	full: e.full
+}, a = t(({ maxWidth: t = "xl", padding: a = !0, gap: o = 6, className: s, style: c, ...l }, u) => {
+	let d = [
+		e.pageLayout,
+		i[t],
+		a ? e.padding : "",
+		s ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		ref: u,
+		className: d,
+		style: {
+			gap: r[o],
+			...c
+		},
+		...l
+	});
+});
+a.displayName = "PageLayout";
+//#endregion
+export { a as PageLayout };

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

@@ -0,0 +1 @@
+var e=`_pageLayout_1d3bu_1`,t=`_padding_1d3bu_8`,n=`_sm_1d3bu_15`,r=`_md_1d3bu_16`,i=`_lg_1d3bu_17`,a=`_xl_1d3bu_18`,o=`_full_1d3bu_19`,s={pageLayout:e,padding:t,sm:n,md:r,lg:i,xl:a,full:o};exports.default=s,exports.full=o,exports.lg=i,exports.md=r,exports.padding=t,exports.pageLayout=e,exports.sm=n,exports.xl=a;

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

@@ -0,0 +1,12 @@
+//#region src/components/PageLayout/PageLayout.module.css
+var e = "_pageLayout_1d3bu_1", t = "_padding_1d3bu_8", n = "_sm_1d3bu_15", r = "_md_1d3bu_16", i = "_lg_1d3bu_17", a = "_xl_1d3bu_18", o = "_full_1d3bu_19", s = {
+	pageLayout: e,
+	padding: t,
+	sm: n,
+	md: r,
+	lg: i,
+	xl: a,
+	full: o
+};
+//#endregion
+export { s as default, o as full, i as lg, r as md, t as padding, e as pageLayout, n as sm, a as xl };

package/dist/components/PasswordField/PasswordField.cjs

@@ -0,0 +1 @@
+const e=require("../../primitives/PasswordInput/PasswordInput.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("./PasswordField.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,showPasswordLabel:p,hidePasswordLabel:m,inputId:h,className:g,..._},v)=>{let{id:y,hintId:b,errorId:x,describedBy:S}=i.useFieldIds({inputId:h,hint:c,error:l});return(0,s.jsxs)(`div`,{className:[a.default.root,g??``].filter(Boolean).join(` `),children:[(0,s.jsx)(t.Label,{htmlFor:y,required:d,disabled:f,children:o}),(0,s.jsx)(e.PasswordInput,{ref:v,id:y,size:u,hasError:!!l,disabled:f,required:d,"aria-required":d,"aria-describedby":S,showPasswordLabel:p,hidePasswordLabel:m,..._}),l?(0,s.jsx)(r.ErrorMessage,{id:x,children:l}):c?(0,s.jsx)(n.Hint,{id:b,children:c}):null]})});c.displayName=`PasswordField`,exports.PasswordField=c;

package/dist/components/PasswordField/PasswordField.js

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

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

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

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

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

package/dist/components/PhoneField/PhoneField.cjs

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

package/dist/components/PhoneField/PhoneField.js

@@ -0,0 +1,51 @@
+import { PhoneInput as e } from "../../primitives/PhoneInput/PhoneInput.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 "./PhoneField.module.css.js";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/PhoneField/PhoneField.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 = "PhoneField";
+//#endregion
+export { l as PhoneField };