@cascivo/react 0.11.1 → 0.13.0

package/dist/data-table/data-table.css

@@ -1 +1 @@
-@layer cascivo.component{._root_jwjfs_2{--_row-height:3rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);flex-direction:column;display:flex;overflow:hidden}._root_jwjfs_2[data-density=compact]{--_row-height:2.25rem}._root_jwjfs_2[data-density=normal]{--_row-height:3rem}._root_jwjfs_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_jwjfs_26{justify-content:space-between;align-items:flex-end;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-end:1px solid var(--cascivo-color-border);display:flex}._heading_jwjfs_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_jwjfs_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_jwjfs_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_jwjfs_52{appearance:none;height:2rem;min-inline-size:14rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size: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}._search_jwjfs_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_jwjfs_52:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._batchBar_jwjfs_79{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-2) var(--cascivo-space-4);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);display:flex}._batchCount_jwjfs_89{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_jwjfs_95{gap:var(--cascivo-space-2);display:flex}._scroller_jwjfs_101{max-block-size:var(--cascivo-data-table-max-height,none);overflow:auto}._scrollerVirtualized_jwjfs_106{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_jwjfs_112{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_jwjfs_2[data-paginated=true] ._table_jwjfs_112{table-layout:fixed}._table_jwjfs_112 thead th{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));text-align:start;font-weight:var(--cascivo-font-semibold);font-size:var(--cascivo-text-xs);text-transform:uppercase;letter-spacing:var(--cascivo-tracking-wide);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);white-space:nowrap}._table_jwjfs_112 thead th[data-align=end]{text-align:end}._table_jwjfs_112 td{padding-block:0;padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));block-size:var(--_row-height);vertical-align:middle;border-block-end:1px solid var(--cascivo-color-border);color:var(--cascivo-color-text);overflow-wrap:anywhere}._table_jwjfs_112 td[data-align=end]{text-align:end}._table_jwjfs_112 tbody tr[data-filler-row] td{border-block-end:none}._root_jwjfs_2[data-sticky-header=true] ._table_jwjfs_112 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_jwjfs_2[data-zebra=true] ._table_jwjfs_112 tbody tr:nth-child(2n of ._row_jwjfs_172){background-color:var(--cascivo-color-bg-subtle)}._controlCol_jwjfs_178{inline-size:3rem}._controlCell_jwjfs_182{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_jwjfs_188{align-items:center;gap:var(--cascivo-space-1);font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0;display:inline-flex}._sortButton_jwjfs_188:focus-visible{text-decoration:underline}._sortButton_jwjfs_188:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_jwjfs_188[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_jwjfs_188[data-state=descending]:after{content:"↓";opacity:.9}._row_jwjfs_172{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_jwjfs_172[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_jwjfs_236{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_jwjfs_243[data-state=closed]{display:none}._expansionGrid_jwjfs_249{overflow:hidden}._expansionInner_jwjfs_253{padding:var(--cascivo-space-4)}._expandButton_jwjfs_258{cursor:pointer;block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}._expandButton_jwjfs_258:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_jwjfs_258:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_jwjfs_281{block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);border-block-end:2px solid;border-inline-end:2px solid;display:block;transform:rotate(45deg)}._expandButton_jwjfs_258[data-state=open] ._chevron_jwjfs_281{transform:rotate(-135deg)}._shimmer_jwjfs_296{background-color:var(--cascivo-color-bg-subtle);border-radius:var(--cascivo-radius-indicator);block-size:.875rem;inline-size:80%;display:block;position:relative;overflow:hidden}._shimmer_jwjfs_296:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:_shimmer_jwjfs_296 var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}@keyframes _shimmer_jwjfs_296{to{translate:100%}}._footer_jwjfs_323{justify-content:flex-end;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-start:1px solid var(--cascivo-color-border);font-size:var(--cascivo-text-sm);display:flex}._pageSize_jwjfs_333{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_jwjfs_333 select{appearance:none;height:2rem;padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size: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);cursor:pointer;outline:none}._pageSize_jwjfs_333 select:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._range_jwjfs_359{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_jwjfs_364{gap:var(--cascivo-space-1);display:flex}._pageButton_jwjfs_364{border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text);font-size:var(--cascivo-text-base);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;outline:none;justify-content:center;align-items:center;display:inline-flex}._pageButton_jwjfs_364:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_jwjfs_364:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._pageButton_jwjfs_364:disabled{color:var(--cascivo-color-text-muted);cursor:not-allowed}._srOnly_jwjfs_405{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
+@layer cascivo.component{._root_ulang_2{--_row-height:3rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);flex-direction:column;display:flex;overflow:hidden}._root_ulang_2[data-density=compact]{--_row-height:2.25rem}._root_ulang_2[data-density=normal]{--_row-height:3rem}._root_ulang_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_ulang_26{justify-content:space-between;align-items:flex-end;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-end:1px solid var(--cascivo-color-border);display:flex}._heading_ulang_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_ulang_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_ulang_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_ulang_52{appearance:none;height:2rem;min-inline-size:14rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size: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}._search_ulang_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_ulang_52:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._batchBar_ulang_79{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-2) var(--cascivo-space-4);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);display:flex}._batchCount_ulang_89{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_ulang_95{gap:var(--cascivo-space-2);display:flex}._scroller_ulang_101{max-block-size:var(--cascivo-data-table-max-height,none);overflow:auto}._scrollerVirtualized_ulang_106{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_ulang_112{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_ulang_2[data-paginated=true][data-fixed-layout=true] ._table_ulang_112{table-layout:fixed}._table_ulang_112 thead th{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));text-align:start;font-weight:var(--cascivo-font-semibold);font-size:var(--cascivo-text-xs);text-transform:uppercase;letter-spacing:var(--cascivo-tracking-wide);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);white-space:nowrap}._table_ulang_112 thead th[data-align=end]{text-align:end}._table_ulang_112 td{padding-block:0;padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));block-size:var(--_row-height);vertical-align:middle;border-block-end:1px solid var(--cascivo-color-border);color:var(--cascivo-color-text)}._table_ulang_112 td[data-sized],._table_ulang_112 th[data-sized]{overflow-wrap:anywhere}._table_ulang_112 td[data-align=end]{text-align:end}._table_ulang_112 tbody tr[data-filler-row] td{border-block-end:none}._root_ulang_2[data-sticky-header=true] ._table_ulang_112 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_ulang_2[data-zebra=true] ._table_ulang_112 tbody tr:nth-child(2n of ._row_ulang_182){background-color:var(--cascivo-color-bg-subtle)}._controlCol_ulang_188{inline-size:3rem}._controlCell_ulang_192{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_ulang_198{align-items:center;gap:var(--cascivo-space-1);font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0;display:inline-flex}._sortButton_ulang_198:focus-visible{text-decoration:underline}._sortButton_ulang_198:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_ulang_198[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_ulang_198[data-state=descending]:after{content:"↓";opacity:.9}._row_ulang_182{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_ulang_182[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_ulang_246{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_ulang_253[data-state=closed]{display:none}._expansionGrid_ulang_259{overflow:hidden}._expansionInner_ulang_263{padding:var(--cascivo-space-4)}._expandButton_ulang_268{cursor:pointer;block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}._expandButton_ulang_268:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_ulang_268:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_ulang_291{block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);border-block-end:2px solid;border-inline-end:2px solid;display:block;transform:rotate(45deg)}._expandButton_ulang_268[data-state=open] ._chevron_ulang_291{transform:rotate(-135deg)}._shimmer_ulang_306{background-color:var(--cascivo-color-bg-subtle);border-radius:var(--cascivo-radius-indicator);block-size:.875rem;inline-size:80%;display:block;position:relative;overflow:hidden}._shimmer_ulang_306:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:_shimmer_ulang_306 var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}@keyframes _shimmer_ulang_306{to{translate:100%}}._footer_ulang_333{justify-content:flex-end;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-start:1px solid var(--cascivo-color-border);font-size:var(--cascivo-text-sm);display:flex}._pageSize_ulang_343{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_ulang_343 select{appearance:none;height:2rem;padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size: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);cursor:pointer;outline:none}._pageSize_ulang_343 select:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._range_ulang_369{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_ulang_374{gap:var(--cascivo-space-1);display:flex}._pageButton_ulang_374{border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text);font-size:var(--cascivo-text-base);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;outline:none;justify-content:center;align-items:center;display:inline-flex}._pageButton_ulang_374:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_ulang_374:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._pageButton_ulang_374:disabled{color:var(--cascivo-color-text-muted);cursor:not-allowed}._srOnly_ulang_415{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}

package/dist/data-table/data-table.js

@@ -117,6 +117,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 		"data-zebra": pe || void 0,
 		"data-sticky-header": me || void 0,
 		"data-paginated": h ? !0 : void 0,
+		"data-fixed-layout": f.every((e) => e.width !== void 0) || void 0,
 		children: [
 			/* @__PURE__ */ l("span", {
 				"aria-live": "polite",
@@ -176,7 +177,10 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 						/* @__PURE__ */ u("colgroup", { children: [
 							v && /* @__PURE__ */ l("col", { className: n.controlCol }),
 							g && /* @__PURE__ */ l("col", { className: n.controlCol }),
-							f.map((e) => /* @__PURE__ */ l("col", { style: e.width === void 0 ? void 0 : { width: e.width } }, e.key))
+							f.map((e) => /* @__PURE__ */ l("col", { style: e.width !== void 0 || e.minWidth !== void 0 ? {
+								...e.width === void 0 ? {} : { width: e.width },
+								...e.minWidth === void 0 ? {} : { minWidth: e.minWidth }
+							} : void 0 }, e.key))
 						] }),
 						/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [
 							v && /* @__PURE__ */ l("th", {
@@ -205,6 +209,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 								return /* @__PURE__ */ l("th", {
 									scope: "col",
 									"data-align": e.align ?? "start",
+									"data-sized": e.width !== void 0 || void 0,
 									"aria-sort": e.sortable ? r : void 0,
 									children: e.sortable ? /* @__PURE__ */ l("button", {
 										type: "button",
@@ -269,6 +274,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 										}),
 										f.map((t) => /* @__PURE__ */ l("td", {
 											"data-align": t.align ?? "start",
+											"data-sized": t.width !== void 0 || void 0,
 											children: t.render ? t.render(e.row) : String(d(e.row, t.key) ?? "")
 										}, t.key))
 									]

package/dist/data-table/data-table.module.js

@@ -2,35 +2,35 @@
 
 import './data-table.css';
 var e = {
-	root: "_root_jwjfs_2",
-	toolbar: "_toolbar_jwjfs_26",
-	heading: "_heading_jwjfs_35",
-	title: "_title_jwjfs_41",
-	description: "_description_jwjfs_47",
-	search: "_search_jwjfs_52",
-	batchBar: "_batchBar_jwjfs_79",
-	batchCount: "_batchCount_jwjfs_89",
-	batchActions: "_batchActions_jwjfs_95",
-	scroller: "_scroller_jwjfs_101",
-	scrollerVirtualized: "_scrollerVirtualized_jwjfs_106",
-	table: "_table_jwjfs_112",
-	row: "_row_jwjfs_172",
-	controlCol: "_controlCol_jwjfs_178",
-	controlCell: "_controlCell_jwjfs_182",
-	sortButton: "_sortButton_jwjfs_188",
-	emptyCell: "_emptyCell_jwjfs_236",
-	expansionRow: "_expansionRow_jwjfs_243",
-	expansionGrid: "_expansionGrid_jwjfs_249",
-	expansionInner: "_expansionInner_jwjfs_253",
-	expandButton: "_expandButton_jwjfs_258",
-	chevron: "_chevron_jwjfs_281",
-	shimmer: "_shimmer_jwjfs_296",
-	footer: "_footer_jwjfs_323",
-	pageSize: "_pageSize_jwjfs_333",
-	range: "_range_jwjfs_359",
-	pageButtons: "_pageButtons_jwjfs_364",
-	pageButton: "_pageButton_jwjfs_364",
-	srOnly: "_srOnly_jwjfs_405"
+	root: "_root_ulang_2",
+	toolbar: "_toolbar_ulang_26",
+	heading: "_heading_ulang_35",
+	title: "_title_ulang_41",
+	description: "_description_ulang_47",
+	search: "_search_ulang_52",
+	batchBar: "_batchBar_ulang_79",
+	batchCount: "_batchCount_ulang_89",
+	batchActions: "_batchActions_ulang_95",
+	scroller: "_scroller_ulang_101",
+	scrollerVirtualized: "_scrollerVirtualized_ulang_106",
+	table: "_table_ulang_112",
+	row: "_row_ulang_182",
+	controlCol: "_controlCol_ulang_188",
+	controlCell: "_controlCell_ulang_192",
+	sortButton: "_sortButton_ulang_198",
+	emptyCell: "_emptyCell_ulang_246",
+	expansionRow: "_expansionRow_ulang_253",
+	expansionGrid: "_expansionGrid_ulang_259",
+	expansionInner: "_expansionInner_ulang_263",
+	expandButton: "_expandButton_ulang_268",
+	chevron: "_chevron_ulang_291",
+	shimmer: "_shimmer_ulang_306",
+	footer: "_footer_ulang_333",
+	pageSize: "_pageSize_ulang_343",
+	range: "_range_ulang_369",
+	pageButtons: "_pageButtons_ulang_374",
+	pageButton: "_pageButton_ulang_374",
+	srOnly: "_srOnly_ulang_415"
 };
 //#endregion
 export { e as default };

package/dist/date-picker/date-picker.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_6chzy_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:inline-flex;position:relative}._wrapper_6chzy_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_6chzy_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_6chzy_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_6chzy_27{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_6chzy_34{align-items:center;display:flex;position:relative}._trigger_6chzy_40{justify-content:space-between;align-items:center;gap:var(--cascivo-space-2);block-size:var(--_height,2.5rem);min-inline-size:12rem;padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_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);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;display:flex}._trigger_6chzy_40:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_6chzy_40:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_6chzy_40:disabled{opacity:.5;cursor:not-allowed}._wrapper_6chzy_2[data-state=error] ._trigger_6chzy_40{border-color:var(--cascivo-color-danger)}._value_6chzy_78{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._placeholder_6chzy_84{color:var(--cascivo-color-text-subtle)}._icon_6chzy_87{color:var(--cascivo-color-text-muted);font-style:normal}._clear_6chzy_92{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_6chzy_92:hover{color:var(--cascivo-color-text)}._clear_6chzy_92:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._calendar_6chzy_117{z-index:var(--cascivo-z-dropdown);padding:var(--cascivo-space-3);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;translate:0 -.25rem}._calendar_6chzy_117[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._calendar_6chzy_117[data-state=open]{opacity:0;translate:0 -.25rem}}._header_6chzy_149{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-2);display:flex}._monthLabel_6chzy_156{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_6chzy_162{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_6chzy_162:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_6chzy_162:focus-visible{border-color:var(--cascivo-color-accent)}._grid_6chzy_184{border-collapse:collapse;inline-size:100%}._weekday_6chzy_189{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:2.25rem}._cell_6chzy_198{text-align:center;padding:2px}._empty_6chzy_202{inline-size:2.25rem}._day_6chzy_206{block-size:2.25rem;inline-size:2.25rem;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:flex}._day_6chzy_206:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_6chzy_206:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._day_6chzy_206[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-accent)}._day_6chzy_206[data-selected]{background-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent))}._day_6chzy_206[aria-disabled]{opacity:.35;cursor:not-allowed}._error_6chzy_241{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_6chzy_245{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
+@layer cascivo.component{._wrapper_1hgll_2{gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:inline-flex;position:relative}._wrapper_1hgll_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_1hgll_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_1hgll_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_1hgll_31{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_1hgll_38{align-items:center;display:flex;position:relative}._trigger_1hgll_44{justify-content:space-between;align-items:center;gap:var(--cascivo-space-2);block-size:var(--_height,2.5rem);min-inline-size:12rem;padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_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);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;display:flex}._trigger_1hgll_44:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_1hgll_44:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_1hgll_44:disabled{opacity:.5;cursor:not-allowed}._wrapper_1hgll_2[data-state=error] ._trigger_1hgll_44{border-color:var(--cascivo-color-danger)}._value_1hgll_82{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._placeholder_1hgll_88{color:var(--cascivo-color-text-subtle)}._icon_1hgll_91{color:var(--cascivo-color-text-muted);font-style:normal}._clear_1hgll_96{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_1hgll_96:hover{color:var(--cascivo-color-text)}._clear_1hgll_96:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._calendar_1hgll_121{z-index:var(--cascivo-z-dropdown);padding:var(--cascivo-space-3);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;translate:0 -.25rem}._calendar_1hgll_121[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._calendar_1hgll_121[data-state=open]{opacity:0;translate:0 -.25rem}}._header_1hgll_153{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-2);display:flex}._monthLabel_1hgll_160{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_1hgll_166{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_1hgll_166:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_1hgll_166:focus-visible{border-color:var(--cascivo-color-accent)}._grid_1hgll_188{border-collapse:collapse;inline-size:100%}._weekday_1hgll_193{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:2.25rem}._cell_1hgll_202{text-align:center;padding:2px}._empty_1hgll_206{inline-size:2.25rem}._day_1hgll_210{block-size:2.25rem;inline-size:2.25rem;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:flex}._day_1hgll_210:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_1hgll_210:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._day_1hgll_210[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-accent)}._day_1hgll_210[data-selected]{background-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent))}._day_1hgll_210[aria-disabled]{opacity:.35;cursor:not-allowed}._error_1hgll_245{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_1hgll_249{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}

package/dist/date-picker/date-picker.module.js

@@ -2,25 +2,25 @@
 
 import './date-picker.css';
 var e = {
-	wrapper: "_wrapper_6chzy_2",
-	label: "_label_6chzy_27",
-	field: "_field_6chzy_34",
-	trigger: "_trigger_6chzy_40",
-	value: "_value_6chzy_78",
-	placeholder: "_placeholder_6chzy_84",
-	icon: "_icon_6chzy_87",
-	clear: "_clear_6chzy_92",
-	calendar: "_calendar_6chzy_117",
-	header: "_header_6chzy_149",
-	monthLabel: "_monthLabel_6chzy_156",
-	navButton: "_navButton_6chzy_162",
-	grid: "_grid_6chzy_184",
-	weekday: "_weekday_6chzy_189",
-	cell: "_cell_6chzy_198",
-	empty: "_empty_6chzy_202",
-	day: "_day_6chzy_206",
-	error: "_error_6chzy_241",
-	hint: "_hint_6chzy_245"
+	wrapper: "_wrapper_1hgll_2",
+	label: "_label_1hgll_31",
+	field: "_field_1hgll_38",
+	trigger: "_trigger_1hgll_44",
+	value: "_value_1hgll_82",
+	placeholder: "_placeholder_1hgll_88",
+	icon: "_icon_1hgll_91",
+	clear: "_clear_1hgll_96",
+	calendar: "_calendar_1hgll_121",
+	header: "_header_1hgll_153",
+	monthLabel: "_monthLabel_1hgll_160",
+	navButton: "_navButton_1hgll_166",
+	grid: "_grid_1hgll_188",
+	weekday: "_weekday_1hgll_193",
+	cell: "_cell_1hgll_202",
+	empty: "_empty_1hgll_206",
+	day: "_day_1hgll_210",
+	error: "_error_1hgll_245",
+	hint: "_hint_1hgll_249"
 };
 //#endregion
 export { e as default };

package/dist/dropdown/dropdown.js

@@ -1,102 +1,100 @@
 "use client";
 
 import e from "./dropdown.module.js";
-import { composeRefs as t, createMachine as n, useMachine as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { cloneElement as l, useRef as u } from "react";
+import { composeRefs as t, createMachine as n, useEffectPropSignal as r, useMachine as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { cloneElement as u, useRef as d } from "react";
 //#region ../components/src/dropdown/dropdown.tsx
-var d = n({
+var f = n({
 	initial: "closed",
 	states: {
 		closed: { on: { OPEN: "open" } },
 		open: { on: { CLOSE: "closed" } }
 	}
 });
-function f({ trigger: n, items: f, onSelect: p, placement: m = "bottom-start", open: h, onOpenChange: g }) {
-	o();
-	let [_, v] = r(d), y = u(null), b = u(null), x = u(null), S = u([]), C = i(-1), w = h !== void 0, T = w ? h : _.value === "open", E = i(T);
-	E.value = T;
-	let D = f.map((e, t) => ({
+function p({ trigger: n, items: p, onSelect: m, placement: h = "bottom-start", open: g, onOpenChange: _ }) {
+	s();
+	let [v, y] = i(f), b = d(null), x = d(null), S = d(null), C = d([]), w = a(-1), T = g !== void 0, E = T ? g : v.value === "open", D = r(E), O = p.map((e, t) => ({
 		item: e,
 		index: t
-	})).filter(({ item: e }) => !e.separator && !e.disabled).map(({ index: e }) => e), O = (e) => {
-		w || v(e ? "OPEN" : "CLOSE"), g?.(e);
+	})).filter(({ item: e }) => !e.separator && !e.disabled).map(({ index: e }) => e), k = (e) => {
+		T || y(e ? "OPEN" : "CLOSE"), _?.(e);
 	};
-	a(() => {
-		let e = C.value;
-		E.value && e >= 0 && S.current[e]?.focus();
-	}), a(() => {
-		E.value ? C.value = D[0] ?? -1 : C.value = -1;
-	}), a(() => {
-		E.value ? x.current?.showPopover() : x.current?.hidePopover();
-	}), a(() => {
-		let e = x.current;
+	o(() => {
+		let e = w.value;
+		D.value && e >= 0 && C.current[e]?.focus();
+	}), o(() => {
+		D.value ? w.value = O[0] ?? -1 : w.value = -1;
+	}), o(() => {
+		D.value ? S.current?.showPopover() : S.current?.hidePopover();
+	}), o(() => {
+		let e = S.current;
 		if (!e) return;
 		let t = (e) => {
-			e.newState === "closed" && O(!1);
+			e.newState === "closed" && k(!1);
 		};
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
 	});
-	let k = (e) => {
-		let t = f[e];
-		!t || t.separator || t.disabled || (p?.(t.value), O(!1), b.current?.focus());
-	}, A = (e) => {
-		D.length !== 0 && (C.value = D[(D.indexOf(C.value) + e + D.length) % D.length] ?? -1);
+	let A = (e) => {
+		let t = p[e];
+		!t || t.separator || t.disabled || (m?.(t.value), k(!1), x.current?.focus());
 	}, j = (e) => {
+		O.length !== 0 && (w.value = O[(O.indexOf(w.value) + e + O.length) % O.length] ?? -1);
+	}, M = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), A(1);
+				e.preventDefault(), j(1);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), A(-1);
+				e.preventDefault(), j(-1);
 				break;
 			case "Home":
-				e.preventDefault(), C.value = D[0] ?? -1;
+				e.preventDefault(), w.value = O[0] ?? -1;
 				break;
 			case "End":
-				e.preventDefault(), C.value = D[D.length - 1] ?? -1;
+				e.preventDefault(), w.value = O[O.length - 1] ?? -1;
 				break;
 			case "Escape":
-				e.preventDefault(), O(!1), b.current?.focus();
+				e.preventDefault(), k(!1), x.current?.focus();
 				break;
 			case "Enter":
 			case " ":
-				e.preventDefault(), k(C.value);
+				e.preventDefault(), A(w.value);
 				break;
 		}
-	}, M = n, N = l(M, {
-		ref: t(b, M.props.ref),
+	}, N = n, P = u(N, {
+		ref: t(x, N.props.ref),
 		onClick: (e) => {
-			M.props.onClick?.(e), O(!T);
+			N.props.onClick?.(e), k(!E);
 		},
 		"aria-haspopup": "menu",
-		"aria-expanded": T
+		"aria-expanded": E
 	});
-	return /* @__PURE__ */ c("div", {
-		ref: y,
+	return /* @__PURE__ */ l("div", {
+		ref: b,
 		className: e.root,
-		children: [N, /* @__PURE__ */ s("div", {
-			ref: x,
+		children: [P, /* @__PURE__ */ c("div", {
+			ref: S,
 			popover: "auto",
 			role: "menu",
-			"data-placement": m,
-			"data-state": T ? "open" : "closed",
+			"data-placement": h,
+			"data-state": E ? "open" : "closed",
 			className: e.menu,
-			onKeyDown: j,
-			children: f.map((t, n) => t.separator ? /* @__PURE__ */ s("div", {
+			onKeyDown: M,
+			children: p.map((t, n) => t.separator ? /* @__PURE__ */ c("div", {
 				role: "separator",
 				className: e.separator
-			}, `sep-${n}`) : /* @__PURE__ */ c("button", {
+			}, `sep-${n}`) : /* @__PURE__ */ l("button", {
 				type: "button",
 				role: "menuitem",
 				ref: (e) => {
-					S.current[n] = e;
+					C.current[n] = e;
 				},
-				tabIndex: C.value === n ? 0 : -1,
+				tabIndex: w.value === n ? 0 : -1,
 				disabled: t.disabled,
 				className: e.item,
-				onClick: () => k(n),
-				children: [t.icon && /* @__PURE__ */ s("span", {
+				onClick: () => A(n),
+				children: [t.icon && /* @__PURE__ */ c("span", {
 					className: e.icon,
 					"aria-hidden": "true",
 					children: t.icon
@@ -106,4 +104,4 @@ function f({ trigger: n, items: f, onSelect: p, placement: m = "bottom-start", o
 	});
 }
 //#endregion
-export { f as Dropdown };
+export { p as Dropdown };

package/dist/file-uploader/file-uploader.css

@@ -1 +1 @@
-@layer cascivo.component{._uploader_bw6tn_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;display:flex}._label_bw6tn_9{font-size:var(--cascivo-font-size-sm);font-weight:var(--cascivo-font-weight-medium);color:var(--cascivo-color-text)}._input_bw6tn_15{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_bw6tn_24{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_bw6tn_24:hover:not(:disabled),._zone_bw6tn_24[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_bw6tn_24:disabled{opacity:.5;cursor:not-allowed}._hint_bw6tn_57{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-text-muted)}._list_bw6tn_62{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_bw6tn_71{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-font-size-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_bw6tn_71[data-state=error]{border-color:var(--cascivo-color-danger)}._status_bw6tn_88{grid-area:status;align-items:center;display:flex}._glyph-complete_bw6tn_94{color:var(--cascivo-color-success-foreground)}._glyph-error_bw6tn_98{color:var(--cascivo-color-danger)}._name_bw6tn_102{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_bw6tn_109{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-xs);grid-area:size}._remove_bw6tn_115{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-font-size-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_bw6tn_115:hover{color:var(--cascivo-color-danger);background:var(--cascivo-color-danger-subtle)}._error-message_bw6tn_135{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-danger);grid-area:error}}
+@layer cascivo.component{._uploader_nfhc5_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}._label_nfhc5_13{font-size:var(--cascivo-font-size-sm);font-weight:var(--cascivo-font-weight-medium);color:var(--cascivo-color-text)}._input_nfhc5_19{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_nfhc5_28{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_nfhc5_28:hover:not(:disabled),._zone_nfhc5_28[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_nfhc5_28:disabled{opacity:.5;cursor:not-allowed}._hint_nfhc5_61{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-text-muted)}._list_nfhc5_66{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_nfhc5_75{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-font-size-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_nfhc5_75[data-state=error]{border-color:var(--cascivo-color-danger)}._status_nfhc5_92{grid-area:status;align-items:center;display:flex}._glyph-complete_nfhc5_98{color:var(--cascivo-color-success-foreground)}._glyph-error_nfhc5_102{color:var(--cascivo-color-danger)}._name_nfhc5_106{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_nfhc5_113{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-xs);grid-area:size}._remove_nfhc5_119{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-font-size-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_nfhc5_119:hover{color:var(--cascivo-color-danger);background:var(--cascivo-color-danger-subtle)}._error-message_nfhc5_139{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-danger);grid-area:error}}

package/dist/file-uploader/file-uploader.module.js

@@ -2,20 +2,20 @@
 
 import './file-uploader.css';
 var e = {
-	uploader: "_uploader_bw6tn_2",
-	label: "_label_bw6tn_9",
-	input: "_input_bw6tn_15",
-	zone: "_zone_bw6tn_24",
-	hint: "_hint_bw6tn_57",
-	list: "_list_bw6tn_62",
-	file: "_file_bw6tn_71",
-	status: "_status_bw6tn_88",
-	"glyph-complete": "_glyph-complete_bw6tn_94",
-	"glyph-error": "_glyph-error_bw6tn_98",
-	name: "_name_bw6tn_102",
-	size: "_size_bw6tn_109",
-	remove: "_remove_bw6tn_115",
-	"error-message": "_error-message_bw6tn_135"
+	uploader: "_uploader_nfhc5_2",
+	label: "_label_nfhc5_13",
+	input: "_input_nfhc5_19",
+	zone: "_zone_nfhc5_28",
+	hint: "_hint_nfhc5_61",
+	list: "_list_nfhc5_66",
+	file: "_file_nfhc5_75",
+	status: "_status_nfhc5_92",
+	"glyph-complete": "_glyph-complete_nfhc5_98",
+	"glyph-error": "_glyph-error_nfhc5_102",
+	name: "_name_nfhc5_106",
+	size: "_size_nfhc5_113",
+	remove: "_remove_nfhc5_119",
+	"error-message": "_error-message_nfhc5_139"
 };
 //#endregion
 export { e as default };

package/dist/filter/filter.js

@@ -4,28 +4,29 @@ import e from "./filter.module.js";
 import { useControllableSignal as t, useSignals as n } from "@cascivo/core";
 import { jsx as r } from "react/jsx-runtime";
 //#region ../components/src/filter/filter.tsx
-function i({ options: i, value: a, defaultValue: o = [], onValueChange: s, onChange: c, multi: l = !1, variant: u = "pill", className: d, ...f }) {
+function i({ options: i, value: a, defaultValue: o = [], onValueChange: s, onChange: c, multi: l = !1, variant: u = "pill", className: d, ariaLabel: f, ...p }) {
 	n();
-	let [p, m] = t({
+	let [m, h] = t({
 		value: a,
 		defaultValue: o,
 		onChange: s ?? c
 	});
-	function h(e) {
-		let t = p.value, n;
-		n = l ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], m(n);
+	function g(e) {
+		let t = m.value, n;
+		n = l ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], h(n);
 	}
 	return /* @__PURE__ */ r("div", {
 		role: "group",
 		className: [e.filter, d].filter(Boolean).join(" "),
 		"data-variant": u,
-		...f,
+		"aria-label": p["aria-label"] ?? f,
+		...p,
 		children: i.map((t) => /* @__PURE__ */ r("button", {
 			type: "button",
 			className: e.item,
-			"data-selected": p.value.includes(t.value) || void 0,
-			onClick: () => h(t.value),
-			"aria-pressed": p.value.includes(t.value),
+			"data-selected": m.value.includes(t.value) || void 0,
+			onClick: () => g(t.value),
+			"aria-pressed": m.value.includes(t.value),
 			children: t.label
 		}, t.value))
 	});

package/dist/header-panel/header-panel.js

@@ -1,16 +1,14 @@
 "use client";
 
 import e from "./header-panel.module.js";
-import { cn as t, useSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
+import { cn as t, useEffectPropSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
 import { builtin as a, t as o } from "@cascivo/i18n";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { useRef as l } from "react";
 //#region ../components/src/header-panel/header-panel.tsx
 function u({ open: u, onClose: d, label: f, children: p, labels: m, className: h }) {
 	i();
-	let g = l(null), _ = l(null), v = n(u);
-	v.value = u;
-	let y = l(d);
+	let g = l(null), _ = l(null), v = n(u), y = l(d);
 	return y.current = d, r(() => {
 		let e = g.current;
 		if (e) if (v.value) {

package/dist/icon-button/icon-button.css

@@ -1 +1 @@
-@layer cascivo.component{._iconButton_13zh2_2{aspect-ratio:1;font-family:var(--cascivo-font-sans);line-height:var(--cascivo-leading-none);cursor:pointer;border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));color:var(--cascivo-color-text);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);background-color:#0000;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._iconButton_13zh2_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._iconButton_13zh2_2:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._iconButton_13zh2_2[data-size=sm]{block-size:var(--cascivo-control-height-sm);inline-size:var(--cascivo-control-height-sm);font-size:var(--cascivo-text-sm)}._iconButton_13zh2_2[data-size=md]{block-size:var(--cascivo-control-height-md);inline-size:var(--cascivo-control-height-md);font-size:var(--cascivo-text-base)}._iconButton_13zh2_2[data-size=lg]{block-size:var(--cascivo-control-height-lg);inline-size:var(--cascivo-control-height-lg);font-size:var(--cascivo-text-lg)}._iconButton_13zh2_2[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._iconButton_13zh2_2[data-variant=outline]{border-color:var(--cascivo-color-border);background-color:var(--cascivo-color-surface)}._iconButton_13zh2_2[data-variant=outline]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._iconButton_13zh2_2[data-variant=filled]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._iconButton_13zh2_2[data-variant=filled]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._iconButton_13zh2_2[data-variant=filled]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}}@media (forced-colors:active){._iconButton_13zh2_2{border:1px solid buttontext}._iconButton_13zh2_2:focus-visible{outline-offset:2px;outline:2px solid highlight}._iconButton_13zh2_2:disabled{color:graytext;border-color:graytext}}
+@layer cascivo.component{._iconButton_1f9hf_2{aspect-ratio:1;font-family:var(--cascivo-font-sans);line-height:var(--cascivo-leading-none);cursor:pointer;border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));color:var(--cascivo-color-text);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);background-color:#0000;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}._iconButton_1f9hf_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._iconButton_1f9hf_2:disabled,._iconButton_1f9hf_2[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}._iconButton_1f9hf_2[data-size=sm]{block-size:var(--cascivo-control-height-sm);inline-size:var(--cascivo-control-height-sm);font-size:var(--cascivo-text-sm)}._iconButton_1f9hf_2[data-size=md]{block-size:var(--cascivo-control-height-md);inline-size:var(--cascivo-control-height-md);font-size:var(--cascivo-text-base)}._iconButton_1f9hf_2[data-size=lg]{block-size:var(--cascivo-control-height-lg);inline-size:var(--cascivo-control-height-lg);font-size:var(--cascivo-text-lg)}._iconButton_1f9hf_2[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._iconButton_1f9hf_2[data-variant=outline]{border-color:var(--cascivo-color-border);background-color:var(--cascivo-color-surface)}._iconButton_1f9hf_2[data-variant=outline]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._iconButton_1f9hf_2[data-variant=filled]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._iconButton_1f9hf_2[data-variant=filled]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._iconButton_1f9hf_2[data-variant=filled]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}}@media (forced-colors:active){._iconButton_1f9hf_2{border:1px solid buttontext}._iconButton_1f9hf_2:focus-visible{outline-offset:2px;outline:2px solid highlight}._iconButton_1f9hf_2:disabled{color:graytext;border-color:graytext}}

package/dist/icon-button/icon-button.js

@@ -5,16 +5,16 @@ import { Slot as t, cn as n } from "@cascivo/core";
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
 //#region ../components/src/icon-button/icon-button.tsx
-var a = i(function({ label: i, icon: a, size: o = "md", variant: s = "ghost", asChild: c = !1, className: l, children: u, ...d }, f) {
-	return /* @__PURE__ */ r(c ? t : "button", {
-		type: c ? void 0 : "button",
-		"aria-label": i,
-		"data-size": o,
-		"data-variant": s,
-		className: n(e.iconButton, l),
-		ref: f,
-		...d,
-		children: u ?? a
+var a = i(function({ label: i, ariaLabel: a, icon: o, size: s = "md", variant: c = "ghost", asChild: l = !1, className: u, children: d, ...f }, p) {
+	return /* @__PURE__ */ r(l ? t : "button", {
+		type: l ? void 0 : "button",
+		"aria-label": i ?? a,
+		"data-size": s,
+		"data-variant": c,
+		className: n(e.iconButton, u),
+		ref: p,
+		...f,
+		children: d ?? o
 	});
 });
 //#endregion

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

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