@rinzai/zen 0.6.1 → 0.7.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 (159) hide show
  1. package/LICENSE +27 -0
  2. package/README.md +3 -3
  3. package/dist/alert/index.d.ts +21 -0
  4. package/dist/alert/index.d.ts.map +1 -0
  5. package/dist/alert/index.js +49 -0
  6. package/dist/button/index.d.ts +2 -1
  7. package/dist/button/index.d.ts.map +1 -1
  8. package/dist/button/index.js +43 -12
  9. package/dist/calendar/index.d.ts.map +1 -1
  10. package/dist/calendar/index.js +86 -85
  11. package/dist/chart/donut.d.ts +4 -1
  12. package/dist/chart/donut.d.ts.map +1 -1
  13. package/dist/chart/donut.js +76 -66
  14. package/dist/chart/index.d.ts +8 -2
  15. package/dist/chart/index.d.ts.map +1 -1
  16. package/dist/chart/index.js +192 -182
  17. package/dist/chart/palette.d.ts +11 -0
  18. package/dist/chart/palette.d.ts.map +1 -0
  19. package/dist/chart/palette.js +9 -0
  20. package/dist/chart/tooltip.d.ts +6 -2
  21. package/dist/chart/tooltip.d.ts.map +1 -1
  22. package/dist/chart/tooltip.js +6 -6
  23. package/dist/checkbox/index.d.ts.map +1 -1
  24. package/dist/checkbox/index.js +28 -44
  25. package/dist/chip/index.js +1 -1
  26. package/dist/code-block/index.js +1 -1
  27. package/dist/date-picker/index.d.ts.map +1 -1
  28. package/dist/date-picker/index.js +24 -38
  29. package/dist/disclosure/index.js +1 -1
  30. package/dist/editable-cell/index.js +1 -1
  31. package/dist/field/index.d.ts +1 -1
  32. package/dist/field/index.d.ts.map +1 -1
  33. package/dist/field/index.js +33 -32
  34. package/dist/header/index.d.ts +9 -1
  35. package/dist/header/index.d.ts.map +1 -1
  36. package/dist/header/index.js +17 -9
  37. package/dist/icons/arrow-left.d.ts +3 -0
  38. package/dist/icons/arrow-left.d.ts.map +1 -0
  39. package/dist/icons/arrow-right.d.ts +3 -0
  40. package/dist/icons/arrow-right.d.ts.map +1 -0
  41. package/dist/icons/bars.d.ts +3 -0
  42. package/dist/icons/bars.d.ts.map +1 -0
  43. package/dist/icons/calendar.d.ts +3 -0
  44. package/dist/icons/calendar.d.ts.map +1 -0
  45. package/dist/icons/chart-bar.d.ts +3 -0
  46. package/dist/icons/chart-bar.d.ts.map +1 -0
  47. package/dist/icons/chevron-down.d.ts.map +1 -1
  48. package/dist/icons/chevron-down.js +4 -2
  49. package/dist/icons/chevron-left.d.ts.map +1 -1
  50. package/dist/icons/chevron-left.js +4 -2
  51. package/dist/icons/chevron-right.d.ts.map +1 -1
  52. package/dist/icons/chevron-right.js +4 -2
  53. package/dist/icons/chevron-up.d.ts.map +1 -1
  54. package/dist/icons/chevron-up.js +4 -2
  55. package/dist/icons/ellipsis.d.ts +0 -1
  56. package/dist/icons/ellipsis.d.ts.map +1 -1
  57. package/dist/icons/flag.d.ts +3 -0
  58. package/dist/icons/flag.d.ts.map +1 -0
  59. package/dist/icons/list-bullet.d.ts +3 -0
  60. package/dist/icons/list-bullet.d.ts.map +1 -0
  61. package/dist/icons/lock.d.ts +3 -0
  62. package/dist/icons/lock.d.ts.map +1 -0
  63. package/dist/icons/logout.d.ts +3 -0
  64. package/dist/icons/logout.d.ts.map +1 -0
  65. package/dist/icons/micro/calendar.d.ts +3 -0
  66. package/dist/icons/micro/calendar.d.ts.map +1 -0
  67. package/dist/icons/micro/calendar.js +21 -0
  68. package/dist/icons/micro/check.d.ts +3 -0
  69. package/dist/icons/micro/check.d.ts.map +1 -0
  70. package/dist/icons/micro/check.js +21 -0
  71. package/dist/icons/micro/chevron-down.d.ts +3 -0
  72. package/dist/icons/micro/chevron-down.d.ts.map +1 -0
  73. package/dist/icons/micro/chevron-down.js +21 -0
  74. package/dist/icons/micro/chevron-right.d.ts +3 -0
  75. package/dist/icons/micro/chevron-right.d.ts.map +1 -0
  76. package/dist/icons/micro/chevron-right.js +21 -0
  77. package/dist/icons/micro/exclamation-triangle.d.ts +3 -0
  78. package/dist/icons/micro/exclamation-triangle.d.ts.map +1 -0
  79. package/dist/icons/micro/exclamation-triangle.js +21 -0
  80. package/dist/icons/micro/information-circle.d.ts +3 -0
  81. package/dist/icons/micro/information-circle.d.ts.map +1 -0
  82. package/dist/icons/micro/information-circle.js +21 -0
  83. package/dist/icons/micro/minus.d.ts +3 -0
  84. package/dist/icons/micro/minus.d.ts.map +1 -0
  85. package/dist/icons/micro/minus.js +17 -0
  86. package/dist/icons/micro/moon.d.ts +3 -0
  87. package/dist/icons/micro/moon.d.ts.map +1 -0
  88. package/dist/icons/micro/moon.js +17 -0
  89. package/dist/icons/micro/sun.d.ts +3 -0
  90. package/dist/icons/micro/sun.d.ts.map +1 -0
  91. package/dist/icons/micro/sun.js +17 -0
  92. package/dist/icons/micro/x-mark.d.ts +3 -0
  93. package/dist/icons/micro/x-mark.d.ts.map +1 -0
  94. package/dist/icons/micro/x-mark.js +17 -0
  95. package/dist/icons/search.d.ts.map +1 -1
  96. package/dist/icons/search.js +4 -2
  97. package/dist/icons/settings.d.ts +3 -0
  98. package/dist/icons/settings.d.ts.map +1 -0
  99. package/dist/icons/squares.d.ts +3 -0
  100. package/dist/icons/squares.d.ts.map +1 -0
  101. package/dist/icons/table.d.ts +3 -0
  102. package/dist/icons/table.d.ts.map +1 -0
  103. package/dist/icons/x-mark.d.ts.map +1 -1
  104. package/dist/icons/x-mark.js +4 -2
  105. package/dist/index.d.ts +6 -4
  106. package/dist/index.d.ts.map +1 -1
  107. package/dist/lib.js +56 -61
  108. package/dist/menu/index.d.ts.map +1 -1
  109. package/dist/menu/index.js +67 -60
  110. package/dist/month-picker/index.d.ts.map +1 -1
  111. package/dist/month-picker/index.js +55 -55
  112. package/dist/pills/index.d.ts +1 -1
  113. package/dist/pills/index.d.ts.map +1 -1
  114. package/dist/pills/index.js +6 -2
  115. package/dist/popover/index.js +12 -11
  116. package/dist/select/index.d.ts.map +1 -1
  117. package/dist/select/index.js +96 -102
  118. package/dist/slider/index.d.ts.map +1 -1
  119. package/dist/slider/index.js +1 -1
  120. package/dist/status-pill/index.d.ts +18 -0
  121. package/dist/status-pill/index.d.ts.map +1 -0
  122. package/dist/status-pill/index.js +25 -0
  123. package/dist/tab-bar/index.js +1 -1
  124. package/dist/table/index.js +1 -1
  125. package/dist/tabs/index.d.ts.map +1 -1
  126. package/dist/tabs/index.js +9 -5
  127. package/dist/theme-toggle/index.d.ts +2 -1
  128. package/dist/theme-toggle/index.d.ts.map +1 -1
  129. package/dist/theme-toggle/index.js +35 -32
  130. package/dist/theme.css +62 -1
  131. package/dist/toast/index.d.ts.map +1 -1
  132. package/dist/toast/index.js +119 -106
  133. package/dist/tree/index.d.ts +22 -3
  134. package/dist/tree/index.d.ts.map +1 -1
  135. package/dist/tree/index.js +76 -56
  136. package/dist/utils/date.d.ts +6 -4
  137. package/dist/utils/date.d.ts.map +1 -1
  138. package/dist/utils/date.js +18 -16
  139. package/dist/utils/field-chevron.d.ts.map +1 -1
  140. package/dist/utils/field-chevron.js +5 -14
  141. package/dist/utils/status-icons.d.ts +1 -1
  142. package/dist/utils/status-icons.d.ts.map +1 -1
  143. package/dist/utils/status-icons.js +11 -41
  144. package/dist/utils/styles.d.ts +9 -3
  145. package/dist/utils/styles.d.ts.map +1 -1
  146. package/dist/utils/styles.js +2 -2
  147. package/dist/utils/theme-wave.d.ts +24 -0
  148. package/dist/utils/theme-wave.d.ts.map +1 -0
  149. package/dist/utils/theme-wave.js +219 -0
  150. package/dist/utils/typeahead.d.ts +12 -0
  151. package/dist/utils/typeahead.d.ts.map +1 -0
  152. package/dist/utils/typeahead.js +19 -0
  153. package/dist/zen.css +1 -1
  154. package/package.json +2 -1
  155. package/dist/icons/ellipsis.js +0 -31
  156. package/dist/icons/index.d.ts +0 -9
  157. package/dist/icons/index.d.ts.map +0 -1
  158. package/dist/icons/status.d.ts +0 -2
  159. package/dist/icons/status.d.ts.map +0 -1
@@ -1,61 +1,45 @@
1
1
  "use client";
2
2
  import { cx as e } from "../utils/cx.js";
3
- import { useFieldProps as t } from "../field/index.js";
4
- import { useEffect as n, useRef as r } from "react";
5
- import { jsx as i, jsxs as a } from "react/jsx-runtime";
3
+ import t from "../icons/micro/check.js";
4
+ import { useFieldProps as n } from "../field/index.js";
5
+ import r from "../icons/micro/minus.js";
6
+ import { useEffect as i, useRef as a } from "react";
7
+ import { jsx as o, jsxs as s } from "react/jsx-runtime";
6
8
  //#region packages/checkbox/index.tsx
7
- function o({ children: o, description: s, indeterminate: c = !1, onChange: l, className: u, ...d }) {
8
- let f = r(null);
9
- n(() => {
10
- f.current && (f.current.indeterminate = c);
11
- }, [c]);
12
- let p = t(d), m = /* @__PURE__ */ a("span", {
13
- className: e("zen__checkbox relative inline-grid size-[1.125rem] shrink-0 place-items-center", !o && u),
9
+ function c({ children: c, description: l, indeterminate: u = !1, onChange: d, className: f, ...p }) {
10
+ let m = a(null);
11
+ i(() => {
12
+ m.current && (m.current.indeterminate = u);
13
+ }, [u]);
14
+ let h = n(p), g = /* @__PURE__ */ s("span", {
15
+ className: e("zen__checkbox relative inline-grid size-[1.125rem] shrink-0 place-items-center", !c && f),
14
16
  children: [
15
- /* @__PURE__ */ i("input", {
16
- ref: f,
17
+ /* @__PURE__ */ o("input", {
18
+ ref: m,
17
19
  type: "checkbox",
18
- ...d,
19
20
  ...p,
20
- "aria-checked": c ? "mixed" : void 0,
21
- onChange: (e) => l?.(e.target.checked),
21
+ ...h,
22
+ "aria-checked": u ? "mixed" : void 0,
23
+ onChange: (e) => d?.(e.target.checked),
22
24
  className: e("peer border-tint/20 bg-tint/[0.04] m-0 size-full cursor-pointer appearance-none rounded-[5px] border", "outline-hidden transition-[background-color,border-color,box-shadow] duration-200", "hover:enabled:border-tint/35 focus-visible:ring-ring/50 focus-visible:ring-2", "checked:border-primary checked:bg-primary indeterminate:border-primary indeterminate:bg-primary", "checked:shadow-[0_0_14px_-2px_oklch(var(--glow)/0.8)] indeterminate:shadow-[0_0_14px_-2px_oklch(var(--glow)/0.8)]", "aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50")
23
25
  }),
24
- /* @__PURE__ */ i("svg", {
25
- viewBox: "0 0 16 16",
26
- fill: "none",
27
- stroke: "currentColor",
28
- strokeWidth: "2.2",
29
- strokeLinecap: "round",
30
- strokeLinejoin: "round",
31
- "aria-hidden": !0,
32
- className: "text-primary-foreground pointer-events-none absolute size-3 opacity-0 transition-opacity duration-150 peer-checked:opacity-100 peer-indeterminate:hidden [&>path]:transition-[stroke-dashoffset] [&>path]:duration-300 [&>path]:ease-out [&>path]:[stroke-dasharray:16] [&>path]:[stroke-dashoffset:16] peer-checked:[&>path]:[stroke-dashoffset:0]",
33
- children: /* @__PURE__ */ i("path", { d: "m3.5 8.5 3 3 6-7" })
34
- }),
35
- /* @__PURE__ */ i("svg", {
36
- viewBox: "0 0 16 16",
37
- stroke: "currentColor",
38
- strokeWidth: "2.2",
39
- strokeLinecap: "round",
40
- "aria-hidden": !0,
41
- className: "text-primary-foreground pointer-events-none absolute hidden size-3 peer-indeterminate:block",
42
- children: /* @__PURE__ */ i("path", { d: "M4 8h8" })
43
- })
26
+ /* @__PURE__ */ o(t, { className: "text-primary-foreground pointer-events-none absolute size-3.5 opacity-0 transition-[opacity,clip-path] duration-300 ease-out [clip-path:inset(0_100%_0_0)] peer-checked:opacity-100 peer-checked:[clip-path:inset(0)] peer-indeterminate:hidden" }),
27
+ /* @__PURE__ */ o(r, { className: "text-primary-foreground pointer-events-none absolute hidden size-3.5 peer-indeterminate:block" })
44
28
  ]
45
29
  });
46
- return o ? /* @__PURE__ */ a("label", {
47
- className: e("inline-flex cursor-pointer items-start gap-2.5 text-sm has-disabled:cursor-not-allowed has-disabled:opacity-60", u),
48
- children: [/* @__PURE__ */ i("span", {
30
+ return c ? /* @__PURE__ */ s("label", {
31
+ className: e("inline-flex cursor-pointer items-start gap-2.5 text-sm has-disabled:cursor-not-allowed has-disabled:opacity-60", f),
32
+ children: [/* @__PURE__ */ o("span", {
49
33
  className: "mt-px flex",
50
- children: m
51
- }), /* @__PURE__ */ a("span", {
34
+ children: g
35
+ }), /* @__PURE__ */ s("span", {
52
36
  className: "flex flex-col gap-0.5",
53
- children: [o, s && /* @__PURE__ */ i("span", {
37
+ children: [c, l && /* @__PURE__ */ o("span", {
54
38
  className: "text-muted-foreground text-xs",
55
- children: s
39
+ children: l
56
40
  })]
57
41
  })]
58
- }) : m;
42
+ }) : g;
59
43
  }
60
44
  //#endregion
61
- export { o as default };
45
+ export { c as default };
@@ -6,7 +6,7 @@ function n({ pressed: n, className: r, ...i }) {
6
6
  return /* @__PURE__ */ t("button", {
7
7
  type: "button",
8
8
  "aria-pressed": n,
9
- className: e("zen__chip border-tint/10 text-muted-foreground rounded-full border px-3 py-1 text-xs outline-hidden transition-colors", "hover:border-tint/20 hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "aria-pressed:border-primary/40 aria-pressed:bg-primary/15 aria-pressed:text-foreground", r),
9
+ className: e("zen__chip border-tint/10 text-muted-foreground cursor-pointer rounded-full border px-3 py-1 text-xs outline-hidden transition-colors disabled:cursor-not-allowed", "hover:border-tint/20 hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2", "aria-pressed:border-primary/40 aria-pressed:bg-primary/15 aria-pressed:text-foreground", r),
10
10
  ...i
11
11
  });
12
12
  }
@@ -27,7 +27,7 @@ function a({ code: a, language: o, highlight: s, copyable: c = !0, variant: l =
27
27
  onClick: async () => {
28
28
  await navigator.clipboard?.writeText(f), m(!0);
29
29
  },
30
- className: e("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 rounded-lg px-2.5 py-1 text-xs font-medium outline-hidden transition-[opacity,background-color,color] focus-visible:ring-2", "opacity-0 group-hover:opacity-100 focus-visible:opacity-100", p && "text-primary opacity-100"),
30
+ className: e("text-muted-foreground hover:bg-tint/[0.07] hover:text-foreground focus-visible:ring-ring/50 absolute top-2.5 right-2.5 cursor-pointer rounded-lg px-2.5 py-1 text-xs font-medium outline-hidden transition-[opacity,background-color,color] focus-visible:ring-2", "opacity-0 group-hover:opacity-100 focus-visible:opacity-100", p && "text-primary opacity-100"),
31
31
  children: p ? "Copied" : "Copy"
32
32
  })]
33
33
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/date-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAA+B,MAAM,iBAAiB,CAAC;AAG/F,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,WAA2B,EAC3B,OAAO,EACP,UAAoB,EACpB,GAAG,IAAI,EACV,EAAE,eAAe,+BAsBjB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,MAAU,EACV,WAA0B,EAC1B,OAAO,EACP,UAAoB,EACpB,GAAG,IAAI,EACV,EAAE,oBAAoB,+BA4BtB;AA8ED,UAAU,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC/F,qGAAqG;IACrG,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,sCAAsC;IACtC,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC3C,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,gGAAgG;AAChG,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAChD,sCAAsC;IACtC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,+DAA+D;IAC/D,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/date-picker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAA+B,MAAM,iBAAiB,CAAC;AAG/F,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,WAA2B,EAC3B,OAAO,EACP,UAAoB,EACpB,GAAG,IAAI,EACV,EAAE,eAAe,+BAsBjB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,UAAU,EACV,YAAY,EACZ,MAAU,EACV,WAA0B,EAC1B,OAAO,EACP,UAAoB,EACpB,GAAG,IAAI,EACV,EAAE,oBAAoB,+BA4BtB;AAmED,UAAU,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC/F,qGAAqG;IACrG,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,sCAAsC;IACtC,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC3C,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,gGAAgG;AAChG,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAChD,sCAAsC;IACtC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,+DAA+D;IAC/D,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}
@@ -5,17 +5,18 @@ import { POPUP as n, TRIGGER as r } from "../utils/styles.js";
5
5
  import { useFieldProps as i } from "../field/index.js";
6
6
  import { formatDate as a, formatDateRange as o } from "../utils/date.js";
7
7
  import s from "../calendar/index.js";
8
- import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
8
+ import c from "../icons/micro/calendar.js";
9
+ import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
9
10
  //#region packages/date-picker/index.tsx
10
- function d({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: o, weekStartsOn: c, placeholder: u = "Pick a date", onClear: d, clearLabel: f = "Clear", ...m }) {
11
- return /* @__PURE__ */ l(p, {
12
- ...m,
11
+ function f({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: o, weekStartsOn: c, placeholder: l = "Pick a date", onClear: d, clearLabel: f = "Clear", ...p }) {
12
+ return /* @__PURE__ */ u(m, {
13
+ ...p,
13
14
  shown: e ? a(e, n) : null,
14
- placeholder: u,
15
+ placeholder: l,
15
16
  label: "Choose date",
16
17
  onClear: e ? d : void 0,
17
18
  clearLabel: f,
18
- calendar: (a) => /* @__PURE__ */ l(s, {
19
+ calendar: (a) => /* @__PURE__ */ u(s, {
19
20
  autoFocus: !0,
20
21
  value: e,
21
22
  onChange: (e) => {
@@ -29,16 +30,16 @@ function d({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: o, we
29
30
  })
30
31
  });
31
32
  }
32
- function f({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: c, weekStartsOn: u, months: d = 1, placeholder: f = "Pick dates", onClear: m, clearLabel: h = "Clear", ...g }) {
33
+ function p({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: c, weekStartsOn: l, months: d = 1, placeholder: f = "Pick dates", onClear: p, clearLabel: h = "Clear", ...g }) {
33
34
  let _ = e ? e.end ? o(e.start, e.end, n) : `${a(e.start, n)} – …` : null;
34
- return /* @__PURE__ */ l(p, {
35
+ return /* @__PURE__ */ u(m, {
35
36
  ...g,
36
37
  shown: _,
37
38
  placeholder: f,
38
39
  label: "Choose dates",
39
- onClear: e ? m : void 0,
40
+ onClear: e ? p : void 0,
40
41
  clearLabel: h,
41
- calendar: (a) => /* @__PURE__ */ l(s, {
42
+ calendar: (a) => /* @__PURE__ */ u(s, {
42
43
  autoFocus: !0,
43
44
  mode: "range",
44
45
  value: e,
@@ -49,21 +50,21 @@ function f({ value: e, onChange: t, locale: n, min: r, max: i, isDisabled: c, we
49
50
  min: r,
50
51
  max: i,
51
52
  isDisabled: c,
52
- weekStartsOn: u,
53
+ weekStartsOn: l,
53
54
  months: d
54
55
  })
55
56
  });
56
57
  }
57
- function p({ shown: a, placeholder: o, label: s, calendar: d, onClear: f, clearLabel: p, id: h, className: g, disabled: _ = !1, style: v, ...y }) {
58
+ function m({ shown: a, placeholder: o, label: s, calendar: c, onClear: f, clearLabel: p, id: m, className: g, disabled: _ = !1, style: v, ...y }) {
58
59
  let b = t(), x = i({
59
60
  ...y,
60
- id: h
61
+ id: m
61
62
  }), S = () => b.setOpen(!1);
62
- return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("button", {
63
+ return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("button", {
63
64
  type: "button",
64
65
  ...y,
65
66
  ...x,
66
- id: h,
67
+ id: m,
67
68
  disabled: _,
68
69
  ...b.triggerProps,
69
70
  style: {
@@ -71,42 +72,27 @@ function p({ shown: a, placeholder: o, label: s, calendar: d, onClear: f, clearL
71
72
  ...v
72
73
  },
73
74
  className: e("zen__date-picker group", r, "w-full", b.open && "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", g),
74
- children: [/* @__PURE__ */ l("span", {
75
+ children: [/* @__PURE__ */ u("span", {
75
76
  className: e("truncate", !a && "text-muted-foreground"),
76
77
  children: a ?? o
77
- }), /* @__PURE__ */ l(m, {})]
78
- }), /* @__PURE__ */ u("div", {
78
+ }), /* @__PURE__ */ u(h, {})]
79
+ }), /* @__PURE__ */ d("div", {
79
80
  ...b.popupProps,
80
81
  role: "dialog",
81
82
  "aria-label": s,
82
83
  className: e("zen__popover", n, "p-3"),
83
- children: [b.open && d(S), f && /* @__PURE__ */ l("button", {
84
+ children: [b.open && c(S), f && /* @__PURE__ */ u("button", {
84
85
  type: "button",
85
86
  onClick: () => {
86
87
  f(), S();
87
88
  },
88
- className: "border-tint/[0.06] text-muted-foreground hover:text-foreground focus-visible:ring-ring/40 mt-2 w-full rounded-lg border-t px-2 pt-2.5 pb-1.5 text-sm outline-hidden focus-visible:ring-2",
89
+ className: "border-tint/[0.06] text-muted-foreground hover:text-foreground focus-visible:ring-ring/40 mt-2 w-full cursor-pointer rounded-lg border-t px-2 pt-2.5 pb-1.5 text-sm outline-hidden focus-visible:ring-2",
89
90
  children: p
90
91
  })]
91
92
  })] });
92
93
  }
93
- function m() {
94
- return /* @__PURE__ */ u("svg", {
95
- viewBox: "0 0 16 16",
96
- fill: "none",
97
- stroke: "currentColor",
98
- strokeWidth: "1.5",
99
- strokeLinecap: "round",
100
- "aria-hidden": !0,
101
- className: "text-muted-foreground group-data-popup-open:text-foreground size-4 shrink-0 transition-colors",
102
- children: [/* @__PURE__ */ l("rect", {
103
- x: "2.5",
104
- y: "3.5",
105
- width: "11",
106
- height: "10",
107
- rx: "2"
108
- }), /* @__PURE__ */ l("path", { d: "M2.5 6.5h11M5.5 2v3M10.5 2v3" })]
109
- });
94
+ function h() {
95
+ return /* @__PURE__ */ u(c, { className: "text-muted-foreground group-data-popup-open:text-foreground size-4 shrink-0 transition-colors" });
110
96
  }
111
97
  //#endregion
112
- export { f as DateRangePicker, d as default };
98
+ export { p as DateRangePicker, f as default };
@@ -32,7 +32,7 @@ function p({ className: n, onClick: r, children: i, ...a }) {
32
32
  onClick: (e) => {
33
33
  r?.(e), e.defaultPrevented || s(!o);
34
34
  },
35
- className: e("zen__disclosure group text-muted-foreground flex w-fit items-center gap-1.5 rounded-md text-sm font-medium outline-hidden", "hover:text-foreground aria-expanded:text-foreground transition-colors duration-200", "focus-visible:outline-ring/50 focus-visible:outline-2 focus-visible:outline-offset-4", n),
35
+ className: e("zen__disclosure group text-muted-foreground flex w-fit cursor-pointer items-center gap-1.5 rounded-md text-sm font-medium outline-hidden", "hover:text-foreground aria-expanded:text-foreground transition-colors duration-200", "focus-visible:outline-ring/50 focus-visible:outline-2 focus-visible:outline-offset-4", n),
36
36
  ...a,
37
37
  children: [/* @__PURE__ */ c(t, { className: e("text-inherit duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)]", !o && "-rotate-90") }), i]
38
38
  });
@@ -16,7 +16,7 @@ function i({ children: i, editor: a, label: o, readOnly: s = !1, editing: c, onE
16
16
  title: u,
17
17
  "aria-label": o ? `${o}. Edit` : void 0,
18
18
  onClick: () => h(!0),
19
- className: e("zen__editable-cell hover:bg-primary/10 focus-visible:ring-ring/50 w-full rounded-md px-1.5 py-0.5 text-right tabular-nums transition-colors focus-visible:ring-2 focus-visible:outline-hidden", d),
19
+ className: e("zen__editable-cell hover:bg-primary/10 focus-visible:ring-ring/50 w-full cursor-pointer rounded-md px-1.5 py-0.5 text-right tabular-nums transition-colors focus-visible:ring-2 focus-visible:outline-hidden", d),
20
20
  children: i
21
21
  });
22
22
  }
@@ -42,7 +42,7 @@ export declare function useFieldProps(props: {
42
42
  * same id as `htmlFor`: Zen's controls with that id pick them up themselves.
43
43
  */
44
44
  export default function Field({ label, hint, error, htmlFor, children, className }: FieldProps): import('react').JSX.Element;
45
- /** A message for a form as a whole: an error in a tinted box, or a quiet note. */
45
+ /** A message for a form as a whole: an error or success in a tinted box, or a quiet note. An Alert, set for forms. */
46
46
  export declare function FormMessage({ tone, children, className }: FormMessageProps): import('react').JSX.Element;
47
47
  export interface FieldProps {
48
48
  label: ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6D,SAAS,EAAqB,MAAM,OAAO,CAAC;AAEhH,gDAAgD;AAChD,MAAM,WAAW,YAAY;IACzB,gDAAgD;IAChD,EAAE,EAAE,MAAM,CAAC;IACX,wFAAwF;IACxF,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAID;;;;GAIG;AACH,wBAAgB,QAAQ,wBAEvB;AAMD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;;EAO1G;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,+BAiD7F;AAED,kFAAkF;AAClF,wBAAgB,WAAW,CAAC,EAAE,IAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAkBnF;AAED,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0FAA0F;IAC1F,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/field/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA6D,SAAS,EAAqB,MAAM,OAAO,CAAC;AAEhH,gDAAgD;AAChD,MAAM,WAAW,YAAY;IACzB,gDAAgD;IAChD,EAAE,EAAE,MAAM,CAAC;IACX,wFAAwF;IACxF,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAID;;;;GAIG;AACH,wBAAgB,QAAQ,wBAEvB;AAMD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;;EAO1G;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,+BAiD7F;AAED,sHAAsH;AACtH,wBAAgB,WAAW,CAAC,EAAE,IAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAUnF;AAED,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0FAA0F;IAC1F,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
@@ -1,66 +1,67 @@
1
1
  "use client";
2
2
  import { cx as e } from "../utils/cx.js";
3
- import { AlertIcon as t, CheckIcon as n, InfoIcon as r } from "../utils/status-icons.js";
4
- import { cloneElement as i, createContext as a, isValidElement as o, useContext as s, useId as c } from "react";
5
- import { jsx as l, jsxs as u } from "react/jsx-runtime";
3
+ import { AlertIcon as t } from "../utils/status-icons.js";
4
+ import n from "../alert/index.js";
5
+ import { cloneElement as r, createContext as i, isValidElement as a, useContext as o, useId as s } from "react";
6
+ import { jsx as c, jsxs as l } from "react/jsx-runtime";
6
7
  //#region packages/field/index.tsx
7
- var d = a(null);
8
- function f() {
9
- return s(d);
8
+ var u = i(null);
9
+ function d() {
10
+ return o(u);
10
11
  }
11
- var p = (...e) => [...new Set(e.flatMap((e) => e?.split(/\s+/) ?? []).filter(Boolean))].join(" ") || void 0;
12
- function m(e) {
13
- let t = f();
12
+ var f = (...e) => [...new Set(e.flatMap((e) => e?.split(/\s+/) ?? []).filter(Boolean))].join(" ") || void 0;
13
+ function p(e) {
14
+ let t = d();
14
15
  return !t || e.id !== t.id ? {} : {
15
- "aria-describedby": p(e["aria-describedby"], t["aria-describedby"]),
16
+ "aria-describedby": f(e["aria-describedby"], t["aria-describedby"]),
16
17
  "aria-invalid": e["aria-invalid"] ?? t["aria-invalid"]
17
18
  };
18
19
  }
19
- function h({ label: n, hint: r, error: a, htmlFor: s, children: f, className: m }) {
20
- let h = c(), g = !s && o(f) ? f : null, _ = s ?? g?.props.id ?? `${h}-control`, v = r && !a ? `${h}-hint` : void 0, y = a ? `${h}-error` : void 0, b = `${h}-label`, x = {
20
+ function m({ label: n, hint: i, error: o, htmlFor: d, children: p, className: m }) {
21
+ let h = s(), g = !d && a(p) ? p : null, _ = d ?? g?.props.id ?? `${h}-control`, v = i && !o ? `${h}-hint` : void 0, y = o ? `${h}-error` : void 0, b = `${h}-label`, x = {
21
22
  id: _,
22
23
  labelId: b,
23
- "aria-describedby": p(v, y),
24
- "aria-invalid": a ? !0 : void 0
24
+ "aria-describedby": f(v, y),
25
+ "aria-invalid": o ? !0 : void 0
25
26
  };
26
- return /* @__PURE__ */ l(d.Provider, {
27
+ return /* @__PURE__ */ c(u.Provider, {
27
28
  value: x,
28
- children: /* @__PURE__ */ u("div", {
29
+ children: /* @__PURE__ */ l("div", {
29
30
  className: e("zen__field flex flex-col gap-2", m),
30
31
  children: [
31
- /* @__PURE__ */ l("label", {
32
+ /* @__PURE__ */ c("label", {
32
33
  id: b,
33
34
  htmlFor: _,
34
35
  className: "text-sm leading-none font-medium",
35
36
  children: n
36
37
  }),
37
- g ? i(g, {
38
+ g ? r(g, {
38
39
  id: _,
39
- "aria-describedby": p(g.props["aria-describedby"], x["aria-describedby"]),
40
- "aria-invalid": a ? !0 : g.props["aria-invalid"]
41
- }) : f,
42
- v && /* @__PURE__ */ l("p", {
40
+ "aria-describedby": f(g.props["aria-describedby"], x["aria-describedby"]),
41
+ "aria-invalid": o ? !0 : g.props["aria-invalid"]
42
+ }) : p,
43
+ v && /* @__PURE__ */ c("p", {
43
44
  id: v,
44
45
  className: "text-muted-foreground mt-0! text-xs",
45
- children: r
46
+ children: i
46
47
  }),
47
- a && /* @__PURE__ */ u("p", {
48
+ o && /* @__PURE__ */ l("p", {
48
49
  id: y,
49
50
  role: "alert",
50
51
  className: "text-destructive mt-0! flex items-center gap-1.5 text-xs font-medium",
51
- children: [/* @__PURE__ */ l(t, { className: "shrink-0" }), a]
52
+ children: [/* @__PURE__ */ c(t, { className: "shrink-0" }), o]
52
53
  })
53
54
  ]
54
55
  })
55
56
  });
56
57
  }
57
- function g({ tone: i = "info", children: a, className: o }) {
58
- let s = i === "error" ? t : i === "success" ? n : r;
59
- return /* @__PURE__ */ u("p", {
60
- role: i === "error" ? "alert" : "status",
61
- className: e("mt-0! flex items-start gap-2 text-sm", i === "error" && "border-destructive/35 bg-destructive/10 text-destructive rounded-lg border px-3 py-2", i === "success" && "border-primary/30 bg-primary/10 text-primary rounded-lg border px-3 py-2", i === "info" && "text-muted-foreground", o),
62
- children: [/* @__PURE__ */ l(s, { className: "mt-0.5 shrink-0" }), /* @__PURE__ */ l("span", { children: a })]
58
+ function h({ tone: t = "info", children: r, className: i }) {
59
+ return /* @__PURE__ */ c(n, {
60
+ tone: t === "error" ? "negative" : t === "success" ? "positive" : "default",
61
+ plain: t === "info",
62
+ className: e("mt-0!", i),
63
+ children: r
63
64
  });
64
65
  }
65
66
  //#endregion
66
- export { g as FormMessage, h as default, f as useField, m as useFieldProps };
67
+ export { h as FormMessage, m as default, d as useField, p as useFieldProps };
@@ -3,6 +3,14 @@ import { ComponentProps } from 'react';
3
3
  * A sticky bar across the top of the page: the page colour, translucent and
4
4
  * heavily blurred, over a hairline. Clears the notch on phones, where it's
5
5
  * solid instead (a live blur over scrolling content stutters there).
6
+ *
7
+ * Its first stop for the keyboard is a "Skip to content" link, hidden until
8
+ * focused, that moves focus to the page's <main> past the bar's links (WCAG
9
+ * 2.4.1). Change its text with `skipLabel`, or pass null to leave it out.
6
10
  */
7
- export default function Header({ className, children, ...rest }: ComponentProps<'header'>): import('react').JSX.Element;
11
+ export default function Header({ skipLabel, className, children, ...rest }: HeaderProps): import('react').JSX.Element;
12
+ export interface HeaderProps extends ComponentProps<'header'> {
13
+ /** The skip link's text; null for no skip link (e.g. when the page has its own). */
14
+ skipLabel?: string | null;
15
+ }
8
16
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/header/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAgBxF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/header/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAA6B,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAoC1G;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACzD,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B"}
@@ -1,17 +1,25 @@
1
1
  "use client";
2
2
  import { cx as e } from "../utils/cx.js";
3
3
  import { useGraphicsMode as t } from "../utils/graphics.js";
4
- import { jsx as n } from "react/jsx-runtime";
4
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
5
  //#region packages/header/index.tsx
6
- function r({ className: r, children: i, ...a }) {
7
- return t(), /* @__PURE__ */ n("header", {
8
- className: e("zen__header glow-edge border-tint/5 bg-background/60 sticky top-0 z-40 border-b pt-[env(safe-area-inset-top)] backdrop-blur-xl", "pointer-coarse:bg-background/95 pointer-coarse:backdrop-blur-none", r),
9
- ...a,
10
- children: /* @__PURE__ */ n("div", {
11
- className: "flex items-center justify-between gap-4 px-4 py-2.5 md:gap-6 md:px-6 md:py-3",
6
+ function i({ skipLabel: i = "Skip to content", className: a, children: o, ...s }) {
7
+ return t(), /* @__PURE__ */ r("header", {
8
+ className: e("zen__header glow-edge border-tint/5 bg-background/60 sticky top-0 z-40 border-b pt-[env(safe-area-inset-top)] backdrop-blur-xl", "pointer-coarse:bg-background/95 pointer-coarse:backdrop-blur-none", a),
9
+ ...s,
10
+ children: [i !== null && /* @__PURE__ */ n("a", {
11
+ href: "#main",
12
+ onClick: (e) => {
13
+ let t = document.querySelector("main");
14
+ t && (e.preventDefault(), t.hasAttribute("tabindex") || (t.tabIndex = -1, t.dataset.zenSkipTarget = ""), t.focus());
15
+ },
16
+ className: "bg-primary text-primary-foreground focus-visible:ring-glow/50 sr-only rounded-lg px-3 py-2 text-sm font-medium outline-hidden focus:not-sr-only focus:absolute focus:top-2 focus:left-4 focus:z-50 focus-visible:ring-2",
12
17
  children: i
13
- })
18
+ }), /* @__PURE__ */ n("div", {
19
+ className: "flex items-center justify-between gap-4 px-4 py-2.5 md:gap-6 md:px-6 md:py-3",
20
+ children: o
21
+ })]
14
22
  });
15
23
  }
16
24
  //#endregion
17
- export { r as default };
25
+ export { i as default };
@@ -0,0 +1,3 @@
1
+ import { default as IconProps } from './icon.types';
2
+ export default function ArrowLeft(props: IconProps): import('react').JSX.Element;
3
+ //# sourceMappingURL=arrow-left.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"arrow-left.d.ts","sourceRoot":"","sources":["../../packages/icons/arrow-left.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,SAAS,+BAgBjD"}
@@ -0,0 +1,3 @@
1
+ import { default as IconProps } from './icon.types';
2
+ export default function ArrowRight(props: IconProps): import('react').JSX.Element;
3
+ //# sourceMappingURL=arrow-right.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"arrow-right.d.ts","sourceRoot":"","sources":["../../packages/icons/arrow-right.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,SAAS,+BAgBlD"}
@@ -0,0 +1,3 @@
1
+ import { default as IconProps } from './icon.types';
2
+ export default function Bars(props: IconProps): import('react').JSX.Element;
3
+ //# sourceMappingURL=bars.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"bars.d.ts","sourceRoot":"","sources":["../../packages/icons/bars.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,+BAgB5C"}
@@ -0,0 +1,3 @@
1
+ import { default as IconProps } from './icon.types';
2
+ export default function CalendarIcon(props: IconProps): import('react').JSX.Element;
3
+ //# sourceMappingURL=calendar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../packages/icons/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,SAAS,+BAoBpD"}
@@ -0,0 +1,3 @@
1
+ import { default as IconProps } from './icon.types';
2
+ export default function ChartBarIcon(props: IconProps): import('react').JSX.Element;
3
+ //# sourceMappingURL=chart-bar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart-bar.d.ts","sourceRoot":"","sources":["../../packages/icons/chart-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,SAAS,+BAoBpD"}
@@ -1 +1 @@
1
- {"version":3,"file":"chevron-down.d.ts","sourceRoot":"","sources":["../../packages/icons/chevron-down.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,SAAS,+BAcnD"}
1
+ {"version":3,"file":"chevron-down.d.ts","sourceRoot":"","sources":["../../packages/icons/chevron-down.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,SAAS,+BAgBnD"}
@@ -3,12 +3,14 @@ import { jsx as e } from "react/jsx-runtime";
3
3
  //#region packages/icons/chevron-down.tsx
4
4
  function t(t) {
5
5
  return /* @__PURE__ */ e("svg", {
6
+ className: "size-6",
6
7
  xmlns: "http://www.w3.org/2000/svg",
7
8
  fill: "none",
8
9
  viewBox: "0 0 24 24",
9
- strokeWidth: 1.5,
10
+ strokeWidth: "1.5",
10
11
  stroke: "currentColor",
11
- className: "h-6 w-6",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
12
14
  ...t,
13
15
  children: /* @__PURE__ */ e("path", {
14
16
  strokeLinecap: "round",
@@ -1 +1 @@
1
- {"version":3,"file":"chevron-left.d.ts","sourceRoot":"","sources":["../../packages/icons/chevron-left.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,SAAS,+BAcnD"}
1
+ {"version":3,"file":"chevron-left.d.ts","sourceRoot":"","sources":["../../packages/icons/chevron-left.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,SAAS,+BAgBnD"}
@@ -3,12 +3,14 @@ import { jsx as e } from "react/jsx-runtime";
3
3
  //#region packages/icons/chevron-left.tsx
4
4
  function t(t) {
5
5
  return /* @__PURE__ */ e("svg", {
6
+ className: "size-6",
6
7
  xmlns: "http://www.w3.org/2000/svg",
7
8
  fill: "none",
8
9
  viewBox: "0 0 24 24",
9
- strokeWidth: 1.5,
10
+ strokeWidth: "1.5",
10
11
  stroke: "currentColor",
11
- className: "h-6 w-6",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
12
14
  ...t,
13
15
  children: /* @__PURE__ */ e("path", {
14
16
  strokeLinecap: "round",
@@ -1 +1 @@
1
- {"version":3,"file":"chevron-right.d.ts","sourceRoot":"","sources":["../../packages/icons/chevron-right.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,SAAS,+BAcpD"}
1
+ {"version":3,"file":"chevron-right.d.ts","sourceRoot":"","sources":["../../packages/icons/chevron-right.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,SAAS,+BAgBpD"}
@@ -3,12 +3,14 @@ import { jsx as e } from "react/jsx-runtime";
3
3
  //#region packages/icons/chevron-right.tsx
4
4
  function t(t) {
5
5
  return /* @__PURE__ */ e("svg", {
6
+ className: "size-6",
6
7
  xmlns: "http://www.w3.org/2000/svg",
7
8
  fill: "none",
8
9
  viewBox: "0 0 24 24",
9
- strokeWidth: 1.5,
10
+ strokeWidth: "1.5",
10
11
  stroke: "currentColor",
11
- className: "h-6 w-6",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
12
14
  ...t,
13
15
  children: /* @__PURE__ */ e("path", {
14
16
  strokeLinecap: "round",
@@ -1 +1 @@
1
- {"version":3,"file":"chevron-up.d.ts","sourceRoot":"","sources":["../../packages/icons/chevron-up.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,SAAS,+BAcjD"}
1
+ {"version":3,"file":"chevron-up.d.ts","sourceRoot":"","sources":["../../packages/icons/chevron-up.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,SAAS,+BAgBjD"}
@@ -3,12 +3,14 @@ import { jsx as e } from "react/jsx-runtime";
3
3
  //#region packages/icons/chevron-up.tsx
4
4
  function t(t) {
5
5
  return /* @__PURE__ */ e("svg", {
6
+ className: "size-6",
6
7
  xmlns: "http://www.w3.org/2000/svg",
7
8
  fill: "none",
8
9
  viewBox: "0 0 24 24",
9
- strokeWidth: 1.5,
10
+ strokeWidth: "1.5",
10
11
  stroke: "currentColor",
11
- className: "h-6 w-6",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
12
14
  ...t,
13
15
  children: /* @__PURE__ */ e("path", {
14
16
  strokeLinecap: "round",
@@ -1,4 +1,3 @@
1
1
  import { default as IconProps } from './icon.types';
2
- /** "⋯": more actions. 16px by default. */
3
2
  export default function Ellipsis(props: IconProps): import('react').JSX.Element;
4
3
  //# sourceMappingURL=ellipsis.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ellipsis.d.ts","sourceRoot":"","sources":["../../packages/icons/ellipsis.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,0CAA0C;AAC1C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,SAAS,+BAQhD"}
1
+ {"version":3,"file":"ellipsis.d.ts","sourceRoot":"","sources":["../../packages/icons/ellipsis.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,SAAS,+BAchD"}
@@ -0,0 +1,3 @@
1
+ import { default as IconProps } from './icon.types';
2
+ export default function Flag(props: IconProps): import('react').JSX.Element;
3
+ //# sourceMappingURL=flag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flag.d.ts","sourceRoot":"","sources":["../../packages/icons/flag.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,+BAoB5C"}
@@ -0,0 +1,3 @@
1
+ import { default as IconProps } from './icon.types';
2
+ export default function ListBullet(props: IconProps): import('react').JSX.Element;
3
+ //# sourceMappingURL=list-bullet.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"list-bullet.d.ts","sourceRoot":"","sources":["../../packages/icons/list-bullet.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,SAAS,+BAoBlD"}