@cascivo/react 1.0.0 → 1.2.0

package/dist/node/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/node/input/input.module.js

@@ -1,9 +1 @@
-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/node/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/node/input-group/input-group.module.js

@@ -1,9 +1 @@
-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/node/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/node/item/item.module.js

@@ -1,10 +1 @@
-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/node/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/node/join/join.module.js

@@ -1,3 +1 @@
-var e = { join: "_join_qgqwu_2" };
-//#endregion
-export { e as default };
+var e={join:`_join_qgqwu_2`};export{e as default};

package/dist/node/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/node/kbd/kbd.module.js

@@ -1,3 +1 @@
-var e = { kbd: "_kbd_fz6em_2" };
-//#endregion
-export { e as default };
+var e={kbd:`_kbd_fz6em_2`};export{e as default};

package/dist/node/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/node/label/label.module.js

@@ -1,7 +1 @@
-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/node/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/node/large-title-header/large-title-header.module.js

@@ -1,12 +1 @@
-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/node/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/node/layouts/src/auto-grid/auto-grid.module.js

@@ -1,4 +1 @@
-//#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/node/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/node/layouts/src/center/center.module.js

@@ -1,3 +1 @@
-var e = { center: "_center_1euo8_2" };
-//#endregion
-export { e as default };
+var e={center:`_center_1euo8_2`};export{e as default};

package/dist/node/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/node/layouts/src/columns/columns.module.js

@@ -1,6 +1 @@
-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/node/layouts/src/flex/flex.js

@@ -1,20 +1 @@
-import e from "./flex.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../layouts/src/flex/flex.tsx
-function r({ direction: r = "vertical", gap: i = 4, align: a, justify: o, wrap: s = !1, className: c, style: l, ...u }) {
-	return /* @__PURE__ */ n("div", {
-		className: t(e.flex, c),
-		"data-direction": r,
-		"data-wrap": s ? "" : void 0,
-		style: {
-			"--_flex-gap": `var(--cascivo-space-${i})`,
-			...a ? { alignItems: a === "start" || a === "end" ? `flex-${a}` : a } : {},
-			...o ? { justifyContent: o === "between" ? "space-between" : o === "start" || o === "end" ? `flex-${o}` : o } : {},
-			...l
-		},
-		...u
-	});
-}
-//#endregion
-export { r as Flex };
+import e from"./flex.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function Flex({direction:r=`vertical`,gap:i=4,align:a,justify:o,wrap:s=!1,className:c,style:l,...u}){return n(`div`,{className:t(e.flex,c),"data-direction":r,"data-wrap":s?``:void 0,style:{"--_flex-gap":`var(--cascivo-space-${i})`,...a?{alignItems:a===`start`||a===`end`?`flex-${a}`:a}:{},...o?{justifyContent:o===`between`?`space-between`:o===`start`||o===`end`?`flex-${o}`:o}:{},...l},...u})}function FlexItem({size:r=`auto`,basis:i,truncate:a=!1,className:o,style:s,...c}){return n(`div`,{className:t(e[`flex-item`],o),"data-size":r,"data-truncate":a?``:void 0,style:{...i===void 0?{}:{flexBasis:i},...s},...c})}export{Flex,FlexItem};

package/dist/node/layouts/src/flex/flex.module.js

@@ -1,3 +1 @@
-var e = { flex: "_flex_1cngp_2" };
-//#endregion
-export { e as default };
+var e={flex:`_flex_39htm_2`,"flex-item":`_flex-item_39htm_19`};export{e as default};

package/dist/node/layouts/src/grid/grid.js

@@ -1,55 +1 @@
-import e from "./grid.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../layouts/src/grid/grid.tsx
-function r(e) {
-	return typeof e == "object" && !!e;
-}
-function i(e, t) {
-	if (t === void 0) return {};
-	if (!r(t)) return { [e]: String(t) };
-	let n = {};
-	t.base !== void 0 && (n[e] = String(t.base));
-	for (let r of [
-		"sm",
-		"md",
-		"lg",
-		"xl"
-	]) {
-		let i = t[r];
-		i !== void 0 && (n[`${e}-${r}`] = String(i));
-	}
-	return n;
-}
-function a({ cols: a = 12, gap: o = 4, align: s, justify: c, className: l, style: u, children: d, ...f }) {
-	return /* @__PURE__ */ n("div", {
-		className: t(e["grid-container"], l),
-		style: {
-			...i("--_grid-cols", a),
-			"--_grid-gap": `var(--cascivo-space-${o})`,
-			...s ? { "--_grid-align": s } : {},
-			...c ? { "--_grid-justify": c } : {},
-			...u
-		},
-		...f,
-		children: /* @__PURE__ */ n("div", {
-			className: e.grid,
-			"data-responsive": r(a) ? "" : void 0,
-			children: d
-		})
-	});
-}
-function o({ span: a, className: o, style: s, ...c }) {
-	let l = a !== void 0 && r(a);
-	return /* @__PURE__ */ n("div", {
-		className: t(e["grid-item"], o),
-		"data-responsive": l ? "" : void 0,
-		style: {
-			...i("--_span", a),
-			...s
-		},
-		...c
-	});
-}
-//#endregion
-export { a as Grid, o as GridItem };
+import e from"./grid.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function isResponsive(e){return typeof e==`object`&&!!e}function responsiveVars(e,t){if(t===void 0)return{};if(!isResponsive(t))return{[e]:String(t)};let n={};t.base!==void 0&&(n[e]=String(t.base));for(let r of[`sm`,`md`,`lg`,`xl`]){let i=t[r];i!==void 0&&(n[`${e}-${r}`]=String(i))}return n}function Grid({cols:r=12,gap:i=4,align:a,justify:o,alignRows:s=!1,className:c,style:l,children:u,...d}){return n(`div`,{className:t(e[`grid-container`],c),style:{...responsiveVars(`--_grid-cols`,r),"--_grid-gap":`var(--cascivo-space-${i})`,...a?{"--_grid-align":a}:{},...o?{"--_grid-justify":o}:{},...l},...d,children:n(`div`,{className:e.grid,"data-responsive":isResponsive(r)?``:void 0,"data-align-rows":s?``:void 0,children:u})})}function GridItem({span:r,className:i,style:a,...o}){let s=r!==void 0&&isResponsive(r);return n(`div`,{className:t(e[`grid-item`],i),"data-responsive":s?``:void 0,style:{...responsiveVars(`--_span`,r),...a},...o})}export{Grid,GridItem};

package/dist/node/layouts/src/grid/grid.module.js

@@ -1,7 +1 @@
-var e = {
-	"grid-container": "_grid-container_1tchk_5",
-	grid: "_grid_1tchk_2",
-	"grid-item": "_grid-item_1tchk_55"
-};
-//#endregion
-export { e as default };
+var e={"grid-container":`_grid-container_yt0z5_5`,grid:`_grid_yt0z5_2`,"grid-item":`_grid-item_yt0z5_57`};export{e as default};

package/dist/node/layouts/src/page-header/page-header.js

@@ -1,31 +1 @@
-import e from "./page-header.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../layouts/src/page-header/page-header.tsx
-function i({ title: i, description: a, breadcrumb: o, actions: s, className: c }) {
-	return /* @__PURE__ */ r("header", {
-		className: t(e.header, c),
-		children: [
-			o && /* @__PURE__ */ n("div", {
-				className: e.breadcrumb,
-				children: o
-			}),
-			/* @__PURE__ */ r("div", {
-				className: e.row,
-				children: [/* @__PURE__ */ n("h1", {
-					className: e.title,
-					children: i
-				}), s && /* @__PURE__ */ n("div", {
-					className: e.actions,
-					children: s
-				})]
-			}),
-			a && /* @__PURE__ */ n("p", {
-				className: e.description,
-				children: a
-			})
-		]
-	});
-}
-//#endregion
-export { i as PageHeader };
+import e from"./page-header.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n,jsxs as r}from"react/jsx-runtime";function PageHeader({title:i,description:a,breadcrumb:o,actions:s,className:c}){return r(`header`,{className:t(e.header,c),children:[o&&n(`div`,{className:e.breadcrumb,children:o}),r(`div`,{className:e.row,children:[n(`h1`,{className:e.title,children:i}),s&&n(`div`,{className:e.actions,children:s})]}),a&&n(`p`,{className:e.description,children:a})]})}export{PageHeader};

package/dist/node/layouts/src/page-header/page-header.module.js

@@ -1,10 +1 @@
-var e = {
-	header: "_header_18phh_2",
-	breadcrumb: "_breadcrumb_18phh_8",
-	row: "_row_18phh_12",
-	title: "_title_18phh_20",
-	actions: "_actions_18phh_28",
-	description: "_description_18phh_35"
-};
-//#endregion
-export { e as default };
+var e={header:`_header_18phh_2`,breadcrumb:`_breadcrumb_18phh_8`,row:`_row_18phh_12`,title:`_title_18phh_20`,actions:`_actions_18phh_28`,description:`_description_18phh_35`};export{e as default};

package/dist/node/layouts/src/spacer/spacer.js

@@ -1,17 +1 @@
-import e from "./spacer.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../layouts/src/spacer/spacer.tsx
-function r({ size: r = 4, className: i, style: a, ...o }) {
-	return /* @__PURE__ */ n("div", {
-		role: "none",
-		className: t(e.spacer, i),
-		style: {
-			"--_spacer-size": `var(--cascivo-space-${r})`,
-			...a
-		},
-		...o
-	});
-}
-//#endregion
-export { r as Spacer };
+import e from"./spacer.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function Spacer({size:r=4,className:i,style:a,...o}){return n(`div`,{role:`none`,className:t(e.spacer,i),style:{"--_spacer-size":`var(--cascivo-space-${r})`,...a},...o})}export{Spacer};

package/dist/node/layouts/src/spacer/spacer.module.js

@@ -1,3 +1 @@
-var e = { spacer: "_spacer_9ie78_2" };
-//#endregion
-export { e as default };
+var e={spacer:`_spacer_9ie78_2`};export{e as default};

package/dist/node/link/link.js

@@ -1,22 +1 @@
-import e from "./link.module.js";
-import { Slot as t, cn as n } from "@cascivo/core/pure";
-import { forwardRef as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-//#region ../components/src/link/link.tsx
-var a = r(function({ variant: r = "standalone", size: a = "md", external: o = !1, asChild: s = !1, className: c, children: l, ...u }, d) {
-	return /* @__PURE__ */ i(s ? t : "a", {
-		"data-variant": r,
-		"data-size": a,
-		"data-external": o || void 0,
-		className: n(e.link, c),
-		...o ? {
-			target: "_blank",
-			rel: "noreferrer"
-		} : {},
-		ref: d,
-		...u,
-		children: l
-	});
-});
-//#endregion
-export { a as Link };
+import e from"./link.module.js";import{Slot as t,cn as n}from"@cascivo/core/pure";import{forwardRef as r}from"react";import{jsx as i}from"react/jsx-runtime";var a=r(function({variant:r=`standalone`,size:a=`md`,external:o=!1,asChild:s=!1,className:c,children:l,...u},d){return i(s?t:`a`,{"data-variant":r,"data-size":a,"data-external":o||void 0,className:n(e.link,c),...o?{target:`_blank`,rel:`noreferrer`}:{},ref:d,...u,children:l})});export{a as Link};

package/dist/node/link/link.module.js

@@ -1,3 +1 @@
-var e = { link: "_link_14poz_2" };
-//#endregion
-export { e as default };
+var e={link:`_link_1akb1_2`};export{e as default};

package/dist/node/list/list.js

@@ -1,21 +1 @@
-import e from "./list.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/list/list.tsx
-function r({ as: r = "ul", marker: i, className: a, children: o, ...s }) {
-	return /* @__PURE__ */ n(r, {
-		"data-marker": i ?? (r === "ol" ? "decimal" : "disc"),
-		className: t(e.list, a),
-		...s,
-		children: o
-	});
-}
-function i({ className: r, children: i, ...a }) {
-	return /* @__PURE__ */ n("li", {
-		className: t(e.item, r),
-		...a,
-		children: i
-	});
-}
-//#endregion
-export { r as List, i as ListItem };
+import e from"./list.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function List({as:r=`ul`,marker:i,className:a,children:o,...s}){return n(r,{"data-marker":i??(r===`ol`?`decimal`:`disc`),className:t(e.list,a),...s,children:o})}function ListItem({className:r,children:i,...a}){return n(`li`,{className:t(e.item,r),...a,children:i})}export{List,ListItem};

package/dist/node/list/list.module.js

@@ -1,6 +1 @@
-var e = {
-	list: "_list_96m5o_2",
-	item: "_item_96m5o_24"
-};
-//#endregion
-export { e as default };
+var e={list:`_list_96m5o_2`,item:`_item_96m5o_24`};export{e as default};