@cascivo/react 0.3.4 → 0.3.8

package/dist/avatar/avatar.js

@@ -0,0 +1,45 @@
+"use client";
+
+import e from "./avatar.module.js";
+import { cn as t, createMachine as n, useMachine as r, useSignals as i } from "@cascivo/core";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../components/src/avatar/avatar.tsx
+var s = n({
+	initial: "loading",
+	states: {
+		loading: { on: {
+			LOADED: "loaded",
+			ERROR: "error"
+		} },
+		loaded: {},
+		error: {}
+	}
+});
+function c({ src: n, alt: c = "", fallback: l, size: u = "md", status: d, className: f, ...p }) {
+	i();
+	let [m, h] = r(s), g = !!n && m.value !== "error";
+	return /* @__PURE__ */ o("span", {
+		"data-size": u,
+		"data-status": d,
+		className: t(e.avatar, f),
+		role: g ? void 0 : "img",
+		"aria-label": g ? void 0 : c || l,
+		...p,
+		children: [g ? /* @__PURE__ */ a("img", {
+			className: e.image,
+			src: n,
+			alt: c,
+			onLoad: () => h("LOADED"),
+			onError: () => h("ERROR")
+		}) : /* @__PURE__ */ a("span", {
+			className: e.fallback,
+			"aria-hidden": "true",
+			children: l
+		}), d && /* @__PURE__ */ a("span", {
+			className: e.status,
+			"aria-hidden": "true"
+		})]
+	});
+}
+//#endregion
+export { c as Avatar };

package/dist/avatar/avatar.module.js

@@ -0,0 +1,11 @@
+"use client";
+
+import './avatar.css';
+var e = {
+	avatar: "_avatar_18xp4_2",
+	image: "_image_18xp4_43",
+	fallback: "_fallback_18xp4_50",
+	status: "_status_18xp4_55"
+};
+//#endregion
+export { e as default };

package/dist/avatar-group/avatar-group.css

@@ -0,0 +1 @@
+@layer cascivo.component{._group_il139_2{align-items:center;display:inline-flex}._group_il139_2>*{box-shadow:0 0 0 2px var(--cascivo-color-surface)}._group_il139_2:not([data-grid])>:not(:first-child){margin-inline-start:var(--overlap,-.5rem)}._group_il139_2[data-spacing=sm]{--overlap:-.25rem}._group_il139_2[data-spacing=md]{--overlap:-.5rem}._group_il139_2[data-spacing=lg]{--overlap:-.75rem}._group_il139_2[data-grid]{gap:var(--cascivo-space-2);grid-template-columns:repeat(auto-fit,minmax(0,max-content));display:inline-grid}._overflow_il139_34{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-medium)}}

package/dist/avatar-group/avatar-group.js

@@ -0,0 +1,26 @@
+"use client";
+
+import { Avatar as e } from "../avatar/avatar.js";
+import t from "./avatar-group.module.js";
+import { cn as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Children as s } from "react";
+//#region ../components/src/avatar-group/avatar-group.tsx
+function c({ max: c, total: l, spacing: u = "md", isGrid: d = !1, labels: f, className: p, children: m, ...h }) {
+	let g = s.toArray(m), _ = c == null ? g : g.slice(0, c), v = (l ?? g.length) - _.length, y = f?.more?.(v) ?? i(r.avatarGroup.more, { count: v });
+	return /* @__PURE__ */ o("div", {
+		role: "group",
+		"data-spacing": u,
+		"data-grid": d || void 0,
+		className: n(t.group, p),
+		...h,
+		children: [_, v > 0 && /* @__PURE__ */ a(e, {
+			className: t.overflow,
+			fallback: `+${v}`,
+			"aria-label": y
+		})]
+	});
+}
+//#endregion
+export { c as AvatarGroup };

package/dist/avatar-group/avatar-group.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './avatar-group.css';
+var e = {
+	group: "_group_il139_2",
+	overflow: "_overflow_il139_34"
+};
+//#endregion
+export { e as default };

package/dist/badge/badge.css

@@ -0,0 +1 @@
+@layer cascivo.component{._badge_beiqa_2{font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);border-radius:var(--cascivo-radius-badge);white-space:nowrap;border:1px solid #0000;align-items:center;display:inline-flex}._badge_beiqa_2[data-size=sm]{padding-inline:var(--cascivo-space-2);padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);line-height:1}._badge_beiqa_2[data-size=md]{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);line-height:var(--cascivo-leading-normal)}._badge_beiqa_2[data-variant=default]{background-color:var(--cascivo-color-accent);color:var(--cascivo-color-text-on-accent)}._badge_beiqa_2[data-variant=secondary]{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text);border-color:var(--cascivo-color-border)}._badge_beiqa_2[data-variant=success]{background-color:var(--cascivo-color-success-subtle);color:var(--cascivo-color-success-foreground)}._badge_beiqa_2[data-variant=warning]{background-color:var(--cascivo-color-warning-subtle);color:var(--cascivo-color-warning-foreground)}._badge_beiqa_2[data-variant=destructive]{background-color:var(--cascivo-color-destructive-subtle);color:var(--cascivo-color-destructive-foreground)}._badge_beiqa_2[data-variant=primary]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-content)}._badge_beiqa_2[data-variant=info]{background-color:var(--cascivo-color-info);color:var(--cascivo-color-info-content)}._badge_beiqa_2[data-variant=error]{background-color:var(--cascivo-color-error);color:var(--cascivo-color-error-content)}._badge_beiqa_2[data-variant=outline]{color:var(--cascivo-color-text);border-color:var(--cascivo-color-border-strong);background-color:#0000}}@media (forced-colors:active){._badge_beiqa_2{color:canvastext;border:1px solid canvastext}}@media (prefers-contrast:more){._badge_beiqa_2{border-width:2px}}

package/dist/badge/badge.js

@@ -0,0 +1,17 @@
+"use client";
+
+import e from "./badge.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/badge/badge.tsx
+function r({ variant: r = "default", size: i = "md", className: a, children: o, ...s }) {
+	return /* @__PURE__ */ n("span", {
+		"data-variant": r,
+		"data-size": i,
+		className: t(e.badge, a),
+		...s,
+		children: o
+	});
+}
+//#endregion
+export { r as Badge };

package/dist/badge/badge.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+import './badge.css';
+var e = { badge: "_badge_beiqa_2" };
+//#endregion
+export { e as default };

package/dist/blockquote/blockquote.css

@@ -0,0 +1 @@
+@layer cascivo.component{._blockquote_ja266_2{border-inline-start:3px solid var(--cascivo-color-border-strong);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-base);line-height:var(--cascivo-leading-relaxed);color:var(--cascivo-color-text-subtle);margin:0;padding-inline-start:var(--cascivo-space-4)}._footer_ja266_12{font-size:var(--cascivo-text-sm);margin-block-start:var(--cascivo-space-2)}._footer_ja266_12 cite{color:var(--cascivo-color-text);font-style:normal;font-weight:var(--cascivo-font-medium)}._footer_ja266_12 cite:before{content:"— "}}

package/dist/blockquote/blockquote.js

@@ -0,0 +1,18 @@
+"use client";
+
+import e from "./blockquote.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/blockquote/blockquote.tsx
+function i({ cite: i, className: a, children: o, ...s }) {
+	return /* @__PURE__ */ r("blockquote", {
+		className: t(e.blockquote, a),
+		...s,
+		children: [o, i ? /* @__PURE__ */ n("footer", {
+			className: e.footer,
+			children: /* @__PURE__ */ n("cite", { children: i })
+		}) : null]
+	});
+}
+//#endregion
+export { i as Blockquote };

package/dist/blockquote/blockquote.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './blockquote.css';
+var e = {
+	blockquote: "_blockquote_ja266_2",
+	footer: "_footer_ja266_12"
+};
+//#endregion
+export { e as default };

package/dist/bottom-sheet/bottom-sheet.css

@@ -0,0 +1 @@
+@layer cascivo.component{._overlay_k9sg5_2{z-index:var(--cascivo-z-overlay,50);opacity:1;transition:opacity var(--cascivo-motion-enter);background-color:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}._overlay_k9sg5_2[data-state=closed]{opacity:0;transition:opacity var(--cascivo-motion-exit)}@starting-style{._overlay_k9sg5_2[data-state=open]{opacity:0}}._panel_k9sg5_25{inline-size:100%;max-inline-size:32rem;block-size:var(--_sheet-height,92dvh);background:var(--cascivo-color-surface);max-block-size:100dvh;box-shadow:var(--cascivo-shadow-overlay);translate:0 max(0px, calc(var(--_sheet-y,0%) + var(--_sheet-drag,0px)));transition:translate var(--cascivo-motion-enter);border-start-start-radius:var(--cascivo-radius-overlay);border-start-end-radius:var(--cascivo-radius-overlay);flex-direction:column;display:flex}._panel_k9sg5_25[data-dragging]{transition:none}._overlay_k9sg5_2[data-state=closed] ._panel_k9sg5_25{transition:translate var(--cascivo-motion-exit);translate:0 100%}@starting-style{._overlay_k9sg5_2[data-state=open] ._panel_k9sg5_25{translate:0 100%}}._header_k9sg5_59{justify-content:space-between;align-items:flex-start;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-6) var(--cascivo-space-4);border-block-end:1px solid var(--cascivo-color-border);touch-action:none;cursor:grab;flex-wrap:wrap;flex-shrink:0;display:flex}._header_k9sg5_59:active{cursor:grabbing}._handle_k9sg5_77{block-size:.25rem;inline-size:2.25rem;border-radius:var(--cascivo-radius-full,9999px);background:var(--cascivo-color-border);flex-basis:100%;margin-block-end:var(--cascivo-space-2);margin-inline:auto}._heading_k9sg5_87{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_k9sg5_93{font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);margin:0}._description_k9sg5_100{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);margin:0}._close_k9sg5_106{block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._close_k9sg5_106:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_k9sg5_106:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}@media (pointer:coarse){._close_k9sg5_106{min-inline-size:var(--cascivo-target-min-coarse,2.75rem);min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._closeIcon_k9sg5_140{block-size:1rem;inline-size:1rem}._body_k9sg5_145{padding:var(--cascivo-space-6);overscroll-behavior:contain;flex:1;padding-block-end:calc(var(--cascivo-space-6) + env(safe-area-inset-bottom,0px));overflow-y:auto}@media (prefers-reduced-motion:reduce){._panel_k9sg5_25{transition:none}}}

package/dist/bottom-sheet/bottom-sheet.js

@@ -0,0 +1,111 @@
+"use client";
+
+import e from "./bottom-sheet.module.js";
+import { DismissableLayer as t, FocusScope as n, Portal as r, Presence as i, cn as a, useControllableSignal as o, useDraggable as s, useScrollLock as c, useSignals as l } from "@cascivo/core";
+import { builtin as u, t as d } from "@cascivo/i18n";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useId as m } from "react";
+//#region ../components/src/bottom-sheet/bottom-sheet.tsx
+var h = 120, g = .6, _ = .1, v = [.5, .92];
+function y({ open: y, defaultOpen: b, onOpenChange: x, snapPoints: S = v, activeSnap: C, defaultSnap: w = 0, onSnapChange: T, title: E, description: D, children: O, labels: k, className: A }) {
+	l();
+	let [j, M] = o({
+		value: y,
+		defaultValue: b ?? !1,
+		onChange: x
+	}), [N, P] = o({
+		value: C,
+		defaultValue: w,
+		onChange: T
+	});
+	c(j);
+	let F = S, I = F[F.length - 1] ?? 1, L = F[0] ?? 0, R = F[Math.min(N.value, F.length - 1)] ?? I, { handleRef: z, offset: B, velocity: V, isDragging: H, reset: U } = s({
+		axis: "y",
+		onDragEnd: (e) => {
+			let t = typeof window > "u" ? 0 : window.innerHeight, n = V.value.y;
+			if (U(), t === 0) return;
+			let r = R - e.y / t - n * h / t;
+			if (n > g || r < L - _) {
+				M(!1);
+				return;
+			}
+			let i = 0;
+			for (let e = 1; e < F.length; e++) Math.abs((F[e] ?? 0) - r) < Math.abs((F[i] ?? 0) - r) && (i = e);
+			P(i);
+		}
+	}), W = m(), G = m(), K = k?.close ?? d(u.bottomSheet.close), q = k?.handle ?? d(u.bottomSheet.handle), J = `${(1 - R / I) * 100}%`, Y = {
+		"--_sheet-height": `${I * 100}dvh`,
+		"--_sheet-y": J,
+		"--_sheet-drag": `${B.value.y}px`
+	};
+	return /* @__PURE__ */ f(r, { children: /* @__PURE__ */ f(i, {
+		present: j,
+		children: /* @__PURE__ */ f("div", {
+			className: e.overlay,
+			children: /* @__PURE__ */ f(t, {
+				onDismiss: () => M(!1),
+				children: /* @__PURE__ */ f(n, {
+					trapped: !0,
+					restoreFocus: !0,
+					autoFocus: !0,
+					children: /* @__PURE__ */ p("div", {
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-labelledby": E ? W : void 0,
+						"aria-describedby": D ? G : void 0,
+						"data-dragging": H.value ? "" : void 0,
+						className: a(e.panel, A),
+						style: Y,
+						children: [/* @__PURE__ */ p("div", {
+							className: e.header,
+							ref: z,
+							children: [
+								/* @__PURE__ */ f("div", {
+									className: e.handle,
+									role: "separator",
+									"aria-label": q,
+									"aria-orientation": "horizontal"
+								}),
+								(E || D) && /* @__PURE__ */ p("div", {
+									className: e.heading,
+									children: [E && /* @__PURE__ */ f("h2", {
+										id: W,
+										className: e.title,
+										children: E
+									}), D && /* @__PURE__ */ f("p", {
+										id: G,
+										className: e.description,
+										children: D
+									})]
+								}),
+								/* @__PURE__ */ f("button", {
+									type: "button",
+									"aria-label": K,
+									onClick: () => M(!1),
+									className: e.close,
+									children: /* @__PURE__ */ f("svg", {
+										"aria-hidden": "true",
+										viewBox: "0 0 16 16",
+										className: e.closeIcon,
+										children: /* @__PURE__ */ f("path", {
+											d: "M4 4l8 8M12 4l-8 8",
+											fill: "none",
+											stroke: "currentColor",
+											strokeWidth: "1.5",
+											strokeLinecap: "round"
+										})
+									})
+								})
+							]
+						}), /* @__PURE__ */ f("div", {
+							className: e.body,
+							children: O
+						})]
+					})
+				})
+			})
+		})
+	}) });
+}
+//#endregion
+export { y as BottomSheet };

package/dist/bottom-sheet/bottom-sheet.module.js

@@ -0,0 +1,17 @@
+"use client";
+
+import './bottom-sheet.css';
+var e = {
+	overlay: "_overlay_k9sg5_2",
+	panel: "_panel_k9sg5_25",
+	header: "_header_k9sg5_59",
+	handle: "_handle_k9sg5_77",
+	heading: "_heading_k9sg5_87",
+	title: "_title_k9sg5_93",
+	description: "_description_k9sg5_100",
+	close: "_close_k9sg5_106",
+	closeIcon: "_closeIcon_k9sg5_140",
+	body: "_body_k9sg5_145"
+};
+//#endregion
+export { e as default };

package/dist/breadcrumb/breadcrumb.css

@@ -0,0 +1 @@
+@layer cascivo.component{._breadcrumb_1c3dy_2{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-normal)}._breadcrumb_1c3dy_2 ol{align-items:center;gap:var(--cascivo-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}._breadcrumb_1c3dy_2 li{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:inline-flex}._breadcrumb_1c3dy_2 li+li:before{content:"/" / "";color:var(--cascivo-color-text-subtle)}._breadcrumb_1c3dy_2 a{color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-item);transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);text-decoration:none}._breadcrumb_1c3dy_2 a:hover{color:var(--cascivo-color-text);text-decoration:underline}._breadcrumb_1c3dy_2 a:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._breadcrumb_1c3dy_2 [aria-current=page]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-medium)}}

package/dist/breadcrumb/breadcrumb.js

@@ -0,0 +1,28 @@
+"use client";
+
+import e from "./breadcrumb.module.js";
+import { cn as t, useSignals as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { jsx as a } from "react/jsx-runtime";
+//#region ../components/src/breadcrumb/breadcrumb.tsx
+function o({ items: o, maxVisible: s, className: c, ariaLabel: l }) {
+	n();
+	let u = l ?? i(r.breadcrumb.nav), d = o, f = o[0];
+	return f !== void 0 && s !== void 0 && o.length > s && (d = [
+		f,
+		{ label: "…" },
+		...o.slice(o.length - (s - 2))
+	]), /* @__PURE__ */ a("nav", {
+		"aria-label": u,
+		className: t(e.breadcrumb, c),
+		children: /* @__PURE__ */ a("ol", { children: d.map((e, t) => /* @__PURE__ */ a("li", { children: t === d.length - 1 ? /* @__PURE__ */ a("span", {
+			"aria-current": "page",
+			children: e.label
+		}) : e.href === void 0 ? /* @__PURE__ */ a("span", { children: e.label }) : /* @__PURE__ */ a("a", {
+			href: e.href,
+			children: e.label
+		}) }, `${t}-${e.label}`)) })
+	});
+}
+//#endregion
+export { o as Breadcrumb };

package/dist/breadcrumb/breadcrumb.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+import './breadcrumb.css';
+var e = { breadcrumb: "_breadcrumb_1c3dy_2" };
+//#endregion
+export { e as default };

package/dist/button/button.css

@@ -0,0 +1 @@
+@layer cascivo.component{._button_11p57_2{justify-content:center;align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);white-space:nowrap;cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));border:1px solid #0000;display:inline-flex}._button_11p57_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._button_11p57_2:disabled{opacity:.5;opacity:var(--cascivo-disabled-opacity,.5);cursor:not-allowed;pointer-events:none}._button_11p57_2[data-size=sm]{height:var(--cascivo-control-height-sm);padding-inline:var(--cascivo-space-3);font-size:var(--cascivo-text-ui)}._button_11p57_2[data-size=md]{height:var(--cascivo-control-height-md);padding-inline:var(--cascivo-space-4);padding-block:.5rem;padding-block:--cascivo-step(2);font-size:var(--cascivo-text-ui)}._button_11p57_2[data-size=lg]{height:var(--cascivo-control-height-lg);padding-inline:var(--cascivo-space-6);font-size:var(--cascivo-text-body)}@media (pointer:coarse){._button_11p57_2[data-size=sm],._button_11p57_2[data-size=md]{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._button_11p57_2[data-variant=primary]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._button_11p57_2[data-variant=primary]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._button_11p57_2[data-variant=primary]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}._button_11p57_2[data-variant=secondary]{background-color:var(--cascivo-color-secondary);color:var(--cascivo-color-secondary-content)}._button_11p57_2[data-variant=secondary]:hover:not(:disabled){background-color:var(--cascivo-color-secondary-hover)}._button_11p57_2[data-variant=ghost]{color:var(--cascivo-color-text);background-color:#0000}._button_11p57_2[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._button_11p57_2[data-variant=destructive]{background-color:var(--cascivo-color-destructive);color:var(--cascivo-color-text-on-destructive)}._button_11p57_2[data-variant=destructive]:hover:not(:disabled){background-color:var(--cascivo-color-destructive-hover)}}@media (forced-colors:active){._button_11p57_2{border:1px solid buttontext}._button_11p57_2:focus-visible{outline-offset:2px;outline:2px solid highlight}._button_11p57_2:disabled{color:graytext;border-color:graytext}}

package/dist/button/button.js

@@ -0,0 +1,31 @@
+"use client";
+
+import { Spinner as e } from "../spinner/spinner.js";
+import t from "./button.module.js";
+import { Slot as n, cn as r } from "@cascivo/core";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ../components/src/button/button.tsx
+function o({ variant: o = "primary", size: s = "md", loading: c = !1, asChild: l = !1, className: u, disabled: d, children: f, ...p }) {
+	let m = {
+		"data-variant": o,
+		"data-size": s,
+		"data-state": c ? "loading" : "idle",
+		"aria-busy": c || void 0,
+		className: r(t.button, u)
+	};
+	return l ? /* @__PURE__ */ i(n, {
+		...m,
+		...p,
+		children: f
+	}) : /* @__PURE__ */ a("button", {
+		...m,
+		disabled: d || c,
+		...p,
+		children: [c && /* @__PURE__ */ i(e, {
+			size: "sm",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ i("span", { children: f })]
+	});
+}
+//#endregion
+export { o as Button };

package/dist/button/button.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+import './button.css';
+var e = { button: "_button_11p57_2" };
+//#endregion
+export { e as default };

package/dist/button-group/button-group.css

@@ -0,0 +1 @@
+@layer cascivo.component{._buttonGroup_3e81x_2{--_radius:var(--cascivo-button-radius,var(--cascivo-radius-control));display:inline-flex}._buttonGroup_3e81x_2[data-orientation=horizontal]{flex-direction:row}._buttonGroup_3e81x_2[data-orientation=vertical]{flex-direction:column}._buttonGroup_3e81x_2>*{border-radius:0}._buttonGroup_3e81x_2[data-orientation=horizontal]>:first-child{border-start-start-radius:var(--_radius);border-end-start-radius:var(--_radius)}._buttonGroup_3e81x_2[data-orientation=horizontal]>:last-child{border-start-end-radius:var(--_radius);border-end-end-radius:var(--_radius)}._buttonGroup_3e81x_2[data-orientation=horizontal]>:not(:first-child){margin-inline-start:-1px}._buttonGroup_3e81x_2[data-orientation=vertical]>:first-child{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_radius)}._buttonGroup_3e81x_2[data-orientation=vertical]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_radius)}._buttonGroup_3e81x_2[data-orientation=vertical]>:not(:first-child){margin-block-start:-1px}._buttonGroup_3e81x_2>:hover,._buttonGroup_3e81x_2>:focus-visible,._buttonGroup_3e81x_2>:focus-within{z-index:1;position:relative}}

package/dist/button-group/button-group.js

@@ -0,0 +1,39 @@
+"use client";
+
+import e from "./button-group.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+//#region ../components/src/button-group/button-group.tsx
+function i(e) {
+	return Array.from(e.querySelectorAll("button, a[href], [tabindex]")).filter((e) => !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true");
+}
+var a = r(function({ orientation: r = "horizontal", size: a = "md", roving: o = !1, loop: s = !1, className: c, onKeyDown: l, children: u, ...d }, f) {
+	return /* @__PURE__ */ n("div", {
+		role: "group",
+		"data-orientation": r,
+		"data-size": a,
+		className: t(e.buttonGroup, c),
+		ref: f,
+		onKeyDown: (e) => {
+			if (l?.(e), !o) return;
+			let t = r === "horizontal", n = t ? "ArrowRight" : "ArrowDown", a = t ? "ArrowLeft" : "ArrowUp";
+			if (![
+				n,
+				a,
+				"Home",
+				"End"
+			].includes(e.key)) return;
+			let c = i(e.currentTarget);
+			if (c.length === 0) return;
+			let u = c.indexOf(document.activeElement);
+			if (u === -1) return;
+			let d = u;
+			e.key === n ? d = u + 1 : e.key === a ? d = u - 1 : e.key === "Home" ? d = 0 : e.key === "End" && (d = c.length - 1), d < 0 && (d = s ? c.length - 1 : 0), d >= c.length && (d = s ? 0 : c.length - 1), e.preventDefault(), c[d]?.focus();
+		},
+		...d,
+		children: u
+	});
+});
+//#endregion
+export { a as ButtonGroup };

package/dist/button-group/button-group.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+import './button-group.css';
+var e = { buttonGroup: "_buttonGroup_3e81x_2" };
+//#endregion
+export { e as default };

package/dist/calendar/calendar.css

@@ -0,0 +1 @@
+@layer cascivo.component{._calendar_7pqxh_2{--cascivo-calendar-bg:var(--cascivo-color-surface);--cascivo-calendar-radius:var(--cascivo-radius-overlay);--cascivo-calendar-cell-size:2.25rem;--cascivo-calendar-day-selected-bg:var(--cascivo-color-accent);--cascivo-calendar-day-selected-fg:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent));--cascivo-calendar-day-today-color:var(--cascivo-color-accent);--cascivo-calendar-range-bg:color-mix(in srgb, var(--cascivo-color-accent) 16%, transparent);gap:var(--cascivo-space-2);padding:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);background-color:var(--cascivo-calendar-bg);border-radius:var(--cascivo-calendar-radius);flex-direction:column;display:inline-flex}._calendar_7pqxh_2[data-size=sm]{--cascivo-calendar-cell-size:1.875rem}._calendar_7pqxh_2[data-size=md]{--cascivo-calendar-cell-size:2.25rem}._calendar_7pqxh_2[data-size=lg]{--cascivo-calendar-cell-size:2.75rem}._header_7pqxh_33{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-1);display:flex}._monthLabel_7pqxh_40{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_7pqxh_46{border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-base);background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;display:inline-flex}._navButton_7pqxh_46:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_7pqxh_46:focus-visible{box-shadow:var(--cascivo-focus-ring)}._navSpacer_7pqxh_69{block-size:2rem;inline-size:2rem}._grid_7pqxh_74{border-collapse:collapse;inline-size:100%}._weekday_7pqxh_79{padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-muted);text-align:center;inline-size:var(--cascivo-calendar-cell-size)}._cell_7pqxh_88{text-align:center;padding:0}._cell_7pqxh_88[data-in-range]{background-color:var(--cascivo-calendar-range-bg)}._cell_7pqxh_88:has([data-in-range]){background-color:var(--cascivo-calendar-range-bg)}._empty_7pqxh_99{inline-size:var(--cascivo-calendar-cell-size);block-size:var(--cascivo-calendar-cell-size)}._day_7pqxh_104{inline-size:var(--cascivo-calendar-cell-size);block-size:var(--cascivo-calendar-cell-size);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}._day_7pqxh_104:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_7pqxh_104:focus-visible{box-shadow:var(--cascivo-focus-ring)}._day_7pqxh_104[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-calendar-day-today-color)}._day_7pqxh_104[data-in-range]{background-color:var(--cascivo-calendar-range-bg)}._day_7pqxh_104[data-selected],._day_7pqxh_104[data-range-start],._day_7pqxh_104[data-range-end]{background-color:var(--cascivo-calendar-day-selected-bg);color:var(--cascivo-calendar-day-selected-fg)}._day_7pqxh_104[aria-disabled]{opacity:.35;cursor:not-allowed}}@media (forced-colors:active){._day_7pqxh_104[data-selected]{outline:2px solid highlight}}

package/dist/calendar/calendar.js

@@ -0,0 +1,195 @@
+"use client";
+
+import e from "./calendar.module.js";
+import { batch as t, cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
+import { builtin as a, currentLocale as o, t as s } from "@cascivo/i18n";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region ../components/src/calendar/calendar.tsx
+function u(e) {
+	try {
+		let t = new Intl.Locale(e).weekInfo;
+		if (t) return t.firstDay % 7;
+	} catch {}
+	return 1;
+}
+function d(e, t, n) {
+	let r = new Date(Date.UTC(e, t, 1)), i = new Date(Date.UTC(e, t + 1, 0)), a = (r.getUTCDay() - n + 7) % 7, o = [];
+	for (let e = 0; e < a; e++) o.push(null);
+	for (let n = 1; n <= i.getUTCDate(); n++) o.push(new Date(Date.UTC(e, t, n)));
+	for (; o.length % 7 != 0;) o.push(null);
+	let s = [];
+	for (let e = 0; e < o.length; e += 7) s.push(o.slice(e, e + 7));
+	return s;
+}
+function f(e) {
+	return `${e.getUTCFullYear()}-${e.getUTCMonth()}-${e.getUTCDate()}`;
+}
+function p(e, t) {
+	return !e || !t ? !1 : f(e) === f(t);
+}
+function m(e, t) {
+	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + t));
+}
+function h(e, t) {
+	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth() + t, e.getUTCDate()));
+}
+function g(e, t) {
+	return m(e, -((e.getUTCDay() - t + 7) % 7));
+}
+function _(e, t, n) {
+	if (t) {
+		let n = new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()));
+		if (e.getTime() < n.getTime()) return !0;
+	}
+	if (n) {
+		let t = new Date(Date.UTC(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate()));
+		if (e.getTime() > t.getTime()) return !0;
+	}
+	return !1;
+}
+function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabled: S, locale: C, size: w = "md", labels: T, className: E, isInRange: D, isRangeStart: O, isRangeEnd: k, onDayHover: A, month: j, year: M, onViewChange: N, hideNav: P = !1 }) {
+	i();
+	let F = C ?? o(), I = T?.previousMonth ?? s(a.calendar.previousMonth), L = T?.nextMonth ?? s(a.calendar.nextMonth), R = f === void 0 ? v ?? null : f, z = /* @__PURE__ */ new Date(), B = R ?? v ?? z, V = r(B.getUTCFullYear()), H = r(B.getUTCMonth()), U = r(B);
+	j !== void 0 && (H.value = j), M !== void 0 && (V.value = M);
+	let W = u(F), G = d(V.value, H.value, W), K = new Intl.DateTimeFormat(F, { weekday: "short" }), q = Array.from({ length: 7 }, (e, t) => {
+		let n = new Date(Date.UTC(2024, 0, 7 + W + t));
+		return K.format(n);
+	}), J = new Intl.DateTimeFormat(F, {
+		weekday: "long",
+		year: "numeric",
+		month: "long",
+		day: "numeric"
+	}), Y = new Intl.DateTimeFormat(F, {
+		month: "long",
+		year: "numeric"
+	}).format(new Date(Date.UTC(V.value, H.value, 1))), X = (e) => _(e, b, x) || (S ? S(e) : !1), Z = j !== void 0 || M !== void 0, ee = (e) => {
+		Z ? U.value = e : t(() => {
+			V.value = e.getUTCFullYear(), H.value = e.getUTCMonth(), U.value = e;
+		}), N?.({
+			month: e.getUTCMonth(),
+			year: e.getUTCFullYear()
+		});
+	}, Q = (e) => {
+		X(e) || y?.(e);
+	}, $ = (e) => {
+		let n = h(new Date(Date.UTC(V.value, H.value, 1)), e), r = n.getUTCMonth(), i = n.getUTCFullYear();
+		Z || t(() => {
+			H.value = r, V.value = i;
+		}), N?.({
+			month: r,
+			year: i
+		});
+	};
+	return /* @__PURE__ */ l("div", {
+		className: n(e.calendar, E),
+		"data-size": w,
+		onMouseLeave: () => A?.(null),
+		children: [/* @__PURE__ */ l("div", {
+			className: e.header,
+			children: [
+				P ? /* @__PURE__ */ c("span", { className: e.navSpacer }) : /* @__PURE__ */ c("button", {
+					type: "button",
+					className: e.navButton,
+					"aria-label": I,
+					onClick: () => $(-1),
+					children: "‹"
+				}),
+				/* @__PURE__ */ c("span", {
+					className: e.monthLabel,
+					"aria-live": "polite",
+					children: Y
+				}),
+				P ? /* @__PURE__ */ c("span", { className: e.navSpacer }) : /* @__PURE__ */ c("button", {
+					type: "button",
+					className: e.navButton,
+					"aria-label": L,
+					onClick: () => $(1),
+					children: "›"
+				})
+			]
+		}), /* @__PURE__ */ l("table", {
+			role: "grid",
+			"aria-label": Y,
+			className: e.grid,
+			onKeyDown: (e) => {
+				let t = U.value, n;
+				switch (e.key) {
+					case "ArrowRight":
+						n = m(t, 1);
+						break;
+					case "ArrowLeft":
+						n = m(t, -1);
+						break;
+					case "ArrowDown":
+						n = m(t, 7);
+						break;
+					case "ArrowUp":
+						n = m(t, -7);
+						break;
+					case "Home":
+						n = g(t, W);
+						break;
+					case "End":
+						n = m(g(t, W), 6);
+						break;
+					case "PageUp":
+						n = h(t, e.shiftKey ? -12 : -1);
+						break;
+					case "PageDown":
+						n = h(t, e.shiftKey ? 12 : 1);
+						break;
+					case "Enter":
+					case " ":
+						e.preventDefault(), Q(t);
+						return;
+					default: return;
+				}
+				e.preventDefault(), ee(n), A?.(n);
+			},
+			children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", {
+				role: "row",
+				children: q.map((t) => /* @__PURE__ */ c("th", {
+					className: e.weekday,
+					abbr: t,
+					scope: "col",
+					children: t
+				}, t))
+			}) }), /* @__PURE__ */ c("tbody", { children: G.map((t, n) => /* @__PURE__ */ c("tr", {
+				role: "row",
+				children: t.map((t, n) => {
+					if (!t) return /* @__PURE__ */ c("td", {
+						role: "gridcell",
+						className: e.empty
+					}, n);
+					let r = p(t, R), i = p(t, z), a = p(t, U.value), o = X(t), s = D ? D(t) : !1, l = O ? O(t) : !1, u = k ? k(t) : !1;
+					return /* @__PURE__ */ c("td", {
+						role: "gridcell",
+						className: e.cell,
+						"aria-selected": r,
+						children: /* @__PURE__ */ c("button", {
+							type: "button",
+							className: e.day,
+							tabIndex: a ? 0 : -1,
+							"aria-label": J.format(t),
+							"aria-current": i ? "date" : void 0,
+							"aria-disabled": o || void 0,
+							"data-selected": r || void 0,
+							"data-today": i || void 0,
+							"data-in-range": s || void 0,
+							"data-range-start": l || void 0,
+							"data-range-end": u || void 0,
+							onClick: () => Q(t),
+							onFocus: () => {
+								U.value = t;
+							},
+							onMouseEnter: () => A?.(t),
+							children: t.getUTCDate()
+						})
+					}, n);
+				})
+			}, n)) })]
+		})]
+	});
+}
+//#endregion
+export { v as Calendar };