@devalok/shilp-sutra 0.1.0 → 0.1.1

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 (100) hide show
  1. package/dist/composed/avatar-group.d.ts.map +1 -1
  2. package/dist/composed/command-palette.js +3 -3
  3. package/dist/composed/content-card.d.ts.map +1 -1
  4. package/dist/composed/date-picker/time-picker.js +1 -1
  5. package/dist/composed/date-picker/use-calendar.d.ts.map +1 -1
  6. package/dist/composed/empty-state.d.ts.map +1 -1
  7. package/dist/composed/empty-state.js +1 -1
  8. package/dist/composed/error-boundary.js +1 -1
  9. package/dist/composed/lib/string-utils.d.ts.map +1 -1
  10. package/dist/composed/lib/string-utils.js +6 -4
  11. package/dist/composed/loading-skeleton.d.ts.map +1 -1
  12. package/dist/composed/loading-skeleton.js +32 -32
  13. package/dist/composed/page-header.d.ts.map +1 -1
  14. package/dist/composed/page-skeletons.d.ts.map +1 -1
  15. package/dist/composed/page-skeletons.js +38 -38
  16. package/dist/composed/priority-indicator.d.ts.map +1 -1
  17. package/dist/composed/rich-text-editor.d.ts.map +1 -1
  18. package/dist/composed/rich-text-editor.js +46 -44
  19. package/dist/composed/status-badge.d.ts.map +1 -1
  20. package/dist/composed/status-badge.js +6 -6
  21. package/dist/hooks/use-color-mode.d.ts.map +1 -1
  22. package/dist/hooks/use-color-mode.js +8 -8
  23. package/dist/hooks/use-toast.d.ts.map +1 -1
  24. package/dist/hooks/use-toast.js +2 -2
  25. package/dist/shell/app-command-palette.d.ts +2 -3
  26. package/dist/shell/app-command-palette.d.ts.map +1 -1
  27. package/dist/shell/app-command-palette.js +1 -1
  28. package/dist/shell/bottom-navbar.d.ts.map +1 -1
  29. package/dist/shell/bottom-navbar.js +39 -37
  30. package/dist/shell/index.d.ts +3 -2
  31. package/dist/shell/index.d.ts.map +1 -1
  32. package/dist/shell/index.js +15 -12
  33. package/dist/shell/link-context.d.ts +11 -0
  34. package/dist/shell/link-context.d.ts.map +1 -0
  35. package/dist/shell/link-context.js +18 -0
  36. package/dist/shell/notification-center.d.ts.map +1 -1
  37. package/dist/shell/notification-center.js +20 -19
  38. package/dist/shell/notification-preferences.d.ts +2 -3
  39. package/dist/shell/notification-preferences.d.ts.map +1 -1
  40. package/dist/shell/notification-preferences.js +13 -13
  41. package/dist/shell/sidebar.d.ts.map +1 -1
  42. package/dist/shell/sidebar.js +31 -30
  43. package/dist/shell/top-bar.d.ts.map +1 -1
  44. package/dist/shell/top-bar.js +34 -30
  45. package/dist/tailwind/preset.d.ts.map +1 -1
  46. package/dist/tailwind/preset.js +32 -2
  47. package/dist/ui/alert.d.ts.map +1 -1
  48. package/dist/ui/alert.js +1 -1
  49. package/dist/ui/autocomplete.js +34 -34
  50. package/dist/ui/avatar.js +12 -12
  51. package/dist/ui/badge.d.ts.map +1 -1
  52. package/dist/ui/badge.js +3 -3
  53. package/dist/ui/banner.d.ts.map +1 -1
  54. package/dist/ui/button.js +1 -1
  55. package/dist/ui/card.d.ts.map +1 -1
  56. package/dist/ui/card.js +1 -1
  57. package/dist/ui/charts/_internal/animation.d.ts.map +1 -1
  58. package/dist/ui/charts/_internal/axes.d.ts.map +1 -1
  59. package/dist/ui/charts/_internal/tooltip.d.ts.map +1 -1
  60. package/dist/ui/charts/bar-chart.js +1 -1
  61. package/dist/ui/charts/chart-container.js +11 -11
  62. package/dist/ui/charts/line-chart.js +1 -1
  63. package/dist/ui/charts/radar-chart.js +20 -20
  64. package/dist/ui/chip.d.ts.map +1 -1
  65. package/dist/ui/chip.js +34 -36
  66. package/dist/ui/code.d.ts.map +1 -1
  67. package/dist/ui/code.js +13 -13
  68. package/dist/ui/combobox.js +1 -1
  69. package/dist/ui/container.d.ts.map +1 -1
  70. package/dist/ui/context-menu.js +1 -1
  71. package/dist/ui/data-table.d.ts.map +1 -1
  72. package/dist/ui/data-table.js +78 -78
  73. package/dist/ui/dropdown-menu.js +22 -22
  74. package/dist/ui/file-upload.js +59 -59
  75. package/dist/ui/icon-button.d.ts.map +1 -1
  76. package/dist/ui/input-otp.js +1 -1
  77. package/dist/ui/input.d.ts.map +1 -1
  78. package/dist/ui/menubar.js +22 -22
  79. package/dist/ui/navigation-menu.js +6 -6
  80. package/dist/ui/number-input.js +1 -1
  81. package/dist/ui/search-input.js +10 -10
  82. package/dist/ui/segmented-control.d.ts.map +1 -1
  83. package/dist/ui/segmented-control.js +3 -4
  84. package/dist/ui/select.js +2 -2
  85. package/dist/ui/sidebar.js +52 -52
  86. package/dist/ui/skeleton.d.ts.map +1 -1
  87. package/dist/ui/spinner.d.ts.map +1 -1
  88. package/dist/ui/stack.d.ts.map +1 -1
  89. package/dist/ui/stack.js +46 -21
  90. package/dist/ui/stat-card.d.ts.map +1 -1
  91. package/dist/ui/stepper.js +25 -25
  92. package/dist/ui/table.d.ts.map +1 -1
  93. package/dist/ui/table.js +12 -12
  94. package/dist/ui/text.d.ts.map +1 -1
  95. package/dist/ui/textarea.d.ts.map +1 -1
  96. package/dist/ui/textarea.js +1 -0
  97. package/dist/ui/toast.js +1 -1
  98. package/dist/ui/tree-view/tree-item.js +1 -1
  99. package/dist/ui/visually-hidden.d.ts.map +1 -1
  100. package/package.json +5 -7
@@ -1,58 +1,58 @@
1
- import { jsxs as K, jsx as p } from "react/jsx-runtime";
1
+ import { jsxs as O, jsx as p } from "react/jsx-runtime";
2
2
  import * as t from "react";
3
3
  import { cn as b } from "./lib/utils.js";
4
- const O = t.forwardRef(
4
+ const T = t.forwardRef(
5
5
  ({
6
6
  options: x,
7
- value: s,
7
+ value: o,
8
8
  onChange: u,
9
9
  placeholder: D,
10
10
  emptyText: I = "No options",
11
- disabled: y,
11
+ disabled: h,
12
12
  className: R,
13
13
  id: N
14
14
  }, i) => {
15
- const E = t.useId(), w = N || E, g = `${w}-listbox`, v = `${w}-option`, [f, k] = t.useState((s == null ? void 0 : s.label) ?? ""), [c, a] = t.useState(!1), [r, l] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), h = t.useRef(), M = t.useCallback(
15
+ const E = t.useId(), w = N || E, k = `${w}-listbox`, v = `${w}-option`, [f, g] = t.useState((o == null ? void 0 : o.label) ?? ""), [c, l] = t.useState(!1), [r, a] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), y = t.useRef(), M = t.useCallback(
16
16
  (e) => {
17
17
  $.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
18
18
  },
19
19
  [i]
20
20
  );
21
21
  t.useEffect(() => () => {
22
- h.current && clearTimeout(h.current);
22
+ y.current && clearTimeout(y.current);
23
23
  }, []);
24
24
  const n = t.useMemo(
25
25
  () => f ? x.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())) : x,
26
26
  [x, f]
27
27
  ), m = t.useCallback(
28
28
  (e) => {
29
- k(e.label), a(!1), l(-1), u == null || u(e);
29
+ g(e.label), l(!1), a(-1), u == null || u(e);
30
30
  },
31
31
  [u]
32
- ), z = t.useCallback(
32
+ ), S = t.useCallback(
33
33
  (e) => {
34
34
  if (!c) {
35
- (e.key === "ArrowDown" || e.key === "Enter") && a(!0);
35
+ (e.key === "ArrowDown" || e.key === "Enter") && l(!0);
36
36
  return;
37
37
  }
38
38
  switch (e.key) {
39
39
  case "ArrowDown":
40
- e.preventDefault(), l((o) => Math.min(o + 1, n.length - 1));
40
+ e.preventDefault(), a((s) => Math.min(s + 1, n.length - 1));
41
41
  break;
42
42
  case "ArrowUp":
43
- e.preventDefault(), l((o) => Math.max(o - 1, 0));
43
+ e.preventDefault(), a((s) => Math.max(s - 1, 0));
44
44
  break;
45
45
  case "Enter":
46
46
  e.preventDefault(), r >= 0 && n[r] && m(n[r]);
47
47
  break;
48
48
  case "Escape":
49
- a(!1), l(-1);
49
+ l(!1), a(-1);
50
50
  break;
51
51
  }
52
52
  },
53
53
  [c, n, r, m]
54
- ), S = r >= 0 ? `${v}-${r}` : void 0;
55
- return /* @__PURE__ */ K("div", { className: b("relative", R), children: [
54
+ ), K = r >= 0 ? `${v}-${r}` : void 0;
55
+ return /* @__PURE__ */ O("div", { className: b("relative", R), children: [
56
56
  /* @__PURE__ */ p(
57
57
  "input",
58
58
  {
@@ -61,54 +61,54 @@ const O = t.forwardRef(
61
61
  role: "combobox",
62
62
  "aria-expanded": c,
63
63
  "aria-autocomplete": "list",
64
- "aria-controls": c ? g : void 0,
65
- "aria-activedescendant": S,
64
+ "aria-controls": c ? k : void 0,
65
+ "aria-activedescendant": K,
66
66
  value: f,
67
67
  placeholder: D,
68
- disabled: y,
68
+ disabled: h,
69
69
  className: b(
70
- "flex h-ds-md w-full rounded-ds-md border border-border bg-field px-ds-04 py-ds-03 font-sans text-[length:var(--font-size-md)] text-text-primary placeholder:text-text-placeholder",
71
- "outline-none focus:ring-2 focus:ring-focus focus:ring-offset-[var(--border-focus-offset)]",
70
+ "flex h-ds-md w-full rounded-ds-md border border-border bg-field px-ds-04 py-ds-03 font-sans text-ds-md text-text-primary placeholder:text-text-placeholder",
71
+ "outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-[var(--border-focus-offset)]",
72
72
  "transition-colors duration-fast-01",
73
- y && "opacity-[var(--action-disabled-opacity,0.38)] cursor-not-allowed"
73
+ h && "opacity-[var(--action-disabled-opacity,0.38)] cursor-not-allowed"
74
74
  ),
75
75
  onChange: (e) => {
76
- k(e.target.value), a(!0), l(-1);
76
+ g(e.target.value), l(!0), a(-1);
77
77
  },
78
- onFocus: () => a(!0),
78
+ onFocus: () => l(!0),
79
79
  onBlur: () => {
80
- h.current = setTimeout(() => a(!1), 150);
80
+ y.current = setTimeout(() => l(!1), 150);
81
81
  },
82
- onKeyDown: z
82
+ onKeyDown: S
83
83
  }
84
84
  ),
85
85
  c && /* @__PURE__ */ p(
86
86
  "ul",
87
87
  {
88
- id: g,
88
+ id: k,
89
89
  ref: A,
90
90
  role: "listbox",
91
91
  className: b(
92
92
  "absolute z-dropdown mt-ds-02 w-full overflow-auto rounded-ds-md border border-border bg-layer-01 shadow-02",
93
93
  "max-h-60"
94
94
  ),
95
- children: n.length === 0 ? /* @__PURE__ */ p("li", { className: "px-ds-04 py-ds-03 text-[length:var(--font-size-md)] text-text-secondary", children: I }) : n.map((e, o) => /* @__PURE__ */ p(
95
+ children: n.length === 0 ? /* @__PURE__ */ p("li", { className: "px-ds-04 py-ds-03 text-ds-md text-text-secondary", children: I }) : n.map((e, s) => /* @__PURE__ */ p(
96
96
  "li",
97
97
  {
98
- id: `${v}-${o}`,
98
+ id: `${v}-${s}`,
99
99
  role: "option",
100
- "aria-selected": r === o,
100
+ "aria-selected": r === s,
101
101
  className: b(
102
- "cursor-pointer px-ds-04 py-ds-03 text-[length:var(--font-size-md)] text-text-primary transition-colors duration-fast-01",
103
- r === o && "bg-interactive-selected",
104
- (s == null ? void 0 : s.value) === e.value && "font-[number:var(--font-weight-semibold)]"
102
+ "cursor-pointer px-ds-04 py-ds-03 text-ds-md text-text-primary transition-colors duration-fast-01",
103
+ r === s && "bg-interactive-selected",
104
+ (o == null ? void 0 : o.value) === e.value && "font-semibold"
105
105
  ),
106
106
  onMouseDown: (d) => d.preventDefault(),
107
107
  onClick: () => m(e),
108
108
  onKeyDown: (d) => {
109
109
  (d.key === "Enter" || d.key === " ") && (d.preventDefault(), m(e));
110
110
  },
111
- onMouseEnter: () => l(o),
111
+ onMouseEnter: () => a(s),
112
112
  children: e.label
113
113
  },
114
114
  e.value
@@ -118,7 +118,7 @@ const O = t.forwardRef(
118
118
  ] });
119
119
  }
120
120
  );
121
- O.displayName = "Autocomplete";
121
+ T.displayName = "Autocomplete";
122
122
  export {
123
- O as Autocomplete
123
+ T as Autocomplete
124
124
  };
package/dist/ui/avatar.js CHANGED
@@ -1,9 +1,9 @@
1
- import { jsxs as u, jsx as l } from "react/jsx-runtime";
1
+ import { jsxs as p, jsx as l } from "react/jsx-runtime";
2
2
  import * as i from "react";
3
3
  import { Root as n, Fallback as o, Image as t } from "../primitives/react-avatar.js";
4
- import { cva as p } from "class-variance-authority";
4
+ import { cva as u } from "class-variance-authority";
5
5
  import { cn as r } from "./lib/utils.js";
6
- const w = p(
6
+ const w = u(
7
7
  "relative flex shrink-0 overflow-hidden",
8
8
  {
9
9
  variants: {
@@ -27,18 +27,18 @@ const w = p(
27
27
  offline: "bg-layer-03",
28
28
  busy: "bg-error",
29
29
  away: "bg-warning"
30
- }, b = {
30
+ }, x = {
31
31
  online: "Online",
32
32
  offline: "Offline",
33
33
  busy: "Busy",
34
34
  away: "Away"
35
- }, g = {
35
+ }, b = {
36
36
  xs: "h-ds-02b w-ds-02b",
37
- sm: "h-2 w-2",
37
+ sm: "h-[8px] w-[8px]",
38
38
  md: "h-ds-03 w-ds-03",
39
- lg: "h-3 w-3",
39
+ lg: "h-[12px] w-[12px]",
40
40
  xl: "h-ds-04 w-ds-04"
41
- }, x = i.forwardRef(({ className: a, size: s, shape: e, status: d, children: m, ...f }, c) => /* @__PURE__ */ u("span", { className: "relative inline-flex shrink-0", children: [
41
+ }, g = i.forwardRef(({ className: a, size: s, shape: e, status: d, children: m, ...f }, c) => /* @__PURE__ */ p("span", { className: "relative inline-flex shrink-0", children: [
42
42
  /* @__PURE__ */ l(
43
43
  n,
44
44
  {
@@ -54,14 +54,14 @@ const w = p(
54
54
  className: r(
55
55
  "absolute bottom-0 right-0 rounded-ds-full ring-2 ring-layer-01",
56
56
  h[d],
57
- g[s ?? "md"]
57
+ b[s ?? "md"]
58
58
  ),
59
59
  role: "img",
60
- "aria-label": b[d]
60
+ "aria-label": x[d]
61
61
  }
62
62
  )
63
63
  ] }));
64
- x.displayName = n.displayName;
64
+ g.displayName = n.displayName;
65
65
  const y = i.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ l(
66
66
  t,
67
67
  {
@@ -84,7 +84,7 @@ const v = i.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ l(
84
84
  ));
85
85
  v.displayName = o.displayName;
86
86
  export {
87
- x as Avatar,
87
+ g as Avatar,
88
88
  v as AvatarFallback,
89
89
  y as AvatarImage,
90
90
  w as avatarVariants
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;;8EA+ClB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,oFAwBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;;8EA+ClB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,oFAwBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
package/dist/ui/badge.js CHANGED
@@ -25,7 +25,7 @@ const u = l(
25
25
  emerald: "bg-category-emerald-surface text-category-emerald-text border-category-emerald-border"
26
26
  },
27
27
  size: {
28
- sm: "h-5 px-ds-03 text-ds-xs",
28
+ sm: "h-[20px] px-ds-03 text-ds-xs",
29
29
  md: "h-ds-xs px-ds-03 text-ds-sm",
30
30
  lg: "h-ds-xs-plus px-ds-04 text-ds-md"
31
31
  }
@@ -40,7 +40,7 @@ const u = l(
40
40
  s && /* @__PURE__ */ e(
41
41
  "span",
42
42
  {
43
- className: "h-ds-02b w-ds-02b rounded-ds-full bg-current opacity-70 shrink-0",
43
+ className: "h-ds-02b w-ds-02b rounded-ds-full bg-current opacity-[0.7] shrink-0",
44
44
  "aria-hidden": "true"
45
45
  }
46
46
  ),
@@ -52,7 +52,7 @@ const u = l(
52
52
  onClick: r,
53
53
  className: "ml-ds-01 rounded-ds-full text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus",
54
54
  "aria-label": "Remove",
55
- children: /* @__PURE__ */ e(b, { className: "h-3 w-3" })
55
+ children: /* @__PURE__ */ e(b, { className: "h-ico-sm w-ico-sm" })
56
56
  }
57
57
  )
58
58
  ] })
@@ -1 +1 @@
1
- {"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/ui/banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;8EAmBnB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,MAAM,oFAsBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/ui/banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;8EAmBnB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,MAAM,oFAsBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
package/dist/ui/button.js CHANGED
@@ -15,7 +15,7 @@ const p = B(
15
15
  ghost: "bg-transparent text-text-secondary hover:bg-layer-02 hover:text-text-primary active:bg-layer-active",
16
16
  error: "bg-error text-text-on-color hover:bg-error-hover active:bg-error-hover shadow-01",
17
17
  "error-ghost": "bg-transparent text-error border border-border-error hover:bg-error-surface active:bg-error-surface",
18
- link: "text-text-link underline-offset-4 hover:underline active:opacity-80"
18
+ link: "text-text-link underline-offset-4 hover:underline active:opacity-[0.8]"
19
19
  },
20
20
  size: {
21
21
  sm: "h-ds-sm rounded-ds-md px-ds-04 text-ds-sm",
@@ -1 +1 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,YAAY;;8EAajB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,IAAI,kFAaT,CAAA;AAGD,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,QAAA,MAAM,SAAS,6GASb,CAAA;AAGF,QAAA,MAAM,eAAe,6GASnB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAKf,CAAA;AAGF,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,YAAY;;8EAajB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,IAAI,kFAaT,CAAA;AAGD,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,QAAA,MAAM,SAAS,6GASb,CAAA;AAGF,QAAA,MAAM,eAAe,6GASnB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAKf,CAAA;AAGF,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}
package/dist/ui/card.js CHANGED
@@ -43,7 +43,7 @@ const m = t.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ d(
43
43
  "div",
44
44
  {
45
45
  ref: e,
46
- className: o("font-sans font-semibold leading-none tracking-tight text-text-primary", r),
46
+ className: o("font-sans font-semibold leading-ds-none tracking-ds-tight text-text-primary", r),
47
47
  ...a
48
48
  }
49
49
  ));
@@ -1 +1 @@
1
- {"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/animation.ts"],"names":[],"mappings":"AAEA,4CAA4C;AAC5C,wBAAgB,gBAAgB,IAAI,OAAO,CAY1C;AAED,mEAAmE;AACnE,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,SAAM,GAAG,MAAM,CAEpF"}
1
+ {"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/animation.ts"],"names":[],"mappings":"AAIA,4CAA4C;AAC5C,wBAAgB,gBAAgB,IAAI,OAAO,CAY1C;AAED,mEAAmE;AACnE,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,SAAM,GAAG,MAAM,CAEpF"}
@@ -1 +1 @@
1
- {"version":3,"file":"axes.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/axes.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAE7E,MAAM,MAAM,QAAQ,GAChB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3B,SAAS,CAAC,MAAM,CAAC,GACjB,UAAU,CAAC,MAAM,CAAC,GAClB,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAE7B,UAAU,SAAS;IACjB,KAAK,EAAE,QAAQ,CAAA;IACf,WAAW,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,KAAK,EACL,SAAS,GACV,EAAE,SAAS,2CAoDX;yBA5De,IAAI"}
1
+ {"version":3,"file":"axes.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/axes.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAE7E,MAAM,MAAM,QAAQ,GAChB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3B,SAAS,CAAC,MAAM,CAAC,GACjB,UAAU,CAAC,MAAM,CAAC,GAClB,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAE7B,UAAU,SAAS;IACjB,KAAK,EAAE,QAAQ,CAAA;IACf,WAAW,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,KAAK,EACL,SAAS,GACV,EAAE,SAAS,2CAoDX;yBA5De,IAAI"}
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,kDAkBnE;yBAlBe,YAAY;;;AAqB5B,yCAAyC;AACzC,wBAAgB,eAAe;;cAQA,MAAM,KAAK,MAAM,WAAW,KAAK,CAAC,SAAS;;EASzE;AAED,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,kDAkBnE;yBAlBe,YAAY;;;AAqB5B,yCAAyC;AACzC,wBAAgB,eAAe;;cAQA,MAAM,KAAK,MAAM,WAAW,KAAK,CAAC,SAAS;;EASzE;AAED,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
@@ -79,7 +79,7 @@ function it({
79
79
  height: Math.max(0, w),
80
80
  rx: E,
81
81
  fill: K,
82
- className: "transition-opacity hover:opacity-80",
82
+ className: "transition-opacity hover:opacity-[0.8]",
83
83
  onMouseMove: (R) => {
84
84
  var W;
85
85
  if (z) {
@@ -1,26 +1,26 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
2
  import { useRef as u, useState as p, useEffect as g } from "react";
3
3
  import { cn as v } from "../lib/utils.js";
4
- import { DEFAULT_MARGIN as w } from "./_internal/types.js";
5
- function R({
4
+ import { DEFAULT_MARGIN as b } from "./_internal/types.js";
5
+ function w({
6
6
  height: i = 300,
7
- margin: c,
8
- className: a,
7
+ margin: s,
8
+ className: c,
9
9
  children: m
10
10
  }) {
11
- const e = u(null), [r, f] = p(0), t = { ...w, ...c };
11
+ const e = u(null), [r, f] = p(0), t = { ...b, ...s };
12
12
  g(() => {
13
13
  if (!e.current) return;
14
14
  const o = new ResizeObserver((d) => {
15
- const s = d[0];
16
- s && f(s.contentRect.width);
15
+ const a = d[0];
16
+ a && f(a.contentRect.width);
17
17
  });
18
18
  return o.observe(e.current), () => o.disconnect();
19
19
  }, []);
20
- const h = Math.max(0, r - t.left - t.right), l = Math.max(0, i - t.top - t.bottom);
21
- return /* @__PURE__ */ n("div", { ref: e, className: v("relative w-full", a), children: r > 0 && /* @__PURE__ */ n("svg", { width: r, height: i, role: "img", children: /* @__PURE__ */ n("g", { transform: `translate(${t.left},${t.top})`, children: m({ width: h, height: l, margin: t }) }) }) });
20
+ const l = Math.max(0, r - t.left - t.right), h = Math.max(0, i - t.top - t.bottom);
21
+ return /* @__PURE__ */ n("div", { ref: e, className: v("relative w-full", c), children: r > 0 && /* @__PURE__ */ n("svg", { width: r, height: i, role: "img", "aria-label": "Chart", children: /* @__PURE__ */ n("g", { transform: `translate(${t.left},${t.top})`, children: m({ width: l, height: h, margin: t }) }) }) });
22
22
  }
23
- R.displayName = "ChartContainer";
23
+ w.displayName = "ChartContainer";
24
24
  export {
25
- R as ChartContainer
25
+ w as ChartContainer
26
26
  };
@@ -76,7 +76,7 @@ function te({
76
76
  cy: h,
77
77
  r: C,
78
78
  fill: f[o],
79
- className: "transition-opacity hover:opacity-80"
79
+ className: "transition-opacity hover:opacity-[0.8]"
80
80
  },
81
81
  `${e.key}-dot-${l}`
82
82
  );
@@ -53,9 +53,9 @@ function K({
53
53
  "aria-label": "Radar chart",
54
54
  children: /* @__PURE__ */ i("g", { transform: `translate(${p / 2},${M / 2})`, children: [
55
55
  Array.from({ length: h }, (e, t) => {
56
- const r = c / h * (t + 1), n = d.map((l, a) => {
57
- const o = m * a - Math.PI / 2;
58
- return `${r * Math.cos(o)},${r * Math.sin(o)}`;
56
+ const r = c / h * (t + 1), n = d.map((l, o) => {
57
+ const a = m * o - Math.PI / 2;
58
+ return `${r * Math.cos(a)},${r * Math.sin(a)}`;
59
59
  }).join(" ");
60
60
  return /* @__PURE__ */ s(
61
61
  "polygon",
@@ -85,14 +85,14 @@ function K({
85
85
  );
86
86
  }),
87
87
  d.map((e, t) => {
88
- const r = m * t - Math.PI / 2, n = c + 18, l = n * Math.cos(r), a = n * Math.sin(r);
89
- let o = "middle";
90
- return Math.abs(Math.cos(r)) > 0.1 && (o = Math.cos(r) > 0 ? "start" : "end"), /* @__PURE__ */ s(
88
+ const r = m * t - Math.PI / 2, n = c + 18, l = n * Math.cos(r), o = n * Math.sin(r);
89
+ let a = "middle";
90
+ return Math.abs(Math.cos(r)) > 0.1 && (a = Math.cos(r) > 0 ? "start" : "end"), /* @__PURE__ */ s(
91
91
  "text",
92
92
  {
93
93
  x: l,
94
- y: a,
95
- textAnchor: o,
94
+ y: o,
95
+ textAnchor: a,
96
96
  dominantBaseline: "central",
97
97
  className: "fill-text-secondary text-ds-xs",
98
98
  children: e
@@ -101,15 +101,15 @@ function K({
101
101
  );
102
102
  }),
103
103
  Array.from({ length: h }, (e, t) => {
104
- const r = Math.round(x / h * (t + 1)), n = c / h * (t + 1), l = -Math.PI / 2, a = n * Math.cos(l) + 4, o = n * Math.sin(l);
104
+ const r = Math.round(x / h * (t + 1)), n = c / h * (t + 1), l = -Math.PI / 2, o = n * Math.cos(l) + 4, a = n * Math.sin(l);
105
105
  return /* @__PURE__ */ s(
106
106
  "text",
107
107
  {
108
- x: a,
109
- y: o,
108
+ x: o,
109
+ y: a,
110
110
  textAnchor: "start",
111
111
  dominantBaseline: "auto",
112
- className: "fill-[var(--color-text-muted)] text-ds-xs",
112
+ className: "fill-text-tertiary text-ds-xs",
113
113
  children: r
114
114
  },
115
115
  `level-label-${t}`
@@ -129,12 +129,12 @@ function K({
129
129
  strokeLinejoin: "round"
130
130
  }
131
131
  ),
132
- C && r.map((l, a) => {
133
- const { x: o, y } = A(a, l);
132
+ C && r.map((l, o) => {
133
+ const { x: a, y } = A(o, l);
134
134
  return /* @__PURE__ */ s(
135
135
  "circle",
136
136
  {
137
- cx: o,
137
+ cx: a,
138
138
  cy: y,
139
139
  r: 4,
140
140
  fill: f[t],
@@ -142,7 +142,7 @@ function K({
142
142
  strokeWidth: 2,
143
143
  className: "transition-opacity"
144
144
  },
145
- `dot-${e.key}-${a}`
145
+ `dot-${e.key}-${o}`
146
146
  );
147
147
  })
148
148
  ] }, e.key) : null;
@@ -157,12 +157,12 @@ function K({
157
157
  r: 16,
158
158
  fill: "transparent",
159
159
  className: "cursor-pointer",
160
- onMouseMove: (a) => {
160
+ onMouseMove: (o) => {
161
161
  var y;
162
- const o = (y = a.currentTarget.closest("div")) == null ? void 0 : y.getBoundingClientRect();
162
+ const a = (y = o.currentTarget.closest("div")) == null ? void 0 : y.getBoundingClientRect();
163
163
  _(
164
- a.clientX - ((o == null ? void 0 : o.left) ?? 0),
165
- a.clientY - ((o == null ? void 0 : o.top) ?? 0),
164
+ o.clientX - ((a == null ? void 0 : a.left) ?? 0),
165
+ o.clientY - ((a == null ? void 0 : a.top) ?? 0),
166
166
  /* @__PURE__ */ i("div", { children: [
167
167
  /* @__PURE__ */ s("div", { className: "font-medium", children: e }),
168
168
  u.map((b, V) => {
@@ -1 +1 @@
1
- {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/ui/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,YAAY;;;;8EA6DjB,CAAA;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEzJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,KAAK,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI;;;;;WATD,MAAM;YACL,SAAS;WACV,KAAK,CAAC,SAAS;cACZ,KAAK,CAAC,iBAAiB;eACtB,MAAM,IAAI;eACV,OAAO;gBACN,MAAM;qCA8CnB,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,CAAA"}
1
+ {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/ui/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,YAAY;;;;8EA6DjB,CAAA;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEzJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,KAAK,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI;;;;;WATD,MAAM;YACL,SAAS;WACV,KAAK,CAAC,SAAS;cACZ,KAAK,CAAC,iBAAiB;eACtB,MAAM,IAAI;eACV,OAAO;gBACN,MAAM;qCAyCnB,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,CAAA"}
package/dist/ui/chip.js CHANGED
@@ -1,9 +1,10 @@
1
- import { jsxs as l, Fragment as p, jsx as r } from "react/jsx-runtime";
2
- import * as i from "react";
1
+ import { jsxs as u, jsx as e } from "react/jsx-runtime";
2
+ import * as v from "react";
3
+ import { IconX as p } from "@tabler/icons-react";
3
4
  import { cva as N } from "class-variance-authority";
4
5
  import { cn as h } from "./lib/utils.js";
5
6
  const w = N(
6
- "inline-flex items-center gap-ds-02 font-sans leading-[var(--line-height-relaxed)] rounded-ds-full transition-colors duration-fast-01",
7
+ "inline-flex items-center gap-ds-02 font-sans leading-ds-relaxed rounded-ds-full transition-colors duration-fast-01",
7
8
  {
8
9
  variants: {
9
10
  variant: {
@@ -63,43 +64,40 @@ const w = N(
63
64
  color: "default"
64
65
  }
65
66
  }
66
- ), k = i.forwardRef(
67
- ({ label: t, variant: n, size: d, color: g, icon: o, onClick: s, onDelete: c, disabled: a, className: b, ...m }, x) => {
68
- const e = !!s, y = e ? "button" : "span", f = e && !a ? "cursor-pointer hover:bg-field-hover" : "", u = a ? "opacity-[var(--action-disabled-opacity,0.38)] cursor-not-allowed" : "";
69
- return i.createElement(
70
- y,
67
+ ), C = v.forwardRef(
68
+ ({ label: t, variant: l, size: i, color: n, icon: o, onClick: s, onDelete: c, disabled: a, className: d, ...g }, b) => {
69
+ const r = !!s, m = r ? "button" : "span", x = r && !a ? "cursor-pointer hover:bg-field-hover" : "", y = a ? "opacity-action-disabled cursor-not-allowed" : "";
70
+ return /* @__PURE__ */ u(
71
+ m,
71
72
  {
72
- ref: x,
73
- className: h(w({ variant: n, size: d, color: g }), f, u, b),
74
- onClick: e ? s : void 0,
75
- disabled: e ? a : void 0,
76
- type: e ? "button" : void 0,
77
- ...m
78
- },
79
- /* @__PURE__ */ l(p, { children: [
80
- o && /* @__PURE__ */ r("span", { className: "flex-shrink-0 [&>svg]:w-ico-sm [&>svg]:h-ico-sm", children: o }),
81
- /* @__PURE__ */ r("span", { children: t }),
82
- c && /* @__PURE__ */ r(
83
- "button",
84
- {
85
- type: "button",
86
- "aria-label": `Remove ${t}`,
87
- className: "flex-shrink-0 rounded-ds-full p-ds-01 hover:bg-layer-03 transition-colors duration-fast-01 [&>svg]:w-ico-sm [&>svg]:h-ico-sm",
88
- onClick: (v) => {
89
- v.stopPropagation(), c();
90
- },
91
- children: /* @__PURE__ */ l("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
92
- /* @__PURE__ */ r("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
93
- /* @__PURE__ */ r("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
94
- ] })
95
- }
96
- )
97
- ] })
73
+ ref: b,
74
+ className: h(w({ variant: l, size: i, color: n }), x, y, d),
75
+ onClick: r ? s : void 0,
76
+ disabled: r ? a : void 0,
77
+ type: r ? "button" : void 0,
78
+ ...g,
79
+ children: [
80
+ o && /* @__PURE__ */ e("span", { className: "flex-shrink-0 [&>svg]:w-ico-sm [&>svg]:h-ico-sm", children: o }),
81
+ /* @__PURE__ */ e("span", { children: t }),
82
+ c && /* @__PURE__ */ e(
83
+ "button",
84
+ {
85
+ type: "button",
86
+ "aria-label": `Remove ${t}`,
87
+ className: "flex-shrink-0 rounded-ds-full p-ds-01 hover:bg-layer-03 transition-colors duration-fast-01 [&>svg]:w-ico-sm [&>svg]:h-ico-sm",
88
+ onClick: (f) => {
89
+ f.stopPropagation(), c();
90
+ },
91
+ children: /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm" })
92
+ }
93
+ )
94
+ ]
95
+ }
98
96
  );
99
97
  }
100
98
  );
101
- k.displayName = "Chip";
99
+ C.displayName = "Chip";
102
100
  export {
103
- k as Chip,
101
+ C as Chip,
104
102
  w as chipVariants
105
103
  };
@@ -1 +1 @@
1
- {"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/ui/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B;AAED,QAAA,MAAM,IAAI,gGA8BT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}
1
+ {"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/ui/code.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B;AAED,QAAA,MAAM,IAAI,gGA8BT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}
package/dist/ui/code.js CHANGED
@@ -1,28 +1,28 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import * as a from "react";
3
- import { cn as m } from "./lib/utils.js";
3
+ import { cn as s } from "./lib/utils.js";
4
4
  const n = a.forwardRef(
5
- ({ className: o, variant: s = "inline", children: r, ...t }, d) => s === "block" ? /* @__PURE__ */ e(
5
+ ({ className: r, variant: m = "inline", children: o, ...d }, t) => m === "block" ? /* @__PURE__ */ e(
6
6
  "pre",
7
7
  {
8
- ref: d,
9
- className: m(
10
- "overflow-x-auto rounded-ds-md border border-border-subtle bg-layer-02 p-ds-05 font-mono text-ds-sm leading-[150%] text-text-primary",
11
- o
8
+ ref: t,
9
+ className: s(
10
+ "overflow-x-auto rounded-ds-md border border-border-subtle bg-layer-02 p-ds-05 font-mono text-ds-sm leading-ds-relaxed text-text-primary",
11
+ r
12
12
  ),
13
- ...t,
14
- children: /* @__PURE__ */ e("code", { children: r })
13
+ ...d,
14
+ children: /* @__PURE__ */ e("code", { children: o })
15
15
  }
16
16
  ) : /* @__PURE__ */ e(
17
17
  "code",
18
18
  {
19
- ref: d,
20
- className: m(
19
+ ref: t,
20
+ className: s(
21
21
  "rounded-ds-sm bg-layer-03 px-ds-02 py-ds-01 font-mono text-ds-sm text-text-primary",
22
- o
22
+ r
23
23
  ),
24
- ...t,
25
- children: r
24
+ ...d,
25
+ children: o
26
26
  }
27
27
  )
28
28
  );
@@ -187,7 +187,7 @@ const P = 2, Y = 36, Z = a.forwardRef(
187
187
  ),
188
188
  children: [
189
189
  X(),
190
- /* @__PURE__ */ r(q, { className: x("ml-ds-02 h-ico-sm w-ico-sm shrink-0 opacity-50 transition-transform duration-fast-01", h && "rotate-180"), "aria-hidden": "true" })
190
+ /* @__PURE__ */ r(q, { className: x("ml-ds-02 h-ico-sm w-ico-sm shrink-0 opacity-[0.5] transition-transform duration-fast-01", h && "rotate-180"), "aria-hidden": "true" })
191
191
  ]
192
192
  }
193
193
  ) }),
@@ -1 +1 @@
1
- {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/ui/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IACzD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAQzE,QAAA,MAAM,SAAS,wGAad,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/ui/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IACzD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAQzE,QAAA,MAAM,SAAS,wGAad,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAA"}
@@ -107,7 +107,7 @@ const P = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
107
107
  b,
108
108
  {
109
109
  ref: a,
110
- className: d("-mx-1 my-ds-02 h-px bg-border-subtle", e),
110
+ className: d("-mx-ds-01 my-ds-02 h-px bg-border-subtle", e),
111
111
  ...t
112
112
  }
113
113
  ));