@devalok/shilp-sutra 0.30.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 (43) 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/content-card.d.ts.map +1 -1
  5. package/dist/composed/lib/string-utils.d.ts.map +1 -1
  6. package/dist/composed/loading-skeleton.d.ts.map +1 -1
  7. package/dist/composed/page-header.d.ts.map +1 -1
  8. package/dist/composed/page-skeletons.d.ts.map +1 -1
  9. package/dist/composed/priority-indicator.d.ts +1 -0
  10. package/dist/composed/priority-indicator.js +1 -0
  11. package/dist/tokens/typography.css +33 -4
  12. package/dist/ui/alert.d.ts +1 -0
  13. package/dist/ui/alert.d.ts.map +1 -1
  14. package/dist/ui/alert.js +42 -37
  15. package/dist/ui/badge.d.ts +6 -0
  16. package/dist/ui/badge.d.ts.map +1 -1
  17. package/dist/ui/card.d.ts +5 -1
  18. package/dist/ui/card.d.ts.map +1 -1
  19. package/dist/ui/card.js +111 -79
  20. package/dist/ui/code.d.ts.map +1 -1
  21. package/dist/ui/container.d.ts.map +1 -1
  22. package/dist/ui/lib/date-utils.d.ts.map +1 -1
  23. package/dist/ui/lib/motion.d.ts.map +1 -1
  24. package/dist/ui/lib/utils.d.ts.map +1 -1
  25. package/dist/ui/select.d.ts +3 -1
  26. package/dist/ui/select.d.ts.map +1 -1
  27. package/dist/ui/select.js +83 -71
  28. package/dist/ui/skeleton.d.ts.map +1 -1
  29. package/dist/ui/stack.d.ts.map +1 -1
  30. package/dist/ui/table.d.ts.map +1 -1
  31. package/dist/ui/tabs.d.ts +7 -0
  32. package/dist/ui/tabs.d.ts.map +1 -1
  33. package/dist/ui/tabs.js +103 -77
  34. package/dist/ui/text.d.ts.map +1 -1
  35. package/dist/ui/visually-hidden.d.ts.map +1 -1
  36. package/docs/components/ui/alert.md +3 -0
  37. package/docs/components/ui/badge.md +3 -0
  38. package/docs/components/ui/card.md +4 -0
  39. package/docs/components/ui/select.md +4 -0
  40. package/docs/components/ui/tabs.md +4 -0
  41. package/llms-full.txt +19 -1
  42. package/llms.txt +14 -1
  43. package/package.json +37 -2
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"}
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"}
@@ -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"}