@cascivo/react 1.0.0 → 1.2.0

package/dist/indicator/indicator.js

@@ -1,16 +1 @@
-import e from "./indicator.module.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region ../components/src/indicator/indicator.tsx
-function r({ children: r, overlay: i, placement: a = "top-end", className: o }) {
-	return /* @__PURE__ */ n("div", {
-		className: [e.indicator, o].filter(Boolean).join(" "),
-		"data-placement": a,
-		children: [r, /* @__PURE__ */ t("div", {
-			className: e.overlay,
-			"aria-hidden": !0,
-			children: i
-		})]
-	});
-}
-//#endregion
-export { r as Indicator };
+import e from"./indicator.module.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";function Indicator({children:r,overlay:i,placement:a=`top-end`,className:o}){return n(`div`,{className:[e.indicator,o].filter(Boolean).join(` `),"data-placement":a,children:[r,t(`div`,{className:e.overlay,"aria-hidden":!0,children:i})]})}export{Indicator};

package/dist/indicator/indicator.module.js

@@ -1,7 +1,2 @@
 import './indicator.css';
-var e = {
-	indicator: "_indicator_12iz3_2",
-	overlay: "_overlay_12iz3_7"
-};
-//#endregion
-export { e as default };
+var e={indicator:`_indicator_12iz3_2`,overlay:`_overlay_12iz3_7`};export{e as default};

package/dist/infinite-scroll/infinite-scroll.js

@@ -1,49 +1 @@
-"use client";
-
-import { Spinner as e } from "../spinner/spinner.js";
-import t from "./infinite-scroll.module.js";
-import { useRef as n } from "react";
-import { cn as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { builtin as s, t as c } from "@cascivo/i18n";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region ../components/src/infinite-scroll/infinite-scroll.tsx
-function d({ onLoadMore: d, disabled: f = !1, rootMargin: p = "200px", labels: m, className: h }) {
-	o();
-	let g = n(null), _ = i(!1), v = n(d);
-	v.current = d;
-	let y = n(f);
-	y.current = f;
-	let b = () => {
-		_.value || y.current || (_.value = !0, Promise.resolve(v.current()).then(() => {
-			_.value = !1;
-		}, () => {
-			_.value = !1;
-		}));
-	}, x = n(b);
-	return x.current = b, a(() => {
-		let e = g.current;
-		if (!e || f || typeof IntersectionObserver > "u") return;
-		let t = new IntersectionObserver((e) => {
-			e.some((e) => e.isIntersecting) && x.current();
-		}, { rootMargin: p });
-		return t.observe(e), () => t.disconnect();
-	}), f ? null : /* @__PURE__ */ l("div", {
-		ref: g,
-		className: r(t.root, h),
-		children: _.value ? /* @__PURE__ */ u("span", {
-			className: t.status,
-			role: "status",
-			children: [/* @__PURE__ */ l(e, {
-				size: "sm",
-				"aria-hidden": "true"
-			}), m?.loading ?? c(s.infiniteScroll.loading)]
-		}) : /* @__PURE__ */ l("button", {
-			type: "button",
-			className: t.button,
-			onClick: b,
-			children: m?.loadMore ?? c(s.infiniteScroll.loadMore)
-		})
-	});
-}
-//#endregion
-export { d as InfiniteScroll };
+"use client";import{Spinner as e}from"../spinner/spinner.js";import t from"./infinite-scroll.module.js";import{useRef as n}from"react";import{cn as r,useSignal as i,useSignalEffect as a,useSignals as o}from"@cascivo/core";import{builtin as s,t as c}from"@cascivo/i18n";import{jsx as l,jsxs as u}from"react/jsx-runtime";function InfiniteScroll({onLoadMore:d,disabled:f=!1,rootMargin:p=`200px`,labels:m,className:h}){o();let g=n(null),_=i(!1),v=n(d);v.current=d;let y=n(f);y.current=f;let load=()=>{_.value||y.current||(_.value=!0,Promise.resolve(v.current()).then(()=>{_.value=!1},()=>{_.value=!1}))},b=n(load);return b.current=load,a(()=>{let e=g.current;if(!e||f||typeof IntersectionObserver>`u`)return;let t=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&b.current()},{rootMargin:p});return t.observe(e),()=>t.disconnect()}),f?null:l(`div`,{ref:g,className:r(t.root,h),children:_.value?u(`span`,{className:t.status,role:`status`,children:[l(e,{size:`sm`,"aria-hidden":`true`}),m?.loading??c(s.infiniteScroll.loading)]}):l(`button`,{type:`button`,className:t.button,onClick:load,children:m?.loadMore??c(s.infiniteScroll.loadMore)})})}export{InfiniteScroll};

package/dist/infinite-scroll/infinite-scroll.module.js

@@ -1,8 +1,2 @@
 import './infinite-scroll.css';
-var e = {
-	root: "_root_50go8_2",
-	status: "_status_50go8_9",
-	button: "_button_50go8_17"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_50go8_2`,status:`_status_50go8_9`,button:`_button_50go8_17`};export{e as default};

package/dist/inline-loading/inline-loading.js

@@ -1,74 +1 @@
-import { Spinner as e } from "../spinner/spinner.js";
-import t from "./inline-loading.module.js";
-import { cn as n } from "@cascivo/core/pure";
-import { builtin as r, t as i } from "@cascivo/i18n";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../components/src/inline-loading/inline-loading.tsx
-function s(e, t) {
-	switch (e) {
-		case "active": return t?.active ?? i(r.inlineLoading.active);
-		case "finished": return t?.finished ?? i(r.inlineLoading.finished);
-		case "error": return t?.error ?? i(r.inlineLoading.error);
-		default: return "";
-	}
-}
-function c({ status: n }) {
-	return n === "active" ? /* @__PURE__ */ a(e, {
-		size: "sm",
-		className: t.spinner
-	}) : n === "finished" ? /* @__PURE__ */ a("svg", {
-		className: t.icon,
-		viewBox: "0 0 16 16",
-		width: "16",
-		height: "16",
-		fill: "none",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ a("path", {
-			d: "M3.5 8.5l3 3 6-7",
-			stroke: "currentColor",
-			strokeWidth: "1.75",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	}) : n === "error" ? /* @__PURE__ */ o("svg", {
-		className: t.icon,
-		viewBox: "0 0 16 16",
-		width: "16",
-		height: "16",
-		fill: "none",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ a("path", {
-			d: "M8 4.5v4M8 11h.01",
-			stroke: "currentColor",
-			strokeWidth: "1.75",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}), /* @__PURE__ */ a("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.25",
-			stroke: "currentColor",
-			strokeWidth: "1.5"
-		})]
-	}) : null;
-}
-function l({ status: e, label: r, labels: i, className: l, ...u }) {
-	let d = r ?? s(e, i);
-	return /* @__PURE__ */ o("div", {
-		role: "status",
-		"aria-live": "polite",
-		"data-status": e,
-		className: n(t["inline-loading"], l),
-		...u,
-		children: [/* @__PURE__ */ a("span", {
-			className: t.indicator,
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ a(c, { status: e })
-		}), d && /* @__PURE__ */ a("span", {
-			className: t.label,
-			children: d
-		})]
-	});
-}
-//#endregion
-export { l as InlineLoading };
+import{Spinner as e}from"../spinner/spinner.js";import t from"./inline-loading.module.js";import{cn as n}from"@cascivo/core/pure";import{builtin as r,t as i}from"@cascivo/i18n";import{jsx as a,jsxs as o}from"react/jsx-runtime";function defaultLabel(e,t){switch(e){case`active`:return t?.active??i(r.inlineLoading.active);case`finished`:return t?.finished??i(r.inlineLoading.finished);case`error`:return t?.error??i(r.inlineLoading.error);default:return``}}function StatusIcon({status:n}){return n===`active`?a(e,{size:`sm`,className:t.spinner}):n===`finished`?a(`svg`,{className:t.icon,viewBox:`0 0 16 16`,width:`16`,height:`16`,fill:`none`,"aria-hidden":`true`,children:a(`path`,{d:`M3.5 8.5l3 3 6-7`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})}):n===`error`?o(`svg`,{className:t.icon,viewBox:`0 0 16 16`,width:`16`,height:`16`,fill:`none`,"aria-hidden":`true`,children:[a(`path`,{d:`M8 4.5v4M8 11h.01`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`}),a(`circle`,{cx:`8`,cy:`8`,r:`6.25`,stroke:`currentColor`,strokeWidth:`1.5`})]}):null}function InlineLoading({status:e,label:r,labels:i,className:s,...c}){let l=r??defaultLabel(e,i);return o(`div`,{role:`status`,"aria-live":`polite`,"data-status":e,className:n(t[`inline-loading`],s),...c,children:[a(`span`,{className:t.indicator,"aria-hidden":`true`,children:a(StatusIcon,{status:e})}),l&&a(`span`,{className:t.label,children:l})]})}export{InlineLoading};

package/dist/inline-loading/inline-loading.module.js

@@ -1,10 +1,2 @@
 import './inline-loading.css';
-var e = {
-	"inline-loading": "_inline-loading_h27o5_2",
-	indicator: "_indicator_h27o5_20",
-	spinner: "_spinner_h27o5_29",
-	icon: "_icon_h27o5_33",
-	label: "_label_h27o5_46"
-};
-//#endregion
-export { e as default };
+var e={"inline-loading":`_inline-loading_h27o5_2`,indicator:`_indicator_h27o5_20`,spinner:`_spinner_h27o5_29`,icon:`_icon_h27o5_33`,label:`_label_h27o5_46`};export{e as default};

package/dist/input/input.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_swdj6_2{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._wrapper_swdj6_2[data-size=sm]{--_input-height:var(--cascivo-control-height-sm);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-3)}._wrapper_swdj6_2[data-size=md]{--_input-height:var(--cascivo-control-height-md);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-4)}._wrapper_swdj6_2[data-size=lg]{--_input-height:var(--cascivo-control-height-lg);--_input-font:var(--cascivo-text-base);--_input-px:var(--cascivo-space-4)}._label_swdj6_30{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._input_swdj6_38{width:100%;height:var(--_input-height,2.5rem);padding-inline:var(--_input-px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_input-font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._input_swdj6_38::placeholder{color:var(--cascivo-color-text-muted)}._input_swdj6_38:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_swdj6_38:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_swdj6_38:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_swdj6_2[data-state=error] ._input_swdj6_38{border-color:var(--cascivo-color-destructive)}._wrapper_swdj6_2[data-state=error] ._input_swdj6_38:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._error_swdj6_81{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-snug)}._hint_swdj6_88{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-snug)}@media (pointer:coarse){._wrapper_swdj6_2[data-size=sm] ._input_swdj6_38,._wrapper_swdj6_2[data-size=md] ._input_swdj6_38{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._input_swdj6_38{color:fieldtext;background-color:field;border:1px solid fieldtext}._input_swdj6_38:focus{outline-offset:2px;outline:2px solid highlight}}
+@layer cascivo.component{._wrapper_xtv65_2{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._wrapper_xtv65_2[data-size=sm]{--_input-height:var(--cascivo-control-height-sm);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-3)}._wrapper_xtv65_2[data-size=md]{--_input-height:var(--cascivo-control-height-md);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-4)}._wrapper_xtv65_2[data-size=lg]{--_input-height:var(--cascivo-control-height-lg);--_input-font:var(--cascivo-text-base);--_input-px:var(--cascivo-space-4)}._label_xtv65_30{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._input_xtv65_38{width:100%;height:var(--_input-height,2.5rem);padding-inline:var(--_input-px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_input-font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._input_xtv65_38::placeholder{color:var(--cascivo-color-text-muted)}._input_xtv65_38:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_xtv65_38:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_xtv65_38:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_xtv65_2[data-state=error] ._input_xtv65_38{border-color:var(--cascivo-color-destructive);animation:cascivo-shake var(--cascivo-motion-attention) 1}._wrapper_xtv65_2[data-state=error] ._input_xtv65_38:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._error_xtv65_88{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-snug)}._hint_xtv65_95{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-snug)}@media (pointer:coarse){._wrapper_xtv65_2[data-size=sm] ._input_xtv65_38,._wrapper_xtv65_2[data-size=md] ._input_xtv65_38{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._input_xtv65_38{color:fieldtext;background-color:field;border:1px solid fieldtext}._input_xtv65_38:focus{outline-offset:2px;outline:2px solid highlight}}

package/dist/input/input.js

@@ -1,56 +1 @@
-"use client";
-
-import e from "./input.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, createMachine as r, useMachine as i } from "@cascivo/core";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../components/src/input/input.tsx
-var s = r({
-	initial: "idle",
-	states: {
-		idle: { on: { FOCUS: "focused" } },
-		focused: { on: { BLUR: "idle" } }
-	}
-}), c = t(function({ label: t, hint: r, error: c, size: l = "md", ariaLabel: u, className: d, id: f, onFocus: p, onBlur: m, ...h }, g) {
-	let [_, v] = i(s), y = f ?? (t ? `cascade-input-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-	return /* @__PURE__ */ o("div", {
-		className: n(e.wrapper, d),
-		"data-state": c ? "error" : _.value,
-		"data-size": l,
-		children: [
-			t && /* @__PURE__ */ a("label", {
-				className: e.label,
-				htmlFor: y,
-				children: t
-			}),
-			/* @__PURE__ */ a("input", {
-				ref: g,
-				id: y,
-				className: e.input,
-				"aria-invalid": c ? !0 : void 0,
-				"aria-describedby": c ? `${y}-error` : r ? `${y}-hint` : void 0,
-				onFocus: (e) => {
-					v("FOCUS"), p?.(e);
-				},
-				onBlur: (e) => {
-					v("BLUR"), m?.(e);
-				},
-				...h,
-				"aria-label": h["aria-label"] ?? u
-			}),
-			c && /* @__PURE__ */ a("span", {
-				id: `${y}-error`,
-				className: e.error,
-				role: "alert",
-				children: c
-			}),
-			!c && r && /* @__PURE__ */ a("span", {
-				id: `${y}-hint`,
-				className: e.hint,
-				children: r
-			})
-		]
-	});
-});
-//#endregion
-export { c as Input };
+"use client";import e from"./input.module.js";import{forwardRef as t}from"react";import{cn as n,createMachine as r,useMachine as i}from"@cascivo/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";var s=r({initial:`idle`,states:{idle:{on:{FOCUS:`focused`}},focused:{on:{BLUR:`idle`}}}}),c=t(function({label:t,hint:r,error:c,size:l=`md`,ariaLabel:u,className:d,id:f,onFocus:p,onBlur:m,...h},g){let[_,v]=i(s),y=f??(t?`cascade-input-${t.toLowerCase().replace(/\s+/g,`-`)}`:void 0);return o(`div`,{className:n(e.wrapper,d),"data-state":c?`error`:_.value,"data-size":l,children:[t&&a(`label`,{className:e.label,htmlFor:y,children:t}),a(`input`,{ref:g,id:y,className:e.input,"aria-invalid":c?!0:void 0,"aria-describedby":c?`${y}-error`:r?`${y}-hint`:void 0,onFocus:e=>{v(`FOCUS`),p?.(e)},onBlur:e=>{v(`BLUR`),m?.(e)},...h,"aria-label":h[`aria-label`]??u}),c&&a(`span`,{id:`${y}-error`,className:e.error,role:`alert`,children:c}),!c&&r&&a(`span`,{id:`${y}-hint`,className:e.hint,children:r})]})});export{c as Input};

package/dist/input/input.module.js

@@ -1,10 +1,2 @@
 import './input.css';
-var e = {
-	wrapper: "_wrapper_swdj6_2",
-	label: "_label_swdj6_30",
-	input: "_input_swdj6_38",
-	error: "_error_swdj6_81",
-	hint: "_hint_swdj6_88"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_xtv65_2`,label:`_label_xtv65_30`,input:`_input_xtv65_38`,error:`_error_xtv65_88`,hint:`_hint_xtv65_95`};export{e as default};

package/dist/input-group/input-group.css

@@ -1 +1 @@
-@layer cascivo.component{._input-group_n9tv2_2{align-items:stretch;width:100%;display:flex}._input-group_n9tv2_2[data-has-prefix] ._input-wrap_n9tv2_8>*{border-start-start-radius:0;border-end-start-radius:0}._input-group_n9tv2_2[data-has-suffix] ._input-wrap_n9tv2_8>*{border-start-end-radius:0;border-end-end-radius:0}._input-group_n9tv2_2[data-has-prefix] ._addon_n9tv2_18[data-position=prefix]{border-inline-end:none;border-start-end-radius:0;border-end-end-radius:0}._input-group_n9tv2_2[data-has-suffix] ._addon_n9tv2_18[data-position=suffix]{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0}._input-wrap_n9tv2_8{flex:1;min-width:0}._input-wrap_n9tv2_8>*{width:100%}._addon_n9tv2_18{padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);white-space:nowrap;flex-shrink:0;align-items:center;display:inline-flex}._input-group_n9tv2_2:has(._inline-addon_n9tv2_55){border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field,var(--cascivo-radius-control));background:var(--cascivo-color-bg);align-items:center;transition:border-color .12s,box-shadow .12s;display:flex}._input-group_n9tv2_2:has(._inline-addon_n9tv2_55):focus-within{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input-group_n9tv2_2:has(._inline-addon_n9tv2_55) ._input-wrap_n9tv2_8 input{box-shadow:none;background:0 0;border:none;outline:none}._inline-addon_n9tv2_55{color:var(--cascivo-color-text-subtle);pointer-events:none;align-items:center;display:inline-flex}._inline-addon_n9tv2_55[data-align=inline-start]{order:-1;padding-inline-start:var(--cascivo-space-3)}._inline-addon_n9tv2_55[data-align=inline-end]{order:1;padding-inline-end:var(--cascivo-space-3)}._inline-addon_n9tv2_55 svg{block-size:1rem;inline-size:1rem}._button-group_n9tv2_101{align-items:stretch;display:inline-flex}._button-group_n9tv2_101>:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}._button-group_n9tv2_101>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}._button-group_n9tv2_101>:focus-visible{z-index:1;position:relative}}
+@layer cascivo.component{._input-group_1rdg5_2{align-items:stretch;width:100%;display:flex}._input-group_1rdg5_2[data-has-prefix] ._input-wrap_1rdg5_8>*{border-start-start-radius:0;border-end-start-radius:0}._input-group_1rdg5_2[data-has-suffix] ._input-wrap_1rdg5_8>*{border-start-end-radius:0;border-end-end-radius:0}._input-group_1rdg5_2[data-has-prefix] ._addon_1rdg5_18[data-position=prefix]{border-inline-end:none;border-start-end-radius:0;border-end-end-radius:0}._input-group_1rdg5_2[data-has-suffix] ._addon_1rdg5_18[data-position=suffix]{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0}._input-wrap_1rdg5_8{flex:1;min-width:0}._input-wrap_1rdg5_8>*{width:100%}._addon_1rdg5_18{padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);white-space:nowrap;flex-shrink:0;align-items:center;display:inline-flex}._input-group_1rdg5_2:has(._inline-addon_1rdg5_55){border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field,var(--cascivo-radius-control));background:var(--cascivo-color-bg);transition:border-color var(--cascivo-duration-100) ease, box-shadow var(--cascivo-duration-100) ease;align-items:center;display:flex}._input-group_1rdg5_2:has(._inline-addon_1rdg5_55):focus-within{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input-group_1rdg5_2:has(._inline-addon_1rdg5_55) ._input-wrap_1rdg5_8 input{box-shadow:none;background:0 0;border:none;outline:none}._inline-addon_1rdg5_55{color:var(--cascivo-color-text-subtle);pointer-events:none;align-items:center;display:inline-flex}._inline-addon_1rdg5_55[data-align=inline-start]{order:-1;padding-inline-start:var(--cascivo-space-3)}._inline-addon_1rdg5_55[data-align=inline-end]{order:1;padding-inline-end:var(--cascivo-space-3)}._inline-addon_1rdg5_55 svg{block-size:1rem;inline-size:1rem}._button-group_1rdg5_101{align-items:stretch;display:inline-flex}._button-group_1rdg5_101>:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}._button-group_1rdg5_101>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}._button-group_1rdg5_101>:focus-visible{z-index:1;position:relative}}

package/dist/input-group/input-group.js

@@ -1,39 +1 @@
-import e from "./input-group.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../components/src/input-group/input-group.tsx
-function i({ align: r = "inline-start", children: i, className: a, ...o }) {
-	return /* @__PURE__ */ n("span", {
-		className: t(e["inline-addon"], a),
-		"data-align": r,
-		"aria-hidden": "true",
-		...o,
-		children: i
-	});
-}
-function a({ prefix: i, suffix: a, children: o, className: s, ...c }) {
-	return /* @__PURE__ */ r("div", {
-		className: t(e["input-group"], s),
-		"data-has-prefix": i ? "" : void 0,
-		"data-has-suffix": a ? "" : void 0,
-		...c,
-		children: [
-			i && /* @__PURE__ */ n("span", {
-				className: e.addon,
-				"data-position": "prefix",
-				children: i
-			}),
-			/* @__PURE__ */ n("span", {
-				className: e["input-wrap"],
-				children: o
-			}),
-			a && /* @__PURE__ */ n("span", {
-				className: e.addon,
-				"data-position": "suffix",
-				children: a
-			})
-		]
-	});
-}
-//#endregion
-export { a as InputGroup, i as InputGroupAddon };
+import e from"./input-group.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n,jsxs as r}from"react/jsx-runtime";function InputGroupAddon({align:r=`inline-start`,children:i,className:a,...o}){return n(`span`,{className:t(e[`inline-addon`],a),"data-align":r,"aria-hidden":`true`,...o,children:i})}function InputGroup({prefix:i,suffix:a,children:o,className:s,...c}){return r(`div`,{className:t(e[`input-group`],s),"data-has-prefix":i?``:void 0,"data-has-suffix":a?``:void 0,...c,children:[i&&n(`span`,{className:e.addon,"data-position":`prefix`,children:i}),n(`span`,{className:e[`input-wrap`],children:o}),a&&n(`span`,{className:e.addon,"data-position":`suffix`,children:a})]})}export{InputGroup,InputGroupAddon};

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

@@ -1,10 +1,2 @@
 import './input-group.css';
-var e = {
-	"input-group": "_input-group_n9tv2_2",
-	"input-wrap": "_input-wrap_n9tv2_8",
-	addon: "_addon_n9tv2_18",
-	"inline-addon": "_inline-addon_n9tv2_55",
-	"button-group": "_button-group_n9tv2_101"
-};
-//#endregion
-export { e as default };
+var e={"input-group":`_input-group_1rdg5_2`,"input-wrap":`_input-wrap_1rdg5_8`,addon:`_addon_1rdg5_18`,"inline-addon":`_inline-addon_1rdg5_55`,"button-group":`_button-group_1rdg5_101`};export{e as default};

package/dist/item/item.js

@@ -1,50 +1 @@
-import e from "./item.module.js";
-import { Slot as t, cn as n } from "@cascivo/core/pure";
-import { jsx as r } from "react/jsx-runtime";
-//#region ../components/src/item/item.tsx
-function i({ asChild: i = !1, variant: a = "default", size: o = "md", className: s, children: c, ...l }) {
-	return /* @__PURE__ */ r(i ? t : "div", {
-		"data-variant": a,
-		"data-size": o,
-		className: n(e.item, s),
-		...l,
-		children: c
-	});
-}
-function a({ className: t, children: i, ...a }) {
-	return /* @__PURE__ */ r("div", {
-		className: n(e.media, t),
-		...a,
-		children: i
-	});
-}
-function o({ className: t, children: i, ...a }) {
-	return /* @__PURE__ */ r("div", {
-		className: n(e.content, t),
-		...a,
-		children: i
-	});
-}
-function s({ className: t, children: i, ...a }) {
-	return /* @__PURE__ */ r("div", {
-		className: n(e.title, t),
-		...a,
-		children: i
-	});
-}
-function c({ className: t, children: i, ...a }) {
-	return /* @__PURE__ */ r("p", {
-		className: n(e.description, t),
-		...a,
-		children: i
-	});
-}
-function l({ className: t, children: i, ...a }) {
-	return /* @__PURE__ */ r("div", {
-		className: n(e.actions, t),
-		...a,
-		children: i
-	});
-}
-//#endregion
-export { i as Item, l as ItemActions, o as ItemContent, c as ItemDescription, a as ItemMedia, s as ItemTitle };
+import e from"./item.module.js";import{Slot as t,cn as n}from"@cascivo/core/pure";import{jsx as r}from"react/jsx-runtime";function Item({asChild:i=!1,variant:a=`default`,size:o=`md`,className:s,children:c,...l}){return r(i?t:`div`,{"data-variant":a,"data-size":o,className:n(e.item,s),...l,children:c})}function ItemMedia({className:t,children:i,...a}){return r(`div`,{className:n(e.media,t),...a,children:i})}function ItemContent({className:t,children:i,...a}){return r(`div`,{className:n(e.content,t),...a,children:i})}function ItemTitle({className:t,children:i,...a}){return r(`div`,{className:n(e.title,t),...a,children:i})}function ItemDescription({className:t,children:i,...a}){return r(`p`,{className:n(e.description,t),...a,children:i})}function ItemActions({className:t,children:i,...a}){return r(`div`,{className:n(e.actions,t),...a,children:i})}export{Item,ItemActions,ItemContent,ItemDescription,ItemMedia,ItemTitle};

package/dist/item/item.module.js

@@ -1,11 +1,2 @@
 import './item.css';
-var e = {
-	item: "_item_e9n8e_2",
-	media: "_media_e9n8e_32",
-	content: "_content_e9n8e_40",
-	title: "_title_e9n8e_47",
-	description: "_description_e9n8e_53",
-	actions: "_actions_e9n8e_60"
-};
-//#endregion
-export { e as default };
+var e={item:`_item_e9n8e_2`,media:`_media_e9n8e_32`,content:`_content_e9n8e_40`,title:`_title_e9n8e_47`,description:`_description_e9n8e_53`,actions:`_actions_e9n8e_60`};export{e as default};

package/dist/join/join.js

@@ -1,12 +1 @@
-import e from "./join.module.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region ../components/src/join/join.tsx
-function n({ children: n, orientation: r = "horizontal", className: i }) {
-	return /* @__PURE__ */ t("div", {
-		className: [e.join, i].filter(Boolean).join(" "),
-		"data-orientation": r,
-		children: n
-	});
-}
-//#endregion
-export { n as Join };
+import e from"./join.module.js";import{jsx as t}from"react/jsx-runtime";function Join({children:n,orientation:r=`horizontal`,className:i}){return t(`div`,{className:[e.join,i].filter(Boolean).join(` `),"data-orientation":r,children:n})}export{Join};

package/dist/join/join.module.js

@@ -1,4 +1,2 @@
 import './join.css';
-var e = { join: "_join_qgqwu_2" };
-//#endregion
-export { e as default };
+var e={join:`_join_qgqwu_2`};export{e as default};

package/dist/kbd/kbd.js

@@ -1,14 +1 @@
-import e from "./kbd.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/kbd/kbd.tsx
-function r({ size: r = "md", className: i, children: a, ...o }) {
-	return /* @__PURE__ */ n("kbd", {
-		"data-size": r,
-		className: t(e.kbd, i),
-		...o,
-		children: a
-	});
-}
-//#endregion
-export { r as Kbd };
+import e from"./kbd.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function Kbd({size:r=`md`,className:i,children:a,...o}){return n(`kbd`,{"data-size":r,className:t(e.kbd,i),...o,children:a})}export{Kbd};

package/dist/kbd/kbd.module.js

@@ -1,4 +1,2 @@
 import './kbd.css';
-var e = { kbd: "_kbd_fz6em_2" };
-//#endregion
-export { e as default };
+var e={kbd:`_kbd_fz6em_2`};export{e as default};

package/dist/label/label.js

@@ -1,23 +1 @@
-import e from "./label.module.js";
-import { Slot as t, cn as n } from "@cascivo/core/pure";
-import { builtin as r, t as i } from "@cascivo/i18n";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/label/label.tsx
-function c({ asChild: c = !1, required: l = !1, disabled: u = !1, className: d, children: f, labels: p, ...m }) {
-	let h = c ? t : "label", g = p?.required ?? i(r.label.required), _ = l ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
-		className: e.marker,
-		"aria-hidden": "true",
-		children: "*"
-	}), /* @__PURE__ */ o("span", {
-		className: e.srOnly,
-		children: g
-	})] }) : null;
-	return /* @__PURE__ */ o(h, {
-		"data-disabled": u ? "" : void 0,
-		className: n(e.label, d),
-		...m,
-		children: _ ? /* @__PURE__ */ s(a, { children: [f, _] }) : f
-	});
-}
-//#endregion
-export { c as Label };
+import e from"./label.module.js";import{Slot as t,cn as n}from"@cascivo/core/pure";import{builtin as r,t as i}from"@cascivo/i18n";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";function Label({asChild:c=!1,required:l=!1,disabled:u=!1,className:d,children:f,labels:p,...m}){let h=c?t:`label`,g=p?.required??i(r.label.required),_=l?s(a,{children:[o(`span`,{className:e.marker,"aria-hidden":`true`,children:`*`}),o(`span`,{className:e.srOnly,children:g})]}):null;return o(h,{"data-disabled":u?``:void 0,className:n(e.label,d),...m,children:_?s(a,{children:[f,_]}):f})}export{Label};

package/dist/label/label.module.js

@@ -1,8 +1,2 @@
 import './label.css';
-var e = {
-	label: "_label_qztdi_2",
-	marker: "_marker_qztdi_18",
-	srOnly: "_srOnly_qztdi_23"
-};
-//#endregion
-export { e as default };
+var e={label:`_label_qztdi_2`,marker:`_marker_qztdi_18`,srOnly:`_srOnly_qztdi_23`};export{e as default};

package/dist/large-title-header/large-title-header.js

@@ -1,38 +1 @@
-import e from "./large-title-header.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../components/src/large-title-header/large-title-header.tsx
-function i({ title: i, children: a, leading: o, actions: s, level: c = 1, collapseDistance: l = 48, className: u }) {
-	let d = `h${c}`, f = { "--_collapse": `${l}px` };
-	return /* @__PURE__ */ r("div", {
-		className: t(e.root, u),
-		style: f,
-		children: [
-			/* @__PURE__ */ r("div", {
-				className: e.bar,
-				children: [
-					/* @__PURE__ */ n("div", {
-						className: e.slot,
-						children: o
-					}),
-					/* @__PURE__ */ n("span", {
-						"aria-hidden": "true",
-						className: e.compactTitle,
-						children: i
-					}),
-					/* @__PURE__ */ n("div", {
-						className: t(e.slot, e.slotEnd),
-						children: s
-					})
-				]
-			}),
-			/* @__PURE__ */ n(d, {
-				className: e.largeTitle,
-				children: i
-			}),
-			a
-		]
-	});
-}
-//#endregion
-export { i as LargeTitleHeader };
+import e from"./large-title-header.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n,jsxs as r}from"react/jsx-runtime";function LargeTitleHeader({title:i,children:a,leading:o,actions:s,level:c=1,collapseDistance:l=48,className:u}){let d=`h${c}`,f={"--_collapse":`${l}px`};return r(`div`,{className:t(e.root,u),style:f,children:[r(`div`,{className:e.bar,children:[n(`div`,{className:e.slot,children:o}),n(`span`,{"aria-hidden":`true`,className:e.compactTitle,children:i}),n(`div`,{className:t(e.slot,e.slotEnd),children:s})]}),n(d,{className:e.largeTitle,children:i}),a]})}export{LargeTitleHeader};

package/dist/large-title-header/large-title-header.module.js

@@ -1,13 +1,2 @@
 import './large-title-header.css';
-var e = {
-	root: "_root_1fozn_6",
-	bar: "_bar_1fozn_12",
-	slot: "_slot_1fozn_29",
-	slotEnd: "_slotEnd_1fozn_37",
-	compactTitle: "_compactTitle_1fozn_41",
-	largeTitle: "_largeTitle_1fozn_56",
-	"cascivo-large-title-reveal": "_cascivo-large-title-reveal_1fozn_1",
-	"cascivo-large-title-hairline": "_cascivo-large-title-hairline_1fozn_1"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_1fozn_6`,bar:`_bar_1fozn_12`,slot:`_slot_1fozn_29`,slotEnd:`_slotEnd_1fozn_37`,compactTitle:`_compactTitle_1fozn_41`,largeTitle:`_largeTitle_1fozn_56`,"cascivo-large-title-reveal":`_cascivo-large-title-reveal_1fozn_1`,"cascivo-large-title-hairline":`_cascivo-large-title-hairline_1fozn_1`};export{e as default};

package/dist/layouts/src/auto-grid/auto-grid.js

@@ -1,17 +1 @@
-import e from "./auto-grid.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../layouts/src/auto-grid/auto-grid.tsx
-function r({ min: r = "16rem", gap: i = 4, className: a, style: o, ...s }) {
-	return /* @__PURE__ */ n("div", {
-		className: t(e["auto-grid"], a),
-		style: {
-			"--_min": r,
-			"--_gap": `var(--cascivo-space-${i})`,
-			...o
-		},
-		...s
-	});
-}
-//#endregion
-export { r as AutoGrid };
+import e from"./auto-grid.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function AutoGrid({min:r=`16rem`,gap:i=4,className:a,style:o,...s}){return n(`div`,{className:t(e[`auto-grid`],a),style:{"--_min":r,"--_gap":`var(--cascivo-space-${i})`,...o},...s})}export{AutoGrid};

package/dist/layouts/src/auto-grid/auto-grid.module.js

@@ -1,5 +1,2 @@
 import './auto-grid.css';
-//#region ../layouts/src/auto-grid/auto-grid.module.css
-var e = { "auto-grid": "_auto-grid_v8cqo_2" };
-//#endregion
-export { e as default };
+var e={"auto-grid":`_auto-grid_v8cqo_2`};export{e as default};

package/dist/layouts/src/center/center.js

@@ -1,16 +1 @@
-import e from "./center.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../layouts/src/center/center.tsx
-function r({ maxWidth: r = "48rem", className: i, style: a, ...o }) {
-	return /* @__PURE__ */ n("div", {
-		className: t(e.center, i),
-		style: {
-			"--_center-max": r,
-			...a
-		},
-		...o
-	});
-}
-//#endregion
-export { r as Center };
+import e from"./center.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function Center({maxWidth:r=`48rem`,className:i,style:a,...o}){return n(`div`,{className:t(e.center,i),style:{"--_center-max":r,...a},...o})}export{Center};

package/dist/layouts/src/center/center.module.js

@@ -1,4 +1,2 @@
 import './center.css';
-var e = { center: "_center_1euo8_2" };
-//#endregion
-export { e as default };
+var e={center:`_center_1euo8_2`};export{e as default};

package/dist/layouts/src/columns/columns.js

@@ -1,21 +1 @@
-import e from "./columns.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../layouts/src/columns/columns.tsx
-function r({ count: r = 2, gap: i = 4, className: a, style: o, children: s, ...c }) {
-	return /* @__PURE__ */ n("div", {
-		className: t(e["columns-container"], a),
-		style: {
-			"--_cols": String(r),
-			"--_gap": `var(--cascivo-space-${i})`,
-			...o
-		},
-		...c,
-		children: /* @__PURE__ */ n("div", {
-			className: e.columns,
-			children: s
-		})
-	});
-}
-//#endregion
-export { r as Columns };
+import e from"./columns.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function Columns({count:r=2,gap:i=4,className:a,style:o,children:s,...c}){return n(`div`,{className:t(e[`columns-container`],a),style:{"--_cols":String(r),"--_gap":`var(--cascivo-space-${i})`,...o},...c,children:n(`div`,{className:e.columns,children:s})})}export{Columns};

package/dist/layouts/src/columns/columns.module.js

@@ -1,7 +1,2 @@
 import './columns.css';
-var e = {
-	"columns-container": "_columns-container_1efih_2",
-	columns: "_columns_1efih_2"
-};
-//#endregion
-export { e as default };
+var e={"columns-container":`_columns-container_1efih_2`,columns:`_columns_1efih_2`};export{e as default};

package/dist/layouts/src/flex/flex.css

@@ -1 +1 @@
-@layer cascivo.component{._flex_1cngp_2{gap:var(--_flex-gap,var(--cascivo-space-4));display:flex}._flex_1cngp_2[data-direction=vertical]{flex-direction:column}._flex_1cngp_2[data-direction=horizontal]{flex-direction:row}._flex_1cngp_2[data-wrap]{flex-wrap:wrap}}
+@layer cascivo.component{._flex_39htm_2{gap:var(--_flex-gap,var(--cascivo-space-4));display:flex}._flex_39htm_2[data-direction=vertical]{flex-direction:column}._flex_39htm_2[data-direction=horizontal]{flex-direction:row}._flex_39htm_2[data-wrap]{flex-wrap:wrap}._flex-item_39htm_19[data-size=auto]{flex:auto}._flex-item_39htm_19[data-size=fixed]{flex:none}._flex-item_39htm_19[data-size=grow]{flex:1 0 auto}._flex-item_39htm_19[data-size=shrink]{flex:0 auto}._flex-item_39htm_19[data-truncate]{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}}