@cascivo/react 0.12.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/dist/app-shell/app-shell.js +24 -23
  2. package/dist/badge/badge.js +17 -10
  3. package/dist/button/button.css +1 -1
  4. package/dist/button/button.module.js +1 -1
  5. package/dist/card/card.css +1 -1
  6. package/dist/card/card.module.js +8 -8
  7. package/dist/combobox/combobox.css +1 -1
  8. package/dist/combobox/combobox.module.js +15 -15
  9. package/dist/data-table/data-table.css +1 -1
  10. package/dist/data-table/data-table.js +7 -1
  11. package/dist/data-table/data-table.module.js +29 -29
  12. package/dist/date-picker/date-picker.css +1 -1
  13. package/dist/date-picker/date-picker.module.js +19 -19
  14. package/dist/file-uploader/file-uploader.css +1 -1
  15. package/dist/file-uploader/file-uploader.module.js +14 -14
  16. package/dist/filter/filter.js +10 -9
  17. package/dist/icon-button/icon-button.css +1 -1
  18. package/dist/icon-button/icon-button.module.js +1 -1
  19. package/dist/index.d.ts +1273 -57
  20. package/dist/input/input.css +1 -1
  21. package/dist/input/input.module.js +5 -5
  22. package/dist/item/item.css +1 -1
  23. package/dist/item/item.module.js +6 -6
  24. package/dist/layouts/src/page-header/page-header.css +1 -0
  25. package/dist/layouts/src/page-header/page-header.js +33 -0
  26. package/dist/layouts/src/page-header/page-header.module.js +13 -0
  27. package/dist/link/link.js +12 -12
  28. package/dist/multi-select/multi-select.css +1 -1
  29. package/dist/multi-select/multi-select.module.js +11 -11
  30. package/dist/node/app-shell/app-shell.js +24 -23
  31. package/dist/node/badge/badge.js +17 -10
  32. package/dist/node/button/button.module.js +1 -1
  33. package/dist/node/card/card.module.js +8 -8
  34. package/dist/node/combobox/combobox.module.js +15 -15
  35. package/dist/node/data-table/data-table.js +7 -1
  36. package/dist/node/data-table/data-table.module.js +29 -29
  37. package/dist/node/date-picker/date-picker.module.js +19 -19
  38. package/dist/node/file-uploader/file-uploader.module.js +14 -14
  39. package/dist/node/filter/filter.js +10 -9
  40. package/dist/node/icon-button/icon-button.module.js +1 -1
  41. package/dist/node/input/input.module.js +5 -5
  42. package/dist/node/item/item.module.js +6 -6
  43. package/dist/node/layouts/src/page-header/page-header.js +33 -0
  44. package/dist/node/layouts/src/page-header/page-header.module.js +12 -0
  45. package/dist/node/link/link.js +12 -12
  46. package/dist/node/multi-select/multi-select.module.js +11 -11
  47. package/dist/node/notification/notification.js +50 -44
  48. package/dist/node/notification/notification.module.js +7 -7
  49. package/dist/node/number-input/number-input.module.js +8 -8
  50. package/dist/node/otp-input/otp-input.module.js +2 -2
  51. package/dist/node/overflow-menu/overflow-menu.js +18 -13
  52. package/dist/node/password-input/password-input.module.js +7 -7
  53. package/dist/node/progress/progress.js +3 -2
  54. package/dist/node/react/src/index.js +4 -3
  55. package/dist/node/search/search.module.js +5 -5
  56. package/dist/node/stat/stat.js +6 -5
  57. package/dist/node/stat/stat.module.js +7 -7
  58. package/dist/node/status/status.js +18 -11
  59. package/dist/node/steps/steps.js +23 -23
  60. package/dist/node/structured-list/structured-list.js +14 -13
  61. package/dist/node/tag/tag.js +22 -15
  62. package/dist/node/tags-input/tags-input.module.js +4 -4
  63. package/dist/node/tile/tile.module.js +3 -3
  64. package/dist/node/time-picker/time-picker.module.js +5 -5
  65. package/dist/node/timeline/timeline.js +22 -16
  66. package/dist/notification/notification.css +1 -1
  67. package/dist/notification/notification.js +50 -44
  68. package/dist/notification/notification.module.js +7 -7
  69. package/dist/number-input/number-input.css +1 -1
  70. package/dist/number-input/number-input.module.js +8 -8
  71. package/dist/otp-input/otp-input.css +1 -1
  72. package/dist/otp-input/otp-input.module.js +2 -2
  73. package/dist/overflow-menu/overflow-menu.js +18 -13
  74. package/dist/password-input/password-input.css +1 -1
  75. package/dist/password-input/password-input.module.js +7 -7
  76. package/dist/progress/progress.js +3 -2
  77. package/dist/react/src/index.js +4 -3
  78. package/dist/search/search.css +1 -1
  79. package/dist/search/search.module.js +5 -5
  80. package/dist/stat/stat.css +1 -1
  81. package/dist/stat/stat.js +6 -5
  82. package/dist/stat/stat.module.js +7 -7
  83. package/dist/status/status.js +18 -11
  84. package/dist/steps/steps.js +23 -23
  85. package/dist/structured-list/structured-list.js +14 -13
  86. package/dist/styles.css +33 -19
  87. package/dist/tag/tag.js +22 -15
  88. package/dist/tags-input/tags-input.css +1 -1
  89. package/dist/tags-input/tags-input.module.js +4 -4
  90. package/dist/tile/tile.css +1 -1
  91. package/dist/tile/tile.module.js +3 -3
  92. package/dist/time-picker/time-picker.css +1 -1
  93. package/dist/time-picker/time-picker.module.js +5 -5
  94. package/dist/timeline/timeline.js +22 -16
  95. package/package.json +4 -4
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
 
3
3
  var e = {
4
- wrapper: "_wrapper_ao79u_2",
5
- label: "_label_ao79u_26",
6
- input: "_input_ao79u_34",
7
- error: "_error_ao79u_77",
8
- hint: "_hint_ao79u_84"
4
+ wrapper: "_wrapper_swdj6_2",
5
+ label: "_label_swdj6_30",
6
+ input: "_input_swdj6_38",
7
+ error: "_error_swdj6_81",
8
+ hint: "_hint_swdj6_88"
9
9
  };
10
10
  //#endregion
11
11
  export { e as default };
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
 
3
3
  var e = {
4
- item: "_item_1uxrt_2",
5
- media: "_media_1uxrt_30",
6
- content: "_content_1uxrt_38",
7
- title: "_title_1uxrt_45",
8
- description: "_description_1uxrt_51",
9
- actions: "_actions_1uxrt_58"
4
+ item: "_item_e9n8e_2",
5
+ media: "_media_e9n8e_32",
6
+ content: "_content_e9n8e_40",
7
+ title: "_title_e9n8e_47",
8
+ description: "_description_e9n8e_53",
9
+ actions: "_actions_e9n8e_60"
10
10
  };
11
11
  //#endregion
12
12
  export { e as default };
@@ -0,0 +1,33 @@
1
+ "use client";
2
+
3
+ import e from "./page-header.module.js";
4
+ import { cn as t } from "@cascivo/core";
5
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
6
+ //#region ../layouts/src/page-header/page-header.tsx
7
+ function i({ title: i, description: a, breadcrumb: o, actions: s, className: c }) {
8
+ return /* @__PURE__ */ r("header", {
9
+ className: t(e.header, c),
10
+ children: [
11
+ o && /* @__PURE__ */ n("div", {
12
+ className: e.breadcrumb,
13
+ children: o
14
+ }),
15
+ /* @__PURE__ */ r("div", {
16
+ className: e.row,
17
+ children: [/* @__PURE__ */ n("h1", {
18
+ className: e.title,
19
+ children: i
20
+ }), s && /* @__PURE__ */ n("div", {
21
+ className: e.actions,
22
+ children: s
23
+ })]
24
+ }),
25
+ a && /* @__PURE__ */ n("p", {
26
+ className: e.description,
27
+ children: a
28
+ })
29
+ ]
30
+ });
31
+ }
32
+ //#endregion
33
+ export { i as PageHeader };
@@ -0,0 +1,12 @@
1
+ "use client";
2
+
3
+ var e = {
4
+ header: "_header_e7nyb_2",
5
+ breadcrumb: "_breadcrumb_e7nyb_8",
6
+ row: "_row_e7nyb_12",
7
+ title: "_title_e7nyb_20",
8
+ actions: "_actions_e7nyb_28",
9
+ description: "_description_e7nyb_35"
10
+ };
11
+ //#endregion
12
+ export { e as default };
@@ -1,22 +1,22 @@
1
1
  "use client";
2
2
 
3
3
  import e from "./link.module.js";
4
- import { cn as t } from "@cascivo/core";
5
- import { jsx as n } from "react/jsx-runtime";
4
+ import { Slot as t, cn as n } from "@cascivo/core";
5
+ import { jsx as r } from "react/jsx-runtime";
6
6
  //#region ../components/src/link/link.tsx
7
- function r({ variant: r = "standalone", size: i = "md", external: a = !1, className: o, children: s, ...c }) {
8
- return /* @__PURE__ */ n("a", {
9
- "data-variant": r,
10
- "data-size": i,
11
- "data-external": a || void 0,
12
- className: t(e.link, o),
13
- ...a ? {
7
+ function i({ variant: i = "standalone", size: a = "md", external: o = !1, asChild: s = !1, className: c, children: l, ...u }) {
8
+ return /* @__PURE__ */ r(s ? t : "a", {
9
+ "data-variant": i,
10
+ "data-size": a,
11
+ "data-external": o || void 0,
12
+ className: n(e.link, c),
13
+ ...o ? {
14
14
  target: "_blank",
15
15
  rel: "noreferrer"
16
16
  } : {},
17
- ...c,
18
- children: s
17
+ ...u,
18
+ children: l
19
19
  });
20
20
  }
21
21
  //#endregion
22
- export { r as Link };
22
+ export { i as Link };
@@ -1,17 +1,17 @@
1
1
  "use client";
2
2
 
3
3
  var e = {
4
- wrapper: "_wrapper_nkk1l_2",
5
- trigger: "_trigger_nkk1l_8",
6
- "trigger-label": "_trigger-label_nkk1l_47",
7
- chevron: "_chevron_nkk1l_59",
8
- panel: "_panel_nkk1l_79",
9
- "search-row": "_search-row_nkk1l_117",
10
- search: "_search_nkk1l_117",
11
- options: "_options_nkk1l_138",
12
- option: "_option_nkk1l_138",
13
- checkbox: "_checkbox_nkk1l_166",
14
- "no-results": "_no-results_nkk1l_181"
4
+ wrapper: "_wrapper_1r5fv_2",
5
+ trigger: "_trigger_1r5fv_12",
6
+ "trigger-label": "_trigger-label_1r5fv_51",
7
+ chevron: "_chevron_1r5fv_63",
8
+ panel: "_panel_1r5fv_83",
9
+ "search-row": "_search-row_1r5fv_121",
10
+ search: "_search_1r5fv_121",
11
+ options: "_options_1r5fv_142",
12
+ option: "_option_1r5fv_142",
13
+ checkbox: "_checkbox_1r5fv_170",
14
+ "no-results": "_no-results_1r5fv_185"
15
15
  };
16
16
  //#endregion
17
17
  export { e as default };
@@ -1,80 +1,86 @@
1
1
  "use client";
2
2
 
3
3
  import e from "./notification.module.js";
4
- import { Presence as t, cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
5
- import { builtin as a, t as o } from "@cascivo/i18n";
6
- import { jsx as s, jsxs as c } from "react/jsx-runtime";
7
- import { useRef as l } from "react";
4
+ import { Presence as t, cn as n, normalizeTone as r, useSignal as i, useSignals as a } from "@cascivo/core";
5
+ import { builtin as o, t as s } from "@cascivo/i18n";
6
+ import { jsx as c, jsxs as l } from "react/jsx-runtime";
7
+ import { useRef as u } from "react";
8
8
  //#region ../components/src/notification/notification.tsx
9
- var u = new Set(["warning", "error"]), d = 160;
10
- function f({ variant: e }) {
11
- return e === "success" ? /* @__PURE__ */ c("svg", {
9
+ var d = {
10
+ neutral: "neutral",
11
+ info: "info",
12
+ success: "success",
13
+ warning: "warning",
14
+ danger: "error"
15
+ }, f = new Set(["warning", "error"]), p = 160;
16
+ function m({ variant: e }) {
17
+ return e === "success" ? /* @__PURE__ */ l("svg", {
12
18
  viewBox: "0 0 20 20",
13
19
  width: "20",
14
20
  height: "20",
15
21
  fill: "none",
16
22
  "aria-hidden": "true",
17
- children: [/* @__PURE__ */ s("circle", {
23
+ children: [/* @__PURE__ */ c("circle", {
18
24
  cx: "10",
19
25
  cy: "10",
20
26
  r: "8",
21
27
  stroke: "currentColor",
22
28
  strokeWidth: "1.5"
23
- }), /* @__PURE__ */ s("path", {
29
+ }), /* @__PURE__ */ c("path", {
24
30
  d: "M6.5 10.5l2.5 2.5 4.5-5",
25
31
  stroke: "currentColor",
26
32
  strokeWidth: "1.5",
27
33
  strokeLinecap: "round",
28
34
  strokeLinejoin: "round"
29
35
  })]
30
- }) : e === "warning" ? /* @__PURE__ */ c("svg", {
36
+ }) : e === "warning" ? /* @__PURE__ */ l("svg", {
31
37
  viewBox: "0 0 20 20",
32
38
  width: "20",
33
39
  height: "20",
34
40
  fill: "none",
35
41
  "aria-hidden": "true",
36
- children: [/* @__PURE__ */ s("path", {
42
+ children: [/* @__PURE__ */ c("path", {
37
43
  d: "M10 2.5L18.5 17H1.5L10 2.5z",
38
44
  stroke: "currentColor",
39
45
  strokeWidth: "1.5",
40
46
  strokeLinejoin: "round"
41
- }), /* @__PURE__ */ s("path", {
47
+ }), /* @__PURE__ */ c("path", {
42
48
  d: "M10 8v3.5M10 14h.01",
43
49
  stroke: "currentColor",
44
50
  strokeWidth: "1.5",
45
51
  strokeLinecap: "round"
46
52
  })]
47
- }) : e === "error" ? /* @__PURE__ */ c("svg", {
53
+ }) : e === "error" ? /* @__PURE__ */ l("svg", {
48
54
  viewBox: "0 0 20 20",
49
55
  width: "20",
50
56
  height: "20",
51
57
  fill: "none",
52
58
  "aria-hidden": "true",
53
- children: [/* @__PURE__ */ s("circle", {
59
+ children: [/* @__PURE__ */ c("circle", {
54
60
  cx: "10",
55
61
  cy: "10",
56
62
  r: "8",
57
63
  stroke: "currentColor",
58
64
  strokeWidth: "1.5"
59
- }), /* @__PURE__ */ s("path", {
65
+ }), /* @__PURE__ */ c("path", {
60
66
  d: "M10 6v4.5M10 13.5h.01",
61
67
  stroke: "currentColor",
62
68
  strokeWidth: "1.5",
63
69
  strokeLinecap: "round"
64
70
  })]
65
- }) : /* @__PURE__ */ c("svg", {
71
+ }) : /* @__PURE__ */ l("svg", {
66
72
  viewBox: "0 0 20 20",
67
73
  width: "20",
68
74
  height: "20",
69
75
  fill: "none",
70
76
  "aria-hidden": "true",
71
- children: [/* @__PURE__ */ s("circle", {
77
+ children: [/* @__PURE__ */ c("circle", {
72
78
  cx: "10",
73
79
  cy: "10",
74
80
  r: "8",
75
81
  stroke: "currentColor",
76
82
  strokeWidth: "1.5"
77
- }), /* @__PURE__ */ s("path", {
83
+ }), /* @__PURE__ */ c("path", {
78
84
  d: "M10 9v5M10 6.5h.01",
79
85
  stroke: "currentColor",
80
86
  strokeWidth: "1.5",
@@ -82,48 +88,48 @@ function f({ variant: e }) {
82
88
  })]
83
89
  });
84
90
  }
85
- function p({ title: p, description: m, variant: h = "info", dismissible: g = !1, onDismiss: _, actions: v, icon: y, labels: b, className: x, ...S }) {
86
- i();
87
- let C = r(!0), w = l(_);
88
- w.current = _;
89
- let T = g || _ !== void 0, E = () => {
90
- C.value = !1, setTimeout(() => w.current?.(), d);
91
+ function h({ title: h, description: g, variant: _ = "info", dismissible: v = !1, onDismiss: y, actions: b, icon: x, labels: S, className: C, ...w }) {
92
+ a();
93
+ let T = d[r(_)] ?? _, E = i(!0), D = u(y);
94
+ D.current = y;
95
+ let O = v || y !== void 0, k = () => {
96
+ E.value = !1, setTimeout(() => D.current?.(), p);
91
97
  };
92
- return /* @__PURE__ */ s(t, {
93
- present: C,
94
- children: /* @__PURE__ */ c("div", {
95
- role: u.has(h) ? "alert" : "status",
96
- "data-variant": h,
97
- className: n(e.notification, x),
98
- ...S,
98
+ return /* @__PURE__ */ c(t, {
99
+ present: E,
100
+ children: /* @__PURE__ */ l("div", {
101
+ role: f.has(T) ? "alert" : "status",
102
+ "data-variant": T,
103
+ className: n(e.notification, C),
104
+ ...w,
99
105
  children: [
100
- /* @__PURE__ */ s("span", {
106
+ /* @__PURE__ */ c("span", {
101
107
  className: e.icon,
102
108
  "aria-hidden": "true",
103
- children: y ?? /* @__PURE__ */ s(f, { variant: h })
109
+ children: x ?? /* @__PURE__ */ c(m, { variant: T })
104
110
  }),
105
- /* @__PURE__ */ c("div", {
111
+ /* @__PURE__ */ l("div", {
106
112
  className: e.body,
107
113
  children: [
108
- /* @__PURE__ */ s("div", {
114
+ /* @__PURE__ */ c("div", {
109
115
  className: e.title,
110
- children: p
116
+ children: h
111
117
  }),
112
- m && /* @__PURE__ */ s("div", {
118
+ g && /* @__PURE__ */ c("div", {
113
119
  className: e.description,
114
- children: m
120
+ children: g
115
121
  }),
116
- v && /* @__PURE__ */ s("div", {
122
+ b && /* @__PURE__ */ c("div", {
117
123
  className: e.actions,
118
- children: v
124
+ children: b
119
125
  })
120
126
  ]
121
127
  }),
122
- T && /* @__PURE__ */ s("button", {
128
+ O && /* @__PURE__ */ c("button", {
123
129
  type: "button",
124
130
  className: e.dismiss,
125
- "aria-label": b?.dismiss ?? o(a.notification.dismiss),
126
- onClick: E,
131
+ "aria-label": S?.dismiss ?? s(o.notification.dismiss),
132
+ onClick: k,
127
133
  children: "✕"
128
134
  })
129
135
  ]
@@ -131,4 +137,4 @@ function p({ title: p, description: m, variant: h = "info", dismissible: g = !1,
131
137
  });
132
138
  }
133
139
  //#endregion
134
- export { p as Notification };
140
+ export { h as Notification };
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
 
3
3
  var e = {
4
- notification: "_notification_10586_2",
5
- icon: "_icon_10586_58",
6
- body: "_body_10586_79",
7
- title: "_title_10586_87",
8
- description: "_description_10586_93",
9
- actions: "_actions_10586_99",
10
- dismiss: "_dismiss_10586_106"
4
+ notification: "_notification_imxvx_2",
5
+ icon: "_icon_imxvx_65",
6
+ body: "_body_imxvx_86",
7
+ title: "_title_imxvx_94",
8
+ description: "_description_imxvx_100",
9
+ actions: "_actions_imxvx_106",
10
+ dismiss: "_dismiss_imxvx_113"
11
11
  };
12
12
  //#endregion
13
13
  export { e as default };
@@ -1,14 +1,14 @@
1
1
  "use client";
2
2
 
3
3
  var e = {
4
- wrapper: "_wrapper_q5e5w_2",
5
- label: "_label_q5e5w_27",
6
- field: "_field_q5e5w_35",
7
- input: "_input_q5e5w_39",
8
- steppers: "_steppers_q5e5w_84",
9
- stepper: "_stepper_q5e5w_84",
10
- error: "_error_q5e5w_131",
11
- hint: "_hint_q5e5w_138"
4
+ wrapper: "_wrapper_aavdw_2",
5
+ label: "_label_aavdw_31",
6
+ field: "_field_aavdw_39",
7
+ input: "_input_aavdw_43",
8
+ steppers: "_steppers_aavdw_88",
9
+ stepper: "_stepper_aavdw_88",
10
+ error: "_error_aavdw_135",
11
+ hint: "_hint_aavdw_142"
12
12
  };
13
13
  //#endregion
14
14
  export { e as default };
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
 
3
3
  var e = {
4
- wrapper: "_wrapper_15f1m_2",
5
- slot: "_slot_15f1m_8"
4
+ wrapper: "_wrapper_k67bx_2",
5
+ slot: "_slot_k67bx_12"
6
6
  };
7
7
  //#endregion
8
8
  export { e as default };
@@ -6,7 +6,12 @@ import { cn as n, useSignals as r } from "@cascivo/core";
6
6
  import { builtin as i, t as a } from "@cascivo/i18n";
7
7
  import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
8
8
  //#region ../components/src/overflow-menu/overflow-menu.tsx
9
- function l() {
9
+ function l(e) {
10
+ let t = e.value ?? e.id;
11
+ if (t === void 0) throw Error(`OverflowMenu: item "${e.label}" has neither \`value\` nor \`id\`. One of them is required — it is what \`onSelect\` receives.`);
12
+ return t;
13
+ }
14
+ function u() {
10
15
  return /* @__PURE__ */ c("svg", {
11
16
  viewBox: "0 0 16 16",
12
17
  width: "16",
@@ -32,12 +37,12 @@ function l() {
32
37
  ]
33
38
  });
34
39
  }
35
- function u({ items: u, onSelect: d, placement: f = "bottom-end", ariaLabel: p, size: m = "md", disabled: h = !1, className: g }) {
40
+ function d({ items: d, onSelect: f, placement: p = "bottom-end", ariaLabel: m, size: h = "md", disabled: g = !1, className: _ }) {
36
41
  r();
37
- let _ = p ?? a(i.overflowMenu.trigger), v = u.map((e) => {
42
+ let v = m ?? a(i.overflowMenu.trigger), y = d.map((e) => {
38
43
  let n = {
39
44
  label: e.label,
40
- value: e.value
45
+ value: l(e)
41
46
  };
42
47
  return e.disabled !== void 0 && (n.disabled = e.disabled), e.destructive ? n.icon = /* @__PURE__ */ c(o, { children: [e.icon, /* @__PURE__ */ s("span", {
43
48
  className: t["destructive-flag"],
@@ -45,21 +50,21 @@ function u({ items: u, onSelect: d, placement: f = "bottom-end", ariaLabel: p, s
45
50
  })] }) : e.icon !== void 0 && (n.icon = e.icon), n;
46
51
  });
47
52
  return /* @__PURE__ */ s("div", {
48
- className: n(t.root, g),
53
+ className: n(t.root, _),
49
54
  children: /* @__PURE__ */ s(e, {
50
- items: v,
51
- onSelect: (e) => d?.(e),
52
- placement: f,
55
+ items: y,
56
+ onSelect: (e) => f?.(e),
57
+ placement: p,
53
58
  trigger: /* @__PURE__ */ s("button", {
54
59
  type: "button",
55
60
  className: t.trigger,
56
- "data-size": m,
57
- disabled: h,
58
- "aria-label": _,
59
- children: /* @__PURE__ */ s(l, {})
61
+ "data-size": h,
62
+ disabled: g,
63
+ "aria-label": v,
64
+ children: /* @__PURE__ */ s(u, {})
60
65
  })
61
66
  })
62
67
  });
63
68
  }
64
69
  //#endregion
65
- export { u as OverflowMenu };
70
+ export { d as OverflowMenu };
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
 
3
3
  var e = {
4
- wrapper: "_wrapper_r2rcd_2",
5
- "input-row": "_input-row_r2rcd_26",
6
- input: "_input_r2rcd_26",
7
- "reveal-btn": "_reveal-btn_r2rcd_68",
8
- "reveal-icon": "_reveal-icon_r2rcd_94",
9
- "strength-meter": "_strength-meter_r2rcd_114",
10
- "strength-segment": "_strength-segment_r2rcd_135"
4
+ wrapper: "_wrapper_19052_2",
5
+ "input-row": "_input-row_19052_30",
6
+ input: "_input_19052_30",
7
+ "reveal-btn": "_reveal-btn_19052_72",
8
+ "reveal-icon": "_reveal-icon_19052_98",
9
+ "strength-meter": "_strength-meter_19052_118",
10
+ "strength-segment": "_strength-segment_19052_139"
11
11
  };
12
12
  //#endregion
13
13
  export { e as default };
@@ -3,14 +3,15 @@
3
3
  import e from "./progress.module.js";
4
4
  import { jsx as t } from "react/jsx-runtime";
5
5
  //#region ../components/src/progress/progress.tsx
6
- function n({ value: n, variant: r = "primary", size: i = "md", className: a, ...o }) {
6
+ function n({ value: n, variant: r = "primary", size: i = "md", className: a, ariaLabel: o, ...s }) {
7
7
  return /* @__PURE__ */ t("progress", {
8
+ "aria-label": s["aria-label"] ?? o,
8
9
  className: [e.progress, a].filter(Boolean).join(" "),
9
10
  "data-variant": r,
10
11
  "data-size": i,
11
12
  value: n,
12
13
  max: n === void 0 ? void 0 : 100,
13
- ...o
14
+ ...s
14
15
  });
15
16
  }
16
17
  //#endregion
@@ -133,6 +133,7 @@ import { Columns as rn } from "../../layouts/src/columns/columns.js";
133
133
  import { Center as an } from "../../layouts/src/center/center.js";
134
134
  import { Spacer as on } from "../../layouts/src/spacer/spacer.js";
135
135
  import { AutoGrid as sn } from "../../layouts/src/auto-grid/auto-grid.js";
136
- import { ThemeProvider as cn, setTheme as ln, themePreloadScript as un, themeSignal as dn, useTheme as fn } from "./theme.js";
137
- import { DismissableLayer as pn, ErrorBoundary as mn, FocusScope as hn, Portal as gn, Presence as _n, Slot as vn, SuspenseBoundary as yn, VisuallyHidden as bn, batch as xn, cn as Sn, composeRefs as Cn, computePosition as wn, computed as Tn, createMachine as En, createScope as Dn, createStreamBuffer as On, effect as kn, getLinkComponent as An, mergeProps as jn, setLinkComponent as Mn, signal as Nn, useAnchorPosition as Pn, useClipboard as Fn, useComputed as In, useControllableSignal as Ln, useDisclosure as Rn, useEffectPropSignal as zn, useId as Bn, useMachine as Vn, useMediaQuery as Hn, useRovingFocus as Un, useScope as Wn, useScrollLock as Gn, useSignal as Kn, useSignalEffect as qn, useSignals as Jn, useStreamBuffer as Yn, useTypeahead as Xn } from "@cascivo/core";
138
- export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ye as AlertDialog, Yt as AppShell, _t as AspectRatio, sn as AutoGrid, f as Avatar, p as AvatarGroup, c as Badge, $e as Blockquote, xe as BottomSheet, z as Breadcrumb, t as Button, dt as ButtonGroup, Ft as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, Rt as Carousel, an as Center, Xt as ChatBubble, v as Checkbox, He as CheckboxCard, Qe as Code, Ut as CodeSnippet, gt as Collapsible, Lt as ColorPicker, rn as Columns, ce as Combobox, ne as CommandMenu, we as Comparison, Tt as ContainedList, Et as ContainedListItem, Se as ContextMenu, Ce as ContextMenuItem, Ue as CopyButton, Dt as DataList, te as DataTable, le as DatePicker, It as DateRangePicker, pn as DismissableLayer, Bt as Dock, Vt as Drawer, w as Dropdown, Ie as Editable, X as EmptyState, mn as ErrorBoundary, Z as Fab, ct as Field, ue as FileUploader, lt as Filter, nn as Flex, hn as FocusScope, ae as Form, en as Grid, tn as GridItem, H as Header, Be as HeaderPanel, Xe as Heading, Te as HoverCard, Ee as HoverCardContent, De as HoverCardTrigger, ut as IconButton, h as Image, Kt as Indicator, pt as InlineLoading, n as Input, Ne as InputGroup, Pe as InputGroupAddon, kt as Item, At as ItemActions, jt as ItemContent, Mt as ItemDescription, Nt as ItemMedia, Pt as ItemTitle, qt as Join, L as Kbd, st as Label, R as Link, et as List, tt as ListItem, nt as LogViewer, he as Menu, vt as MenuButton, ge as MenuItem, _e as MenuSeparator, ve as MenuTrigger, bt as Menubar, l as Modal, ke as MultiSelect, Ht as NativeSelect, xt as NavigationMenu, mt as Notification, ee as NumberInput, je as OtpInput, Q as OverflowMenu, G as Pagination, Oe as PasswordInput, fe as Popover, pe as PopoverContent, me as PopoverTrigger, gn as Portal, _n as Presence, Je as Progress, Y as ProgressBar, Ye as ProgressCircle, K as ProgressIndicator, rt as Prose, it as PullToRefresh, at as QrCode, Zt as RadialProgress, y as Radio, Le as RadioCard, Re as RadioCardGroup, b as RadioGroup, Fe as RatingGroup, ot as RelativeTime, zt as Resizable, ht as ScrollArea, $ as Search, Me as SegmentedControl, _ as Select, u as Separator, be as Sheet, ze as ShellHeader, W as SideNav, J as Skeleton, Ke as SkipNavLink, qe as SkipNavTarget, S as Slider, vn as Slot, on as Spacer, e as Spinner, Jt as Stack, We as Stat, Ge as Status, Wt as Steps, wt as StructuredList, yn as SuspenseBoundary, Qt as Swap, $t as SwipeItem, Ve as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, Ae as TagsInput, Ze as Text, g as Textarea, cn as ThemeProvider, Gt as Tile, de as TimePicker, Ot as Timeline, T as ToastProvider, B as Toc, x as Toggle, ft as ToggleGroup, yt as Toggletip, C as Tooltip, St as TreeView, m as User, bn as VisuallyHidden, xn as batch, Sn as cn, Cn as composeRefs, wn as computePosition, Tn as computed, oe as createForm, En as createMachine, Dn as createScope, On as createStreamBuffer, E as dismissAllToasts, kn as effect, re as fuzzyMatch, ie as fuzzyScore, An as getLinkComponent, jn as mergeProps, Mn as setLinkComponent, ln as setTheme, Nn as signal, un as themePreloadScript, dn as themeSignal, Ct as treeViewMessages, Pn as useAnchorPosition, Fn as useClipboard, In as useComputed, Ln as useControllableSignal, Rn as useDisclosure, zn as useEffectPropSignal, se as useForm, Bn as useId, Vn as useMachine, Hn as useMediaQuery, U as usePopover, Un as useRovingFocus, Wn as useScope, Gn as useScrollLock, Kn as useSignal, qn as useSignalEffect, Jn as useSignals, Yn as useStreamBuffer, fn as useTheme, D as useToast, V as useTocFromRegion, Xn as useTypeahead };
136
+ import { PageHeader as cn } from "../../layouts/src/page-header/page-header.js";
137
+ import { ThemeProvider as ln, setTheme as un, themePreloadScript as dn, themeSignal as fn, useTheme as pn } from "./theme.js";
138
+ import { DismissableLayer as mn, ErrorBoundary as hn, FocusScope as gn, Portal as _n, Presence as vn, Slot as yn, SuspenseBoundary as bn, VisuallyHidden as xn, batch as Sn, cn as Cn, composeRefs as wn, computePosition as Tn, computed as En, createMachine as Dn, createScope as On, createStreamBuffer as kn, effect as An, getLinkComponent as jn, mergeProps as Mn, setLinkComponent as Nn, signal as Pn, useAnchorPosition as Fn, useClipboard as In, useComputed as Ln, useControllableSignal as Rn, useDisclosure as zn, useEffectPropSignal as Bn, useId as Vn, useMachine as Hn, useMediaQuery as Un, useRovingFocus as Wn, useScope as Gn, useScrollLock as Kn, useSignal as qn, useSignalEffect as Jn, useSignals as Yn, useStreamBuffer as Xn, useTypeahead as Zn } from "@cascivo/core";
139
+ export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ye as AlertDialog, Yt as AppShell, _t as AspectRatio, sn as AutoGrid, f as Avatar, p as AvatarGroup, c as Badge, $e as Blockquote, xe as BottomSheet, z as Breadcrumb, t as Button, dt as ButtonGroup, Ft as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, Rt as Carousel, an as Center, Xt as ChatBubble, v as Checkbox, He as CheckboxCard, Qe as Code, Ut as CodeSnippet, gt as Collapsible, Lt as ColorPicker, rn as Columns, ce as Combobox, ne as CommandMenu, we as Comparison, Tt as ContainedList, Et as ContainedListItem, Se as ContextMenu, Ce as ContextMenuItem, Ue as CopyButton, Dt as DataList, te as DataTable, le as DatePicker, It as DateRangePicker, mn as DismissableLayer, Bt as Dock, Vt as Drawer, w as Dropdown, Ie as Editable, X as EmptyState, hn as ErrorBoundary, Z as Fab, ct as Field, ue as FileUploader, lt as Filter, nn as Flex, gn as FocusScope, ae as Form, en as Grid, tn as GridItem, H as Header, Be as HeaderPanel, Xe as Heading, Te as HoverCard, Ee as HoverCardContent, De as HoverCardTrigger, ut as IconButton, h as Image, Kt as Indicator, pt as InlineLoading, n as Input, Ne as InputGroup, Pe as InputGroupAddon, kt as Item, At as ItemActions, jt as ItemContent, Mt as ItemDescription, Nt as ItemMedia, Pt as ItemTitle, qt as Join, L as Kbd, st as Label, R as Link, et as List, tt as ListItem, nt as LogViewer, he as Menu, vt as MenuButton, ge as MenuItem, _e as MenuSeparator, ve as MenuTrigger, bt as Menubar, l as Modal, ke as MultiSelect, Ht as NativeSelect, xt as NavigationMenu, mt as Notification, ee as NumberInput, je as OtpInput, Q as OverflowMenu, cn as PageHeader, G as Pagination, Oe as PasswordInput, fe as Popover, pe as PopoverContent, me as PopoverTrigger, _n as Portal, vn as Presence, Je as Progress, Y as ProgressBar, Ye as ProgressCircle, K as ProgressIndicator, rt as Prose, it as PullToRefresh, at as QrCode, Zt as RadialProgress, y as Radio, Le as RadioCard, Re as RadioCardGroup, b as RadioGroup, Fe as RatingGroup, ot as RelativeTime, zt as Resizable, ht as ScrollArea, $ as Search, Me as SegmentedControl, _ as Select, u as Separator, be as Sheet, ze as ShellHeader, W as SideNav, J as Skeleton, Ke as SkipNavLink, qe as SkipNavTarget, S as Slider, yn as Slot, on as Spacer, e as Spinner, Jt as Stack, We as Stat, Ge as Status, Wt as Steps, wt as StructuredList, bn as SuspenseBoundary, Qt as Swap, $t as SwipeItem, Ve as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, Ae as TagsInput, Ze as Text, g as Textarea, ln as ThemeProvider, Gt as Tile, de as TimePicker, Ot as Timeline, T as ToastProvider, B as Toc, x as Toggle, ft as ToggleGroup, yt as Toggletip, C as Tooltip, St as TreeView, m as User, xn as VisuallyHidden, Sn as batch, Cn as cn, wn as composeRefs, Tn as computePosition, En as computed, oe as createForm, Dn as createMachine, On as createScope, kn as createStreamBuffer, E as dismissAllToasts, An as effect, re as fuzzyMatch, ie as fuzzyScore, jn as getLinkComponent, Mn as mergeProps, Nn as setLinkComponent, un as setTheme, Pn as signal, dn as themePreloadScript, fn as themeSignal, Ct as treeViewMessages, Fn as useAnchorPosition, In as useClipboard, Ln as useComputed, Rn as useControllableSignal, zn as useDisclosure, Bn as useEffectPropSignal, se as useForm, Vn as useId, Hn as useMachine, Un as useMediaQuery, U as usePopover, Wn as useRovingFocus, Gn as useScope, Kn as useScrollLock, qn as useSignal, Jn as useSignalEffect, Yn as useSignals, Xn as useStreamBuffer, pn as useTheme, D as useToast, V as useTocFromRegion, Zn as useTypeahead };
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
 
3
3
  var e = {
4
- root: "_root_1m8s8_2",
5
- label: "_label_1m8s8_31",
6
- icon: "_icon_1m8s8_44",
7
- input: "_input_1m8s8_53",
8
- clear: "_clear_1m8s8_99"
4
+ root: "_root_1ppci_2",
5
+ label: "_label_1ppci_35",
6
+ icon: "_icon_1ppci_48",
7
+ input: "_input_1ppci_57",
8
+ clear: "_clear_1ppci_103"
9
9
  };
10
10
  //#endregion
11
11
  export { e as default };
@@ -4,10 +4,11 @@ import e from "./stat.module.js";
4
4
  import { cn as t } from "@cascivo/core";
5
5
  import { jsx as n, jsxs as r } from "react/jsx-runtime";
6
6
  //#region ../components/src/stat/stat.tsx
7
- function i({ label: i, value: a, delta: o, trend: s = "flat", helpText: c, visual: l, className: u, ...d }) {
7
+ function i({ label: i, value: a, delta: o, trend: s = "flat", helpText: c, card: l = !1, visual: u, className: d, ...f }) {
8
8
  return /* @__PURE__ */ r("div", {
9
- className: t(e.stat, u),
10
- ...d,
9
+ "data-card": l || void 0,
10
+ className: t(e.stat, d),
11
+ ...f,
11
12
  children: [
12
13
  /* @__PURE__ */ n("span", {
13
14
  className: e.label,
@@ -30,9 +31,9 @@ function i({ label: i, value: a, delta: o, trend: s = "flat", helpText: c, visua
30
31
  className: e.help,
31
32
  children: c
32
33
  }),
33
- l && /* @__PURE__ */ n("span", {
34
+ u && /* @__PURE__ */ n("span", {
34
35
  className: e.visual,
35
- children: l
36
+ children: u
36
37
  })
37
38
  ]
38
39
  });
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
 
3
3
  var e = {
4
- stat: "_stat_r3v5x_2",
5
- label: "_label_r3v5x_9",
6
- value: "_value_r3v5x_15",
7
- delta: "_delta_r3v5x_23",
8
- arrow: "_arrow_r3v5x_44",
9
- help: "_help_r3v5x_49",
10
- visual: "_visual_r3v5x_55"
4
+ stat: "_stat_ge5ag_2",
5
+ label: "_label_ge5ag_20",
6
+ value: "_value_ge5ag_26",
7
+ delta: "_delta_ge5ag_34",
8
+ arrow: "_arrow_ge5ag_55",
9
+ help: "_help_ge5ag_60",
10
+ visual: "_visual_ge5ag_66"
11
11
  };
12
12
  //#endregion
13
13
  export { e as default };
@@ -1,20 +1,27 @@
1
1
  "use client";
2
2
 
3
3
  import e from "./status.module.js";
4
- import { cn as t } from "@cascivo/core";
5
- import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
+ import { cn as t, normalizeTone as n } from "@cascivo/core";
5
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
6
6
  //#region ../components/src/status/status.tsx
7
- function i({ status: i = "neutral", pulse: a = !1, className: o, children: s, ...c }) {
8
- return /* @__PURE__ */ r("span", {
9
- "data-status": i,
10
- "data-pulse": a ? "" : void 0,
11
- className: t(e.status, o),
12
- ...c,
13
- children: [/* @__PURE__ */ n("span", {
7
+ var a = {
8
+ neutral: "neutral",
9
+ info: "info",
10
+ success: "success",
11
+ warning: "warning",
12
+ danger: "error"
13
+ };
14
+ function o({ status: o = "neutral", pulse: s = !1, className: c, children: l, ...u }) {
15
+ return /* @__PURE__ */ i("span", {
16
+ "data-status": a[n(o)] ?? o,
17
+ "data-pulse": s ? "" : void 0,
18
+ className: t(e.status, c),
19
+ ...u,
20
+ children: [/* @__PURE__ */ r("span", {
14
21
  "aria-hidden": "true",
15
22
  className: e.dot
16
- }), s]
23
+ }), l]
17
24
  });
18
25
  }
19
26
  //#endregion
20
- export { i as Status };
27
+ export { o as Status };