@devalok/shilp-sutra 0.29.0 → 0.31.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 (57) hide show
  1. package/README.md +82 -239
  2. package/dist/_chunks/badge-group.js +34 -33
  3. package/dist/ai/types.js +2 -0
  4. package/dist/composed/avatar-group.d.ts.map +1 -1
  5. package/dist/composed/avatar-group.js +94 -79
  6. package/dist/composed/content-card.d.ts.map +1 -1
  7. package/dist/composed/index.d.ts +1 -1
  8. package/dist/composed/index.d.ts.map +1 -1
  9. package/dist/composed/lib/string-utils.d.ts.map +1 -1
  10. package/dist/composed/loading-skeleton.d.ts.map +1 -1
  11. package/dist/composed/page-header.d.ts.map +1 -1
  12. package/dist/composed/page-header.js +36 -23
  13. package/dist/composed/page-skeletons.d.ts.map +1 -1
  14. package/dist/composed/priority-indicator.d.ts +1 -0
  15. package/dist/composed/priority-indicator.js +1 -0
  16. package/dist/composed/rich-text-editor.d.ts +3 -0
  17. package/dist/composed/rich-text-editor.d.ts.map +1 -1
  18. package/dist/composed/rich-text-editor.js +243 -240
  19. package/dist/tokens/primitives.css +10 -0
  20. package/dist/tokens/semantic.css +6 -2
  21. package/dist/tokens/typography.css +33 -4
  22. package/dist/ui/alert.d.ts +1 -0
  23. package/dist/ui/alert.d.ts.map +1 -1
  24. package/dist/ui/alert.js +42 -37
  25. package/dist/ui/badge.d.ts +6 -0
  26. package/dist/ui/badge.d.ts.map +1 -1
  27. package/dist/ui/button-processing.d.ts +2 -1
  28. package/dist/ui/button-processing.d.ts.map +1 -1
  29. package/dist/ui/card.d.ts +5 -1
  30. package/dist/ui/card.d.ts.map +1 -1
  31. package/dist/ui/card.js +111 -79
  32. package/dist/ui/code.d.ts.map +1 -1
  33. package/dist/ui/container.d.ts.map +1 -1
  34. package/dist/ui/lib/date-utils.d.ts.map +1 -1
  35. package/dist/ui/lib/motion.d.ts.map +1 -1
  36. package/dist/ui/lib/utils.d.ts.map +1 -1
  37. package/dist/ui/lib/utils.js +3 -3
  38. package/dist/ui/select.d.ts +3 -1
  39. package/dist/ui/select.d.ts.map +1 -1
  40. package/dist/ui/select.js +83 -71
  41. package/dist/ui/skeleton.d.ts.map +1 -1
  42. package/dist/ui/stack.d.ts.map +1 -1
  43. package/dist/ui/table.d.ts.map +1 -1
  44. package/dist/ui/tabs.d.ts +7 -0
  45. package/dist/ui/tabs.d.ts.map +1 -1
  46. package/dist/ui/tabs.js +103 -77
  47. package/dist/ui/text.d.ts.map +1 -1
  48. package/dist/ui/visually-hidden.d.ts.map +1 -1
  49. package/docs/components/composed/rich-text-editor.md +6 -0
  50. package/docs/components/ui/alert.md +3 -0
  51. package/docs/components/ui/badge.md +3 -0
  52. package/docs/components/ui/card.md +4 -0
  53. package/docs/components/ui/select.md +4 -0
  54. package/docs/components/ui/tabs.md +4 -0
  55. package/llms-full.txt +25 -1
  56. package/llms.txt +23 -4
  57. package/package.json +37 -2
@@ -427,4 +427,14 @@
427
427
  --emerald-11: oklch(0.76 0.0821 160);
428
428
  --emerald-12: oklch(0.88 0.0316 160);
429
429
 
430
+ /* ── Amber Bright (dark) — warning semantic use — H:65, higher chroma than category amber ── */
431
+ --amber-bright-2: oklch(0.18 0.02 65);
432
+ --amber-bright-3: oklch(0.25 0.045 65);
433
+ --amber-bright-4: oklch(0.32 0.065 65);
434
+ --amber-bright-5: oklch(0.38 0.085 65);
435
+ --amber-bright-7: oklch(0.50 0.13 65);
436
+ --amber-bright-9: oklch(0.72 0.17 65);
437
+ --amber-bright-10: oklch(0.66 0.17 65);
438
+ --amber-bright-11: oklch(0.82 0.11 65);
439
+
430
440
  }
@@ -424,12 +424,16 @@
424
424
  --color-success-fg: var(--neutral-12);
425
425
  --color-info-fg: var(--neutral-12);
426
426
 
427
- /* Warning: amber-bright bg stays light in dark mode, so fg stays dark */
427
+ /* Warning: amber-bright dark ramp for dark mode */
428
428
  --color-warning-2: var(--amber-bright-2);
429
429
  --color-warning-3: var(--amber-bright-3);
430
430
  --color-warning-4: var(--amber-bright-4);
431
431
  --color-warning-5: var(--amber-bright-5);
432
- --color-warning-fg: oklch(0.25 0.01 55);
432
+ --color-warning-7: var(--amber-bright-7);
433
+ --color-warning-9: var(--amber-bright-9);
434
+ --color-warning-10: var(--amber-bright-10);
435
+ --color-warning-11: var(--amber-bright-11);
436
+ --color-warning-fg: var(--neutral-12);
433
437
 
434
438
  /* Dark mode borders need lower contrast — bright borders look harsh.
435
439
  Drop to step 3/4 for subtle resting borders that don't overpower surfaces */
@@ -39,7 +39,17 @@
39
39
  font-display: swap;
40
40
  }
41
41
 
42
- /* ── Title Scale (T1–T7) ───────────────────────────────────────── */
42
+ /* ── DEPRECATED Title Scale (T1–T7) ────────────────────────────────
43
+ * @deprecated Use typography-semantic.css tokens instead:
44
+ * T1-Reg → --typo-heading-2xl (60px)
45
+ * T2-Reg → --typo-heading-xl (48px)
46
+ * T3-Reg → --typo-heading-lg (36px)
47
+ * T4-Reg → --typo-heading-md (32px)
48
+ * T5-Reg → --typo-heading-sm (24px)
49
+ * T6-Reg → --typo-heading-xs (20px)
50
+ * T7-Reg → --typo-heading-xs (20px, tighter)
51
+ * These classes will be removed in v1.0.
52
+ * ──────────────────────────────────────────────────────────────── */
43
53
 
44
54
  .T1-Reg {
45
55
  font-family: inherit;
@@ -103,7 +113,15 @@
103
113
  letter-spacing: -0.48px;
104
114
  }
105
115
 
106
- /* ── Body Scale (B1–B8) ────────────────────────────────────────── */
116
+ /* ── DEPRECATED Body Scale (B1–B8) ─────────────────────────────────
117
+ * @deprecated Use typography-semantic.css tokens instead:
118
+ * B1-Reg → --typo-body-lg (16px)
119
+ * B2-Reg → --typo-body-md (14px)
120
+ * B3-Reg → --typo-body-sm (12px)
121
+ * B4-Reg → --typo-body-xs (10px)
122
+ * B5-B8 → Use body-lg/md/sm/xs with weight overrides
123
+ * These classes will be removed in v1.0.
124
+ * ──────────────────────────────────────────────────────────────── */
107
125
 
108
126
  .B1-Reg {
109
127
  font-family: inherit;
@@ -184,7 +202,15 @@
184
202
  letter-spacing: -0.32px;
185
203
  }
186
204
 
187
- /* ── Label Scale (L1–L6) ───────────────────────────────────────── */
205
+ /* ── DEPRECATED Label Scale (L1–L6) ────────────────────────────────
206
+ * @deprecated Use typography-semantic.css tokens instead:
207
+ * L1 → --typo-label-lg (16px)
208
+ * L2 → --typo-label-md (14px)
209
+ * L3 → --typo-label-sm (12px)
210
+ * L4 → --typo-label-xs (10px)
211
+ * L5-L6 → Use label-sm/xs with weight overrides
212
+ * These classes will be removed in v1.0.
213
+ * ──────────────────────────────────────────────────────────────── */
188
214
 
189
215
  .L1 {
190
216
  font-family: inherit;
@@ -236,7 +262,10 @@
236
262
  text-transform: uppercase;
237
263
  }
238
264
 
239
- /* ── Paragraph Scale (P1–P7) ───────────────────────────────────── */
265
+ /* ── DEPRECATED Paragraph Scale (P1–P7) ────────────────────────────
266
+ * @deprecated Use typography-semantic.css --typo-body-* tokens instead.
267
+ * These classes will be removed in v1.0.
268
+ * ──────────────────────────────────────────────────────────────── */
240
269
  /* NOTE: P2 (0.36px tracking) and B5-Reg (0.32px tracking) are near-identical
241
270
  at 16px/140%. P2 is for paragraph blocks, B5-Reg for inline body text. */
242
271
 
@@ -4,6 +4,7 @@ import * as React from 'react';
4
4
  declare const alertVariants: (props?: ({
5
5
  variant?: "outline" | "filled" | "subtle" | null | undefined;
6
6
  color?: "success" | "error" | "info" | "warning" | "neutral" | null | undefined;
7
+ size?: "sm" | "md" | "lg" | null | undefined;
7
8
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
9
  /**
9
10
  * Props for Alert — an inline message block with a colored icon, optional title, optional body,
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,aAAa;;;8EAuClB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFA0CV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,aAAa;;;;8EA4ClB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFA+CV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
package/dist/ui/alert.js CHANGED
@@ -1,14 +1,14 @@
1
1
  "use client";
2
- import { jsx as e, jsxs as n } from "react/jsx-runtime";
3
- import { IconInfoCircle as o, IconAlertCircle as x, IconAlertTriangle as p, IconCircleCheck as N, IconX as h } from "@tabler/icons-react";
4
- import * as r from "react";
5
- import { a as w } from "../_chunks/vendor-utils.js";
6
- import { cn as y } from "./lib/utils.js";
7
- import { springs as I, motionProps as A } from "./lib/motion.js";
8
- import { Icon as c } from "./icon.js";
9
- import { A as C, m as k } from "../_chunks/framer.js";
10
- const V = w(
11
- "relative flex gap-ds-04 rounded-ds-lg border p-ds-05",
2
+ import { jsx as r, jsxs as c } from "react/jsx-runtime";
3
+ import { IconInfoCircle as i, IconAlertCircle as y, IconAlertTriangle as C, IconCircleCheck as A, IconX as k } from "@tabler/icons-react";
4
+ import * as s from "react";
5
+ import { a as V } from "../_chunks/vendor-utils.js";
6
+ import { cn as t } from "./lib/utils.js";
7
+ import { springs as S, motionProps as j } from "./lib/motion.js";
8
+ import { Icon as l } from "./icon.js";
9
+ import { A as R, m as E } from "../_chunks/framer.js";
10
+ const P = V(
11
+ "relative flex rounded-ds-lg border",
12
12
  {
13
13
  variants: {
14
14
  variant: {
@@ -22,6 +22,11 @@ const V = w(
22
22
  warning: "",
23
23
  error: "",
24
24
  neutral: ""
25
+ },
26
+ size: {
27
+ sm: "gap-ds-03 p-ds-03",
28
+ md: "gap-ds-04 p-ds-05",
29
+ lg: "gap-ds-05 p-ds-07"
25
30
  }
26
31
  },
27
32
  compoundVariants: [
@@ -44,44 +49,44 @@ const V = w(
44
49
  { variant: "outline", color: "error", className: "bg-transparent border-error-7 text-error-11" },
45
50
  { variant: "outline", color: "neutral", className: "bg-transparent border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted" }
46
51
  ],
47
- defaultVariants: { variant: "subtle", color: "info" }
52
+ defaultVariants: { variant: "subtle", color: "info", size: "md" }
48
53
  }
49
- ), j = {
50
- info: o,
51
- success: N,
52
- warning: p,
53
- error: x,
54
- neutral: o
55
- }, R = r.forwardRef(
56
- ({ className: i, variant: l = "subtle", color: t = "info", title: s, onDismiss: a, children: f, ...d }, u) => {
57
- const m = j[t ?? "info"], [g, b] = r.useState(!0), v = r.useCallback(() => {
58
- b(!1);
59
- }, []);
60
- return /* @__PURE__ */ e(C, { onExitComplete: a, children: g && /* @__PURE__ */ n(
61
- k.div,
54
+ ), T = {
55
+ info: i,
56
+ success: A,
57
+ warning: C,
58
+ error: y,
59
+ neutral: i
60
+ }, D = s.forwardRef(
61
+ ({ className: d, variant: m = "subtle", color: a = "info", size: e = "md", title: n, onDismiss: o, children: f, ...g }, u) => {
62
+ const b = T[a ?? "info"], [x, v] = s.useState(!0), p = s.useCallback(() => {
63
+ v(!1);
64
+ }, []), N = e === "sm" ? "sm" : e === "lg" ? "lg" : "md", h = e === "sm" ? "xs" : "sm", w = e === "sm" ? "text-ds-xs" : "text-ds-md", I = e === "sm" ? "text-ds-sm" : e === "lg" ? "text-ds-lg" : "text-ds-md";
65
+ return /* @__PURE__ */ r(R, { onExitComplete: o, children: x && /* @__PURE__ */ c(
66
+ E.div,
62
67
  {
63
68
  ref: u,
64
69
  initial: { opacity: 1, y: 0 },
65
70
  animate: { opacity: 1, y: 0 },
66
71
  exit: { opacity: 0, y: -8 },
67
- transition: I.snappy,
68
- className: y(V({ variant: l, color: t }), i),
72
+ transition: S.snappy,
73
+ className: t(P({ variant: m, color: a, size: e }), d),
69
74
  role: "alert",
70
- ...A(d),
75
+ ...j(g),
71
76
  children: [
72
- /* @__PURE__ */ e(c, { icon: m, size: "md", className: "mt-ds-01 shrink-0" }),
73
- /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
74
- s && /* @__PURE__ */ e("p", { className: "text-ds-md font-semibold mb-ds-01", children: s }),
75
- /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg-muted", children: f })
77
+ /* @__PURE__ */ r(l, { icon: b, size: N, className: "mt-ds-01 shrink-0" }),
78
+ /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
79
+ n && /* @__PURE__ */ r("p", { className: t(I, "font-semibold mb-ds-01"), children: n }),
80
+ /* @__PURE__ */ r("div", { className: t(w, "text-surface-fg-muted"), children: f })
76
81
  ] }),
77
- a && /* @__PURE__ */ e(
82
+ o && /* @__PURE__ */ r(
78
83
  "button",
79
84
  {
80
85
  type: "button",
81
- onClick: v,
86
+ onClick: p,
82
87
  className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
83
88
  "aria-label": "Dismiss",
84
- children: /* @__PURE__ */ e(c, { icon: h, size: "sm" })
89
+ children: /* @__PURE__ */ r(l, { icon: k, size: h })
85
90
  }
86
91
  )
87
92
  ]
@@ -89,8 +94,8 @@ const V = w(
89
94
  ) });
90
95
  }
91
96
  );
92
- R.displayName = "Alert";
97
+ D.displayName = "Alert";
93
98
  export {
94
- R as Alert,
95
- V as alertVariants
99
+ D as Alert,
100
+ P as alertVariants
96
101
  };
@@ -40,6 +40,12 @@ interface BadgeProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, V
40
40
  selected?: boolean;
41
41
  disabled?: boolean;
42
42
  maxWidth?: number;
43
+ /**
44
+ * Truncate children with ellipsis when they overflow the badge width.
45
+ * Use with a fixed width (e.g. `className="w-20"`) or `maxWidth` for
46
+ * constrained pill badges. Always adds a title tooltip on the full text.
47
+ */
48
+ truncate?: boolean;
43
49
  circle?: boolean;
44
50
  }
45
51
  declare const BadgeCompound: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>> & {
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,aAAa;;;;8EAyGlB,CAAA;AA0BD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EACtD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACnC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AA6LD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,QAAA,MAAM,aAAa;;;CAGjB,CAAA;AAEF,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,CAAA"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,aAAa;;;;8EAyGlB,CAAA;AA0BD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EACtD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACnC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AA8LD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,QAAA,MAAM,aAAa;;;CAGjB,CAAA;AAEF,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,CAAA"}
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  export type ProcessingSpeed = 'ambient' | 'working' | 'urgent';
3
- export interface ProcessingOverlayProps {
3
+ interface ProcessingOverlayProps {
4
4
  active: boolean;
5
5
  speed: ProcessingSpeed;
6
6
  /** Resolved color name — maps to CSS token `--color-{name}-9` */
@@ -12,4 +12,5 @@ export interface ProcessingOverlayProps {
12
12
  * Not exported from the barrel — used only by Button.
13
13
  */
14
14
  export declare function ProcessingOverlay({ active, speed, color }: ProcessingOverlayProps): import("react/jsx-runtime").JSX.Element;
15
+ export {};
15
16
  //# sourceMappingURL=button-processing.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button-processing.d.ts","sourceRoot":"","sources":["../../src/ui/button-processing.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9D,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,eAAe,CAAA;IACtB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;CACd;AAwBD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,sBAAsB,2CA6EjF"}
1
+ {"version":3,"file":"button-processing.d.ts","sourceRoot":"","sources":["../../src/ui/button-processing.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9D,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,eAAe,CAAA;IACtB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;CACd;AAwBD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,sBAAsB,2CA6EjF"}
package/dist/ui/card.d.ts CHANGED
@@ -1,10 +1,13 @@
1
1
  "use client";
2
2
  import { VariantProps } from 'class-variance-authority';
3
3
  import * as React from 'react';
4
+ type CardSize = 'sm' | 'md' | 'lg';
4
5
  declare const cardVariants: (props?: ({
5
6
  variant?: "flat" | "outline" | "default" | "elevated" | null | undefined;
7
+ color?: "default" | "accent" | "success" | "error" | "info" | "warning" | "neutral" | null | undefined;
8
+ size?: "sm" | "md" | "lg" | null | undefined;
6
9
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
- export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
10
+ export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof cardVariants> {
8
11
  interactive?: boolean;
9
12
  /** Position of the accent border strip */
10
13
  accent?: 'left' | 'top' | 'right' | 'bottom';
@@ -13,6 +16,7 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Variant
13
16
  /** Width of the accent strip in pixels @default 3 */
14
17
  accentWidth?: 2 | 3 | 4 | 6;
15
18
  }
19
+ export type { CardSize };
16
20
  declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
17
21
  declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
18
22
  declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
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;AAMjE,QAAA,MAAM,YAAY;;8EAajB,CAAA;AA2DD,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC5C,uHAAuH;IACvH,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAChG,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC5B;AAwBD,QAAA,MAAM,IAAI,kFA2CT,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;AAMjE,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAIlC,QAAA,MAAM,YAAY;;;;8EA2BjB,CAAA;AA2DD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC5C,uHAAuH;IACvH,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAChG,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC5B;AAED,YAAY,EAAE,QAAQ,EAAE,CAAA;AAwBxB,QAAA,MAAM,IAAI,kFAiDT,CAAA;AASD,QAAA,MAAM,UAAU,6GAYd,CAAA;AAGF,QAAA,MAAM,SAAS,6GASb,CAAA;AAGF,QAAA,MAAM,eAAe,6GASnB,CAAA;AASF,QAAA,MAAM,WAAW,6GAQf,CAAA;AASF,QAAA,MAAM,UAAU,6GAYd,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
@@ -1,11 +1,11 @@
1
1
  "use client";
2
- import { jsx as t, jsxs as p } from "react/jsx-runtime";
2
+ import { jsx as a, jsxs as w } from "react/jsx-runtime";
3
3
  import * as s from "react";
4
- import { a as v } from "../_chunks/vendor-utils.js";
5
- import { tweens as w, springs as b, motionProps as g } from "./lib/motion.js";
6
- import { cn as o } from "./lib/utils.js";
7
- import { m } from "../_chunks/framer.js";
8
- const x = v(
4
+ import { a as C } from "../_chunks/vendor-utils.js";
5
+ import { tweens as y, springs as N, motionProps as z } from "./lib/motion.js";
6
+ import { cn as d } from "./lib/utils.js";
7
+ import { m as u } from "../_chunks/framer.js";
8
+ const n = s.createContext("md"), R = C(
9
9
  "rounded-ds-lg text-surface-fg transition-shadow duration-fast-02 ease-productive-standard",
10
10
  {
11
11
  variants: {
@@ -14,117 +14,149 @@ const x = v(
14
14
  elevated: "bg-surface-raised border border-surface-border shadow-raised-hover",
15
15
  outline: "bg-transparent border border-surface-border-strong shadow-none",
16
16
  flat: "bg-surface-raised border-none shadow-none"
17
+ },
18
+ color: {
19
+ default: "",
20
+ accent: "border-accent-7",
21
+ error: "border-error-7",
22
+ success: "border-success-7",
23
+ warning: "border-warning-7",
24
+ info: "border-info-7",
25
+ neutral: ""
26
+ },
27
+ size: {
28
+ sm: "",
29
+ md: "",
30
+ lg: ""
17
31
  }
18
32
  },
19
- defaultVariants: { variant: "default" }
33
+ defaultVariants: { variant: "default", color: "default", size: "md" }
20
34
  }
21
- ), C = {
35
+ ), S = {
22
36
  default: "var(--color-accent-9)",
23
37
  secondary: "var(--color-secondary-9)",
24
38
  error: "var(--color-error-9)",
25
39
  success: "var(--color-success-9)",
26
40
  warning: "var(--color-warning-9)",
27
41
  info: "var(--color-info-9)"
28
- }, y = {
42
+ }, P = {
29
43
  left: { 2: "w-[2px]", 3: "w-[3px]", 4: "w-[4px]", 6: "w-[6px]" },
30
44
  top: { 2: "h-[2px]", 3: "h-[3px]", 4: "h-[4px]", 6: "h-[6px]" },
31
45
  right: { 2: "w-[2px]", 3: "w-[3px]", 4: "w-[4px]", 6: "w-[6px]" },
32
46
  bottom: { 2: "h-[2px]", 3: "h-[3px]", 4: "h-[4px]", 6: "h-[6px]" }
33
- }, N = {
47
+ }, H = {
34
48
  left: "left-0 top-0 bottom-0 rounded-l-ds-lg",
35
49
  top: "top-0 left-0 right-0 rounded-t-ds-lg",
36
50
  right: "right-0 top-0 bottom-0 rounded-r-ds-lg",
37
51
  bottom: "bottom-0 left-0 right-0 rounded-b-ds-lg"
38
52
  };
39
- function R(r, e) {
40
- return `${N[r] ?? ""} ${y[r]?.[e] ?? ""}`;
53
+ function T(e, r) {
54
+ return `${H[e] ?? ""} ${P[e]?.[r] ?? ""}`;
41
55
  }
42
- function H(r) {
43
- return C[r] ?? r;
56
+ function j(e) {
57
+ return S[e] ?? e;
44
58
  }
45
- const P = s.forwardRef(
46
- ({ className: r, variant: e, interactive: a, accent: d, accentColor: u = "default", accentWidth: h = 3, children: n, ...i }, c) => {
47
- const l = o(
48
- x({ variant: e }),
49
- d && "relative overflow-hidden",
50
- a && "hover:shadow-raised-hover hover:border-surface-border-strong cursor-pointer transition-shadow duration-fast-02 ease-productive-standard",
51
- r
52
- ), f = d ? /* @__PURE__ */ t(
53
- m.span,
59
+ const k = s.forwardRef(
60
+ ({ className: e, variant: r, color: o, size: t, interactive: c, accent: i, accentColor: g = "default", accentWidth: h = 3, children: b, ...l }, p) => {
61
+ const v = t ?? "md", f = d(
62
+ R({ variant: r, color: o, size: t }),
63
+ i && "relative overflow-hidden",
64
+ c && "hover:shadow-raised-hover hover:border-surface-border-strong cursor-pointer transition-shadow duration-fast-02 ease-productive-standard",
65
+ e
66
+ ), x = i ? /* @__PURE__ */ a(
67
+ u.span,
54
68
  {
55
69
  "aria-hidden": "true",
56
70
  initial: { opacity: 0 },
57
71
  animate: { opacity: 1 },
58
- transition: w.fade,
59
- className: o("absolute pointer-events-none", R(d, h)),
60
- style: { backgroundColor: H(u) }
72
+ transition: y.fade,
73
+ className: d("absolute pointer-events-none", T(i, h)),
74
+ style: { backgroundColor: j(g) }
61
75
  }
62
- ) : null;
63
- return a ? /* @__PURE__ */ p(
64
- m.div,
76
+ ) : null, m = /* @__PURE__ */ w(n.Provider, { value: v, children: [
77
+ x,
78
+ b
79
+ ] });
80
+ return c ? /* @__PURE__ */ a(
81
+ u.div,
65
82
  {
66
- ref: c,
83
+ ref: p,
67
84
  whileHover: { y: -3 },
68
85
  whileTap: { scale: 0.98 },
69
- transition: b.snappy,
70
- className: l,
71
- ...g(i),
72
- children: [
73
- f,
74
- n
75
- ]
86
+ transition: N.snappy,
87
+ className: f,
88
+ ...z(l),
89
+ children: m
76
90
  }
77
- ) : /* @__PURE__ */ p("div", { ref: c, className: l, ...i, children: [
78
- f,
79
- n
80
- ] });
91
+ ) : /* @__PURE__ */ a("div", { ref: p, className: f, ...l, children: m });
81
92
  }
82
93
  );
83
- P.displayName = "Card";
84
- const T = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
85
- "div",
86
- {
87
- ref: a,
88
- className: o("flex flex-col space-y-ds-02b p-ds-06", r),
89
- ...e
90
- }
91
- ));
92
- T.displayName = "CardHeader";
93
- const j = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
94
- "div",
95
- {
96
- ref: a,
97
- className: o("font-sans font-semibold leading-ds-none tracking-normal text-surface-fg", r),
98
- ...e
99
- }
100
- ));
101
- j.displayName = "CardTitle";
102
- const k = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
94
+ k.displayName = "Card";
95
+ const A = {
96
+ sm: "p-ds-05",
97
+ md: "p-ds-06",
98
+ lg: "p-ds-07"
99
+ }, D = s.forwardRef(({ className: e, ...r }, o) => {
100
+ const t = s.useContext(n);
101
+ return /* @__PURE__ */ a(
102
+ "div",
103
+ {
104
+ ref: o,
105
+ className: d("flex flex-col space-y-ds-02b", A[t], e),
106
+ ...r
107
+ }
108
+ );
109
+ });
110
+ D.displayName = "CardHeader";
111
+ const F = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
103
112
  "div",
104
113
  {
105
- ref: a,
106
- className: o("text-ds-md text-surface-fg-muted", r),
107
- ...e
114
+ ref: o,
115
+ className: d("font-sans font-semibold leading-ds-none tracking-normal text-surface-fg", e),
116
+ ...r
108
117
  }
109
118
  ));
110
- k.displayName = "CardDescription";
111
- const A = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t("div", { ref: a, className: o("p-ds-06 pt-0", r), ...e }));
112
- A.displayName = "CardContent";
113
- const D = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
119
+ F.displayName = "CardTitle";
120
+ const V = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
114
121
  "div",
115
122
  {
116
- ref: a,
117
- className: o("flex items-center p-ds-06 pt-0", r),
118
- ...e
123
+ ref: o,
124
+ className: d("text-ds-md text-surface-fg-muted", e),
125
+ ...r
119
126
  }
120
127
  ));
121
- D.displayName = "CardFooter";
128
+ V.displayName = "CardDescription";
129
+ const $ = {
130
+ sm: "p-ds-05 pt-0",
131
+ md: "p-ds-06 pt-0",
132
+ lg: "p-ds-07 pt-0"
133
+ }, E = s.forwardRef(({ className: e, ...r }, o) => {
134
+ const t = s.useContext(n);
135
+ return /* @__PURE__ */ a("div", { ref: o, className: d($[t], e), ...r });
136
+ });
137
+ E.displayName = "CardContent";
138
+ const M = {
139
+ sm: "p-ds-05 pt-0",
140
+ md: "p-ds-06 pt-0",
141
+ lg: "p-ds-07 pt-0"
142
+ }, q = s.forwardRef(({ className: e, ...r }, o) => {
143
+ const t = s.useContext(n);
144
+ return /* @__PURE__ */ a(
145
+ "div",
146
+ {
147
+ ref: o,
148
+ className: d("flex items-center", M[t], e),
149
+ ...r
150
+ }
151
+ );
152
+ });
153
+ q.displayName = "CardFooter";
122
154
  export {
123
- P as Card,
124
- A as CardContent,
125
- k as CardDescription,
126
- D as CardFooter,
127
- T as CardHeader,
128
- j as CardTitle,
129
- x as cardVariants
155
+ k as Card,
156
+ E as CardContent,
157
+ V as CardDescription,
158
+ q as CardFooter,
159
+ D as CardHeader,
160
+ F as CardTitle,
161
+ R as cardVariants
130
162
  };
@@ -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":"AACA,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 +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":"AACA,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 +1 @@
1
- {"version":3,"file":"date-utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/date-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAgBnE"}
1
+ {"version":3,"file":"date-utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/date-utils.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAgBnE"}
@@ -1 +1 @@
1
- {"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/motion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI/C,eAAO,MAAM,OAAO;IAClB,sDAAsD;qBACgB,UAAU;IAChF,0CAA0C;qBAC4B,UAAU;IAChF,4CAA4C;qBAC0B,UAAU;IAChF,iDAAiD;qBACqB,UAAU;IAChF,qEAAqE;yBACK,UAAU;CAC5E,CAAA;AAIV,eAAO,MAAM,MAAM;IACjB,yBAAyB;mBACmC,UAAU;IACtE,0CAA0C;yBACwB,UAAU;IAC5E,2DAA2D;sBACc,UAAU;IACnF,oFAAoF;qBACZ,UAAU;CAC1E,CAAA;AAIV,wBAAgB,OAAO,CAAC,KAAK,SAAO;;;;;;;;;;;EAKnC;AAID,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAEpE;AAID,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,OAAO,CAAA;AAC/C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,MAAM,CAAA;AAQ7C;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEhG"}
1
+ {"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/motion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI/C,eAAO,MAAM,OAAO;IAClB,sDAAsD;qBACgB,UAAU;IAChF,0CAA0C;qBAC4B,UAAU;IAChF,4CAA4C;qBAC0B,UAAU;IAChF,iDAAiD;qBACqB,UAAU;IAChF,qEAAqE;yBACK,UAAU;CAC5E,CAAA;AAIV,eAAO,MAAM,MAAM;IACjB,yBAAyB;mBACmC,UAAU;IACtE,0CAA0C;yBACwB,UAAU;IAC5E,2DAA2D;sBACc,UAAU;IACnF,oFAAoF;qBACZ,UAAU;CAC1E,CAAA;AAIV,wBAAgB,OAAO,CAAC,KAAK,SAAO;;;;;;;;;;;EAKnC;AAID,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAEpE;AAID,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,OAAO,CAAA;AAC/C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,MAAM,CAAA;AAQ7C;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEhG"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAc5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAc5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
@@ -5,13 +5,13 @@ const t = d({
5
5
  spacing: ["ds-01", "ds-02", "ds-02b", "ds-03", "ds-04", "ds-05", "ds-05b", "ds-06", "ds-06b", "ds-07", "ds-08", "ds-09", "ds-10", "ds-11", "ds-12", "ds-13"]
6
6
  },
7
7
  classGroups: {
8
- "font-size": [{ "text-ds": ["xs", "sm", "md"] }]
8
+ "font-size": [{ "text-ds": ["xs", "sm", "md", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"] }]
9
9
  }
10
10
  }
11
11
  });
12
- function r(...s) {
12
+ function l(...s) {
13
13
  return t(e(s));
14
14
  }
15
15
  export {
16
- r as cn
16
+ l as cn
17
17
  };
@@ -27,6 +27,8 @@ declare const Select: React.FC<SelectPrimitive.SelectProps>;
27
27
  declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
28
28
  declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
29
29
  export declare const selectTriggerVariants: (props?: ({
30
+ variant?: "outline" | "default" | "ghost" | null | undefined;
31
+ color?: "default" | "success" | "error" | "warning" | null | undefined;
30
32
  size?: "xs" | "sm" | "md" | "lg" | null | undefined;
31
33
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
32
34
  /**
@@ -37,7 +39,7 @@ export declare const selectTriggerVariants: (props?: ({
37
39
  * <SelectValue placeholder="Select an option" />
38
40
  * </SelectTrigger>
39
41
  */
40
- export interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, VariantProps<typeof selectTriggerVariants> {
42
+ export interface SelectTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'color'>, VariantProps<typeof selectTriggerVariants> {
41
43
  }
42
44
  declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
43
45
  declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;8EAajC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EACpE,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,QAAA,MAAM,aAAa,8FAcjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAoCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;;;8EA2BjC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EACnF,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,QAAA,MAAM,aAAa,8FAejB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAoCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}