@devalok/shilp-sutra 0.49.0 → 0.49.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 (133) hide show
  1. package/dist/_chunks/badge-group.js +4 -4
  2. package/dist/_chunks/block-shell.js +1 -1
  3. package/dist/_chunks/chart-container.js +1 -1
  4. package/dist/_chunks/chat.js +3 -3
  5. package/dist/_chunks/colors.js +2 -2
  6. package/dist/_chunks/document-preview.js +4 -4
  7. package/dist/_chunks/emoji-suggestion.js +5 -5
  8. package/dist/_chunks/emoji-suggestion.js.map +1 -1
  9. package/dist/_chunks/emoji.js +1 -1
  10. package/dist/_chunks/field-state.js +1 -1
  11. package/dist/_chunks/grid-lines.js +1 -1
  12. package/dist/_chunks/image-preview.js +7 -7
  13. package/dist/_chunks/keybinding.js +1 -1
  14. package/dist/_chunks/link-context.js +1 -1
  15. package/dist/_chunks/mention-suggestion.js +2 -2
  16. package/dist/_chunks/mention.js +1 -1
  17. package/dist/_chunks/motion-provider.js +1 -1
  18. package/dist/_chunks/normalize-icon.js +1 -1
  19. package/dist/_chunks/oauth-button.js +2 -2
  20. package/dist/_chunks/popover.js +17 -17
  21. package/dist/_chunks/primitives.js +1 -1
  22. package/dist/_chunks/shared.js +5 -5
  23. package/dist/_chunks/success.js +4 -4
  24. package/dist/_chunks/tiptap.js +11 -11
  25. package/dist/_chunks/tooltip.js +1 -1
  26. package/dist/_chunks/tree-view.js +2 -2
  27. package/dist/_chunks/use-calendar.js +1 -1
  28. package/dist/_chunks/use-controllable-open.js +1 -1
  29. package/dist/_chunks/vendor-client.js +1 -1
  30. package/dist/_chunks/vendor-utils.js +1 -1
  31. package/dist/ai/block-renderer.js +7 -7
  32. package/dist/ai/blocks/error.js +1 -1
  33. package/dist/ai/blocks/index.js +2 -2
  34. package/dist/ai/blocks/text.js +1 -1
  35. package/dist/ai/command-bar.js +6 -6
  36. package/dist/ai/conversation.js +2 -2
  37. package/dist/ai/index.js +3 -3
  38. package/dist/composed/avatar-group.js +1 -1
  39. package/dist/composed/bulk-action-bar.js +1 -1
  40. package/dist/composed/command-palette.js +6 -6
  41. package/dist/composed/content-card.js +1 -1
  42. package/dist/composed/date-picker/index.js +10 -10
  43. package/dist/composed/emoji-picker.js +4 -4
  44. package/dist/composed/empty-state.js +1 -1
  45. package/dist/composed/extensions/emoji-node.js +1 -1
  46. package/dist/composed/extensions/emoji-suggestion.js +1 -1
  47. package/dist/composed/file-preview.js +14 -14
  48. package/dist/composed/filter-bar.js +1 -1
  49. package/dist/composed/multi-select-popover.js +3 -3
  50. package/dist/composed/priority-indicator.js +1 -1
  51. package/dist/composed/responsive-modal.js +21 -21
  52. package/dist/composed/rich-chat-input.js +445 -445
  53. package/dist/composed/rich-chat-input.js.map +1 -1
  54. package/dist/composed/rich-text-editor.js +28 -28
  55. package/dist/composed/status-badge.js +1 -1
  56. package/dist/motion/index.js +2 -2
  57. package/dist/shell/bottom-navbar.js +2 -2
  58. package/dist/shell/index.js +2 -2
  59. package/dist/shell/link-context.js +2 -2
  60. package/dist/shell/notification-center.js +3 -3
  61. package/dist/shell/sidebar.js +2 -2
  62. package/dist/shell/top-bar.js +1 -1
  63. package/dist/ui/accordion.js +14 -14
  64. package/dist/ui/alert-dialog.js +31 -31
  65. package/dist/ui/alert.js +1 -1
  66. package/dist/ui/aspect-ratio.js +1 -1
  67. package/dist/ui/autocomplete.js +7 -7
  68. package/dist/ui/avatar.js +15 -15
  69. package/dist/ui/badge-group.js +1 -1
  70. package/dist/ui/badge.js +1 -1
  71. package/dist/ui/banner.js +1 -1
  72. package/dist/ui/breadcrumb.js +1 -1
  73. package/dist/ui/button.js +5 -5
  74. package/dist/ui/card.js +1 -1
  75. package/dist/ui/charts/area-chart.js +6 -6
  76. package/dist/ui/charts/bar-chart.js +6 -6
  77. package/dist/ui/charts/chart-container.js +1 -1
  78. package/dist/ui/charts/gauge-chart.js +2 -2
  79. package/dist/ui/charts/index.js +2 -2
  80. package/dist/ui/charts/line-chart.js +6 -6
  81. package/dist/ui/charts/pie-chart.js +5 -5
  82. package/dist/ui/charts/radar-chart.js +5 -5
  83. package/dist/ui/charts/sparkline.js +2 -2
  84. package/dist/ui/chat/index.js +2 -2
  85. package/dist/ui/checkbox.js +5 -5
  86. package/dist/ui/collapsible.js +4 -4
  87. package/dist/ui/color-input.js +4 -4
  88. package/dist/ui/combobox.js +7 -7
  89. package/dist/ui/context-menu.js +41 -41
  90. package/dist/ui/dialog.js +25 -25
  91. package/dist/ui/dot.js +1 -1
  92. package/dist/ui/dropdown-menu.js +51 -51
  93. package/dist/ui/hover-card.js +9 -9
  94. package/dist/ui/icon-button.js +1 -1
  95. package/dist/ui/index.js +6 -6
  96. package/dist/ui/input.js +2 -2
  97. package/dist/ui/label.js +1 -1
  98. package/dist/ui/lib/utils.js +4 -4
  99. package/dist/ui/link.js +1 -1
  100. package/dist/ui/menubar.js +53 -53
  101. package/dist/ui/navigation-menu.js +27 -27
  102. package/dist/ui/number-input.js +2 -2
  103. package/dist/ui/oauth-button/index.js +2 -2
  104. package/dist/ui/pagination.js +1 -1
  105. package/dist/ui/popover.js +2 -2
  106. package/dist/ui/progress.js +2 -2
  107. package/dist/ui/radio.js +2 -2
  108. package/dist/ui/segmented-control.js +1 -1
  109. package/dist/ui/select.js +35 -35
  110. package/dist/ui/separator.js +1 -1
  111. package/dist/ui/sheet.js +22 -22
  112. package/dist/ui/sidebar.js +2 -2
  113. package/dist/ui/skeleton.js +1 -1
  114. package/dist/ui/slider.js +7 -7
  115. package/dist/ui/split-button.js +3 -3
  116. package/dist/ui/stat-card.js +2 -2
  117. package/dist/ui/stat-flash.js +1 -1
  118. package/dist/ui/stepper.js +1 -1
  119. package/dist/ui/surface.js +2 -2
  120. package/dist/ui/switch.js +2 -2
  121. package/dist/ui/table-row-link.js +1 -1
  122. package/dist/ui/tabs.js +13 -13
  123. package/dist/ui/text.js +1 -1
  124. package/dist/ui/textarea.js +2 -2
  125. package/dist/ui/toggle-group.js +1 -1
  126. package/dist/ui/toggle.js +2 -2
  127. package/dist/ui/tooltip.js +16 -16
  128. package/dist/ui/tree-view/index.js +2 -2
  129. package/llms.txt +1 -1
  130. package/mcp-manifest.json +1 -1
  131. package/package.json +1 -1
  132. package/skill/SKILL.md +1 -1
  133. package/skill/references/components.md +1 -1
package/dist/ui/sheet.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
- import { An as e, Dn as t, En as n, Mn as r, On as i, Tn as a, jn as o, kn as s } from "../_chunks/primitives.js";
2
+ import { Close as e, Content$2 as t, Description as n, Overlay as r, Portal$4 as i, Root$8 as a, Title as o, Trigger$9 as s } from "../_chunks/primitives.js";
3
3
  import { motionProps as c, springs as l, tweens as u } from "./lib/motion.js";
4
- import { t as d } from "../_chunks/vendor-utils.js";
4
+ import { cva as d } from "../_chunks/vendor-utils.js";
5
5
  import { cn as f } from "./lib/utils.js";
6
6
  import { Icon as p } from "./icon.js";
7
7
  import { useIsMobile as m } from "../hooks/use-mobile.js";
8
- import { t as h } from "../_chunks/use-controllable-open.js";
8
+ import { useControllableOpen as h } from "../_chunks/use-controllable-open.js";
9
9
  import * as g from "react";
10
10
  import { jsx as _, jsxs as v } from "react/jsx-runtime";
11
11
  import { IconX as y } from "@tabler/icons-react";
@@ -14,27 +14,27 @@ import { AnimatePresence as b, motion as x, useReducedMotion as S } from "framer
14
14
  var C = g.createContext({
15
15
  open: !1,
16
16
  onClose: () => {}
17
- }), w = ({ open: t, defaultOpen: n = !1, onOpenChange: r, children: i, ...a }) => {
17
+ }), w = ({ open: e, defaultOpen: t = !1, onOpenChange: n, children: r, ...i }) => {
18
18
  let { open: o, setOpen: s, close: c } = h({
19
- open: t,
20
- defaultOpen: n,
21
- onOpenChange: r
19
+ open: e,
20
+ defaultOpen: t,
21
+ onOpenChange: n
22
22
  }), l = g.useMemo(() => ({
23
23
  open: o,
24
24
  onClose: c
25
25
  }), [o, c]);
26
26
  return /* @__PURE__ */ _(C.Provider, {
27
27
  value: l,
28
- children: /* @__PURE__ */ _(e, {
28
+ children: /* @__PURE__ */ _(a, {
29
29
  open: o,
30
30
  onOpenChange: s,
31
- ...a,
32
- children: i
31
+ ...i,
32
+ children: r
33
33
  })
34
34
  });
35
35
  };
36
36
  w.displayName = "Sheet";
37
- var T = r, E = a, D = s, O = g.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(i, {
37
+ var T = s, E = e, D = i, O = g.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(r, {
38
38
  forceMount: !0,
39
39
  asChild: !0,
40
40
  children: /* @__PURE__ */ _(x.div, {
@@ -47,7 +47,7 @@ var T = r, E = a, D = s, O = g.forwardRef(({ className: e, ...t }, n) => /* @__P
47
47
  ...c(t)
48
48
  })
49
49
  }));
50
- O.displayName = i.displayName;
50
+ O.displayName = r.displayName;
51
51
  var k = {
52
52
  top: { y: "-100%" },
53
53
  bottom: { y: "100%" },
@@ -66,18 +66,18 @@ var k = {
66
66
  right: "inset-y-0 right-0 h-full w-3/4 border-l border-surface-border-strong sm:max-w-sm"
67
67
  } },
68
68
  defaultVariants: { side: "right" }
69
- }), M = g.forwardRef(({ side: e = "right", responsive: t, className: r, children: i, ...o }, s) => {
70
- let u = m(), d = t !== !1 && u, h = S(), { open: w, onClose: T } = g.useContext(C), E = d ? "bottom" : e ?? "right", M = g.useRef(null), N = g.useCallback((e) => {
69
+ }), M = g.forwardRef(({ side: n = "right", responsive: r, className: i, children: a, ...o }, s) => {
70
+ let u = m(), d = r !== !1 && u, h = S(), { open: w, onClose: T } = g.useContext(C), E = d ? "bottom" : n ?? "right", M = g.useRef(null), N = g.useCallback((e) => {
71
71
  M.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
72
72
  }, [s]);
73
73
  return /* @__PURE__ */ _(b, { children: w && /* @__PURE__ */ v(D, {
74
74
  forceMount: !0,
75
- children: [/* @__PURE__ */ _(O, {}), /* @__PURE__ */ _(n, {
75
+ children: [/* @__PURE__ */ _(O, {}), /* @__PURE__ */ _(t, {
76
76
  forceMount: !0,
77
77
  asChild: !0,
78
78
  children: /* @__PURE__ */ v(x.div, {
79
79
  ref: N,
80
- className: f(j({ side: E }), r),
80
+ className: f(j({ side: E }), i),
81
81
  initial: k[E],
82
82
  animate: A[E],
83
83
  exit: k[E],
@@ -95,7 +95,7 @@ var k = {
95
95
  className: "flex justify-center pt-ds-03 pb-ds-02",
96
96
  children: /* @__PURE__ */ _("div", { className: "h-1 w-8 rounded-pill bg-surface-border" })
97
97
  }),
98
- /* @__PURE__ */ v(a, {
98
+ /* @__PURE__ */ v(e, {
99
99
  title: "Close",
100
100
  className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-control-inner text-surface-fg-subtle transition-colors ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none",
101
101
  children: [/* @__PURE__ */ _(p, {
@@ -106,13 +106,13 @@ var k = {
106
106
  children: "Close"
107
107
  })]
108
108
  }),
109
- i
109
+ a
110
110
  ]
111
111
  })
112
112
  })]
113
113
  }) });
114
114
  });
115
- M.displayName = n.displayName;
115
+ M.displayName = t.displayName;
116
116
  var N = g.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("div", {
117
117
  ref: n,
118
118
  className: f("flex flex-col space-y-ds-03 text-center sm:text-left", e),
@@ -131,11 +131,11 @@ var F = g.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(o, {
131
131
  ...t
132
132
  }));
133
133
  F.displayName = o.displayName;
134
- var I = g.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ _(t, {
134
+ var I = g.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ _(n, {
135
135
  ref: r,
136
136
  className: f("text-ds-md text-surface-fg-muted", e),
137
- ...n
137
+ ...t
138
138
  }));
139
- I.displayName = t.displayName;
139
+ I.displayName = n.displayName;
140
140
  //#endregion
141
141
  export { w as Sheet, E as SheetClose, M as SheetContent, I as SheetDescription, P as SheetFooter, N as SheetHeader, O as SheetOverlay, D as SheetPortal, F as SheetTitle, T as SheetTrigger };
@@ -1,7 +1,7 @@
1
1
  "use client";
2
- import { Vn as e } from "../_chunks/primitives.js";
2
+ import { Slot as e } from "../_chunks/primitives.js";
3
3
  import { springs as t } from "./lib/motion.js";
4
- import { t as n } from "../_chunks/vendor-utils.js";
4
+ import { cva as n } from "../_chunks/vendor-utils.js";
5
5
  import { cn as r } from "./lib/utils.js";
6
6
  import { Icon as i } from "./icon.js";
7
7
  import { useIsMobile as a } from "../hooks/use-mobile.js";
@@ -1,4 +1,4 @@
1
- import { t as e } from "../_chunks/vendor-utils.js";
1
+ import { cva as e } from "../_chunks/vendor-utils.js";
2
2
  import { cn as t } from "./lib/utils.js";
3
3
  import * as n from "react";
4
4
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
package/dist/ui/slider.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
- import { B as e, H as t, U as n, V as r } from "../_chunks/primitives.js";
3
- import { t as i } from "../_chunks/vendor-utils.js";
2
+ import { Range as e, Root$3 as t, Thumb$1 as n, Track as r } from "../_chunks/primitives.js";
3
+ import { cva as i } from "../_chunks/vendor-utils.js";
4
4
  import { cn as a } from "./lib/utils.js";
5
5
  import { useFormField as o } from "./form.js";
6
6
  import * as s from "react";
@@ -38,7 +38,7 @@ var u = i("relative w-full grow overflow-hidden rounded-pill bg-surface-raised-h
38
38
  error: "bg-error-9"
39
39
  }, p = s.forwardRef(({ className: i, "aria-label": s, value: p, defaultValue: m, size: h = "md", color: g = "accent", ..._ }, v) => {
40
40
  let y = h ?? "md", b = g ?? "accent", x = o(), S = x.state === "error", C = _["aria-describedby"] ?? x.helperTextId, w = _["aria-required"] ?? x.required, T = (p ?? m ?? [0]).length;
41
- return /* @__PURE__ */ l(r, {
41
+ return /* @__PURE__ */ l(t, {
42
42
  ref: v,
43
43
  value: p,
44
44
  defaultValue: m,
@@ -47,18 +47,18 @@ var u = i("relative w-full grow overflow-hidden rounded-pill bg-surface-raised-h
47
47
  "aria-required": w || void 0,
48
48
  className: a("relative flex w-full touch-none select-none items-center", i),
49
49
  ..._,
50
- children: [/* @__PURE__ */ c(n, {
50
+ children: [/* @__PURE__ */ c(r, {
51
51
  className: u({ size: y }),
52
52
  children: /* @__PURE__ */ c(e, { className: a("absolute h-full", f[b]) })
53
- }), Array.from({ length: T }, (e, n) => /* @__PURE__ */ c(t, {
53
+ }), Array.from({ length: T }, (e, t) => /* @__PURE__ */ c(n, {
54
54
  "aria-label": T === 1 ? s : void 0,
55
55
  className: d({
56
56
  size: y,
57
57
  color: b
58
58
  })
59
- }, n))]
59
+ }, t))]
60
60
  });
61
61
  });
62
- p.displayName = r.displayName;
62
+ p.displayName = t.displayName;
63
63
  //#endregion
64
64
  export { p as Slider, d as sliderThumbVariants, u as sliderTrackVariants };
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { cn as e } from "./lib/utils.js";
3
- import { i as t, r as n, t as r } from "../_chunks/popover.js";
3
+ import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "../_chunks/popover.js";
4
4
  import * as i from "react";
5
5
  import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
6
6
  //#region src/ui/split-button.tsx
@@ -119,7 +119,7 @@ var _ = i.forwardRef(function({ children: _, onClick: v, dropdownContent: y, ope
119
119
  let [P, F] = i.useMemo(() => {
120
120
  let [e, t] = A.split("-");
121
121
  return [e, t === "start" ? "start" : t === "end" ? "end" : "center"];
122
- }, [A]), I = m(S, C), L = c[S][C] ?? c[S].accent, R = j == null ? void 0 : { width: typeof j == "number" ? `${j}px` : j }, z = /* @__PURE__ */ o(t, {
122
+ }, [A]), I = m(S, C), L = c[S][C] ?? c[S].accent, R = j == null ? void 0 : { width: typeof j == "number" ? `${j}px` : j }, z = /* @__PURE__ */ o(r, {
123
123
  asChild: !0,
124
124
  children: /* @__PURE__ */ o("button", {
125
125
  type: "button",
@@ -130,7 +130,7 @@ var _ = i.forwardRef(function({ children: _, onClick: v, dropdownContent: y, ope
130
130
  children: O ?? /* @__PURE__ */ o(g, {})
131
131
  })
132
132
  });
133
- return /* @__PURE__ */ s(r, {
133
+ return /* @__PURE__ */ s(t, {
134
134
  open: b,
135
135
  onOpenChange: x,
136
136
  children: [/* @__PURE__ */ o("div", {
@@ -4,10 +4,10 @@ import { springs as t, tweens as n } from "./lib/motion.js";
4
4
  import { cn as r } from "./lib/utils.js";
5
5
  import { Icon as i } from "./icon.js";
6
6
  import { Skeleton as a } from "./skeleton.js";
7
- import { t as o } from "../_chunks/normalize-icon.js";
7
+ import { normalizeIcon as o } from "../_chunks/normalize-icon.js";
8
8
  import { Card as s, CardContent as c, CardFooter as l } from "./card.js";
9
9
  import { Progress as u } from "./progress.js";
10
- import { n as d } from "../_chunks/link-context.js";
10
+ import { useLink as d } from "../_chunks/link-context.js";
11
11
  import { StatFlash as f } from "./stat-flash.js";
12
12
  import * as p from "react";
13
13
  import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
@@ -2,7 +2,7 @@
2
2
  import { IconProvider as e } from "./icon-context.js";
3
3
  import { springs as t, tweens as n } from "./lib/motion.js";
4
4
  import { cn as r } from "./lib/utils.js";
5
- import { t as i } from "../_chunks/normalize-icon.js";
5
+ import { normalizeIcon as i } from "../_chunks/normalize-icon.js";
6
6
  import * as a from "react";
7
7
  import { jsx as o, jsxs as s } from "react/jsx-runtime";
8
8
  import { IconAlertTriangle as c, IconArrowDown as l, IconArrowUp as u, IconBolt as d, IconCheck as f, IconStar as p } from "@tabler/icons-react";
@@ -2,7 +2,7 @@
2
2
  import { IconProvider as e } from "./icon-context.js";
3
3
  import { springs as t } from "./lib/motion.js";
4
4
  import { cn as n } from "./lib/utils.js";
5
- import { t as r } from "../_chunks/normalize-icon.js";
5
+ import { normalizeIcon as r } from "../_chunks/normalize-icon.js";
6
6
  import * as i from "react";
7
7
  import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
8
8
  import { AnimatePresence as c, motion as l } from "framer-motion";
@@ -1,5 +1,5 @@
1
- import { Vn as e } from "../_chunks/primitives.js";
2
- import { t } from "../_chunks/vendor-utils.js";
1
+ import { Slot as e } from "../_chunks/primitives.js";
2
+ import { cva as t } from "../_chunks/vendor-utils.js";
3
3
  import { cn as n } from "./lib/utils.js";
4
4
  import * as r from "react";
5
5
  import { jsx as i } from "react/jsx-runtime";
package/dist/ui/switch.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client";
2
- import { R as e, z as t } from "../_chunks/primitives.js";
2
+ import { Root$2 as e, Thumb as t } from "../_chunks/primitives.js";
3
3
  import { springs as n } from "./lib/motion.js";
4
4
  import { cn as r } from "./lib/utils.js";
5
5
  import { useFormField as i } from "./form.js";
6
- import { t as a } from "../_chunks/field-state.js";
6
+ import { resolveFieldState as a } from "../_chunks/field-state.js";
7
7
  import * as o from "react";
8
8
  import { jsx as s } from "react/jsx-runtime";
9
9
  import { motion as c } from "framer-motion";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { cn as e } from "./lib/utils.js";
3
- import { n as t } from "../_chunks/link-context.js";
3
+ import { useLink as t } from "../_chunks/link-context.js";
4
4
  import * as n from "react";
5
5
  import { jsx as r } from "react/jsx-runtime";
6
6
  //#region src/ui/table-row-link.tsx
package/dist/ui/tabs.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
- import { i as e, n as t, r as n, t as r } from "../_chunks/primitives.js";
2
+ import { Content as e, List as t, Root2 as n, Trigger as r } from "../_chunks/primitives.js";
3
3
  import { springs as i, tweens as a } from "./lib/motion.js";
4
- import { t as o } from "../_chunks/vendor-utils.js";
4
+ import { cva as o } from "../_chunks/vendor-utils.js";
5
5
  import { cn as s } from "./lib/utils.js";
6
6
  import * as c from "react";
7
7
  import { jsx as l, jsxs as u } from "react/jsx-runtime";
@@ -119,14 +119,14 @@ var b = {
119
119
  }, x = {
120
120
  accent: "bg-accent-9",
121
121
  neutral: "bg-surface-fg"
122
- }, S = c.forwardRef(({ className: t, variant: n, children: r, ...a }, o) => {
123
- let d = c.useContext(g), h = c.useContext(p), _ = c.useContext(m), y = n ?? d.variant, S = d.size, C = d.color, w = a.value === h, T = _ === "vertical";
124
- return /* @__PURE__ */ u(e, {
122
+ }, S = c.forwardRef(({ className: e, variant: t, children: n, ...a }, o) => {
123
+ let d = c.useContext(g), h = c.useContext(p), _ = c.useContext(m), y = t ?? d.variant, S = d.size, C = d.color, w = a.value === h, T = _ === "vertical";
124
+ return /* @__PURE__ */ u(r, {
125
125
  ref: o,
126
126
  className: s(v({
127
127
  variant: y,
128
128
  size: S
129
- }), y === "line" && b[C], T && "w-full justify-start", y === "line" && T && "-ml-px -mb-0", t),
129
+ }), y === "line" && b[C], T && "w-full justify-start", y === "line" && T && "-ml-px -mb-0", e),
130
130
  ...a,
131
131
  children: [
132
132
  y === "contained" && w && /* @__PURE__ */ l(f.span, {
@@ -138,7 +138,7 @@ var b = {
138
138
  className: "relative z-[1] inline-flex min-w-0 items-center gap-ds-02",
139
139
  children: /* @__PURE__ */ l("span", {
140
140
  className: "truncate",
141
- children: r
141
+ children: n
142
142
  })
143
143
  }),
144
144
  y === "line" && w && /* @__PURE__ */ l(f.span, {
@@ -149,18 +149,18 @@ var b = {
149
149
  ]
150
150
  });
151
151
  });
152
- S.displayName = e.displayName;
153
- var C = c.forwardRef(({ className: e, children: t, ...n }, i) => /* @__PURE__ */ l(r, {
152
+ S.displayName = r.displayName;
153
+ var C = c.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ l(e, {
154
154
  ref: i,
155
- className: s("ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2", c.useContext(m) === "vertical" ? "mt-0 flex-1 min-w-0" : "mt-ds-05", e),
156
- ...n,
155
+ className: s("ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2", c.useContext(m) === "vertical" ? "mt-0 flex-1 min-w-0" : "mt-ds-05", t),
156
+ ...r,
157
157
  children: /* @__PURE__ */ l(f.div, {
158
158
  initial: { opacity: 0 },
159
159
  animate: { opacity: 1 },
160
160
  transition: a.fade,
161
- children: t
161
+ children: n
162
162
  })
163
163
  }));
164
- C.displayName = r.displayName;
164
+ C.displayName = e.displayName;
165
165
  //#endregion
166
166
  export { h as Tabs, C as TabsContent, y as TabsList, S as TabsTrigger };
package/dist/ui/text.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../_chunks/vendor-utils.js";
1
+ import { cva as e } from "../_chunks/vendor-utils.js";
2
2
  import { cn as t } from "./lib/utils.js";
3
3
  import * as n from "react";
4
4
  //#region src/ui/text.tsx
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import { motionProps as e } from "./lib/motion.js";
3
- import { t } from "../_chunks/vendor-utils.js";
3
+ import { cva as t } from "../_chunks/vendor-utils.js";
4
4
  import { cn as n } from "./lib/utils.js";
5
5
  import { useFormField as r } from "./form.js";
6
- import { t as i } from "../_chunks/field-state.js";
6
+ import { resolveFieldState as i } from "../_chunks/field-state.js";
7
7
  import * as a from "react";
8
8
  import { jsx as o } from "react/jsx-runtime";
9
9
  import { motion as s } from "framer-motion";
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { F as e, I as t } from "../_chunks/primitives.js";
2
+ import { Item2 as e, Root2$2 as t } from "../_chunks/primitives.js";
3
3
  import { cn as n } from "./lib/utils.js";
4
4
  import { toggleVariants as r } from "./toggle.js";
5
5
  import * as i from "react";
package/dist/ui/toggle.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
- import { L as e } from "../_chunks/primitives.js";
2
+ import { Root$1 as e } from "../_chunks/primitives.js";
3
3
  import { motionProps as t, springs as n } from "./lib/motion.js";
4
- import { t as r } from "../_chunks/vendor-utils.js";
4
+ import { cva as r } from "../_chunks/vendor-utils.js";
5
5
  import { cn as i } from "./lib/utils.js";
6
6
  import * as a from "react";
7
7
  import { jsx as o } from "react/jsx-runtime";
@@ -1,37 +1,37 @@
1
1
  "use client";
2
- import { A as e, M as t, N as n, P as r, j as i } from "../_chunks/primitives.js";
2
+ import { Content2$1 as e, Portal as t, Provider as n, Root3$1 as r, Trigger$3 as i } from "../_chunks/primitives.js";
3
3
  import { springs as a, tweens as o } from "./lib/motion.js";
4
4
  import { cn as s } from "./lib/utils.js";
5
- import { t as c } from "../_chunks/use-controllable-open.js";
5
+ import { useControllableOpen as c } from "../_chunks/use-controllable-open.js";
6
6
  import * as l from "react";
7
7
  import { Fragment as u, jsx as d } from "react/jsx-runtime";
8
8
  import { AnimatePresence as f, motion as p } from "framer-motion";
9
9
  //#region src/ui/tooltip.tsx
10
- var m = l.createContext(!1), h = ({ children: e, ...n }) => /* @__PURE__ */ d(m.Provider, {
10
+ var m = l.createContext(!1), h = ({ children: e, ...t }) => /* @__PURE__ */ d(m.Provider, {
11
11
  value: !0,
12
- children: /* @__PURE__ */ d(t, {
13
- ...n,
12
+ children: /* @__PURE__ */ d(n, {
13
+ ...t,
14
14
  children: e
15
15
  })
16
16
  });
17
17
  function g({ children: e }) {
18
18
  return l.useContext(m) ? /* @__PURE__ */ d(u, { children: e }) : /* @__PURE__ */ d(m.Provider, {
19
19
  value: !0,
20
- children: /* @__PURE__ */ d(t, {
20
+ children: /* @__PURE__ */ d(n, {
21
21
  delayDuration: 300,
22
22
  children: e
23
23
  })
24
24
  });
25
25
  }
26
- var _ = l.createContext({ open: !1 }), v = ({ open: e, defaultOpen: t, onOpenChange: r, ...i }) => {
26
+ var _ = l.createContext({ open: !1 }), v = ({ open: e, defaultOpen: t, onOpenChange: n, ...i }) => {
27
27
  let { open: a, setOpen: o } = c({
28
28
  open: e,
29
29
  defaultOpen: t,
30
- onOpenChange: r
30
+ onOpenChange: n
31
31
  }), s = l.useMemo(() => ({ open: a }), [a]);
32
32
  return /* @__PURE__ */ d(g, { children: /* @__PURE__ */ d(_.Provider, {
33
33
  value: s,
34
- children: /* @__PURE__ */ d(n, {
34
+ children: /* @__PURE__ */ d(r, {
35
35
  open: a,
36
36
  onOpenChange: o,
37
37
  ...i
@@ -39,20 +39,20 @@ var _ = l.createContext({ open: !1 }), v = ({ open: e, defaultOpen: t, onOpenCha
39
39
  }) });
40
40
  };
41
41
  v.displayName = "Tooltip";
42
- var y = r, b = {
42
+ var y = i, b = {
43
43
  top: { y: 4 },
44
44
  bottom: { y: -4 },
45
45
  left: { x: 4 },
46
46
  right: { x: -4 }
47
- }, x = l.forwardRef(({ className: t, sideOffset: n = 4, side: r = "top", children: c, ...u }, m) => {
48
- let { open: h } = l.useContext(_), g = b[r] ?? {};
49
- return /* @__PURE__ */ d(f, { children: h && /* @__PURE__ */ d(i, {
47
+ }, x = l.forwardRef(({ className: n, sideOffset: r = 4, side: i = "top", children: c, ...u }, m) => {
48
+ let { open: h } = l.useContext(_), g = b[i] ?? {};
49
+ return /* @__PURE__ */ d(f, { children: h && /* @__PURE__ */ d(t, {
50
50
  forceMount: !0,
51
51
  children: /* @__PURE__ */ d(e, {
52
52
  ref: m,
53
53
  forceMount: !0,
54
- sideOffset: n,
55
- side: r,
54
+ sideOffset: r,
55
+ side: i,
56
56
  ...u,
57
57
  asChild: !0,
58
58
  children: /* @__PURE__ */ d(p.div, {
@@ -76,7 +76,7 @@ var y = r, b = {
76
76
  ...a.snappy,
77
77
  opacity: o.fade
78
78
  },
79
- className: s("z-tooltip overflow-hidden rounded-overlay-sm bg-surface-inverted px-ds-04 py-ds-02b text-ds-sm text-surface-inverted-fg shadow-floating", t),
79
+ className: s("z-tooltip overflow-hidden rounded-overlay-sm bg-surface-inverted px-ds-04 py-ds-02b text-ds-sm text-surface-inverted-fg shadow-floating", n),
80
80
  children: c
81
81
  })
82
82
  })
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import { n as e, r as t, t as n } from "../../_chunks/tree-view.js";
3
- export { n as TreeItem, e as TreeView, t as useTree };
2
+ import { TreeItem as e, TreeView as t, useTree as n } from "../../_chunks/tree-view.js";
3
+ export { e as TreeItem, t as TreeView, n as useTree };
package/llms.txt CHANGED
@@ -1,6 +1,6 @@
1
1
  # @devalok/shilp-sutra
2
2
 
3
- > Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.49.0.
3
+ > Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.49.1.
4
4
  > Built on the same primitives as shadcn/ui but with DIFFERENT prop APIs — never guess from shadcn knowledge; verify every prop.
5
5
  > This file is a ROUTER: it tells you what exists and where to get details. Do not look for prop tables here — fetch them per component (MCP tool or per-component doc file below).
6
6
 
package/mcp-manifest.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "./mcp-manifest.schema.json",
3
3
  "manifestVersion": "1.2.0",
4
4
  "package": "@devalok/shilp-sutra",
5
- "packageVersion": "0.49.0",
5
+ "packageVersion": "0.49.1",
6
6
  "components": {
7
7
  "accordion": {
8
8
  "displayName": "Accordion",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devalok/shilp-sutra",
3
- "version": "0.49.0",
3
+ "version": "0.49.1",
4
4
  "description": "Devalok Design System — accessible React components, OKLCH design tokens, and Tailwind 4 CSS-first setup. Ships with AI-agent setup recipes.",
5
5
  "license": "MIT",
6
6
  "author": "Devalok Design & Strategy Studios <shilp-sutra@devalok.in>",
package/skill/SKILL.md CHANGED
@@ -3,7 +3,7 @@ name: shilp-sutra
3
3
  description: Add, configure, and use components from Devalok's shilp-sutra design system (@devalok/shilp-sutra) — a Tailwind 4 + React 19 + CVA library with 110+ accessible components, OKLCH design tokens, framer-motion animations, and per-component RSC-safe entry points. Use this skill whenever the user mentions shilp-sutra, Devalok, the @devalok npm scope, or asks to install/add/style/theme UI in any React project that already depends on the package — even if they don't name it explicitly. Use it instead of generic shadcn/ui, MUI, or Chakra knowledge when shilp-sutra is in the project. Covers Next.js (App + Pages), Vite, Astro, Remix, TanStack Start setup playbooks; component API and variant reference; brand token customization; Server Component import patterns; and a troubleshoot tree for the thirteen most common breakages.
4
4
  license: MIT
5
5
  metadata:
6
- version: "0.49.0"
6
+ version: "0.49.1"
7
7
  author: Devalok Design & Strategy Studios
8
8
  homepage: https://github.com/devalok-design/shilp-sutra
9
9
  npm: https://www.npmjs.com/package/@devalok/shilp-sutra
@@ -2,7 +2,7 @@
2
2
 
3
3
  # @devalok/shilp-sutra
4
4
 
5
- > Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.49.0.
5
+ > Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.49.1.
6
6
  > Built on the same primitives as shadcn/ui but with DIFFERENT prop APIs — never guess from shadcn knowledge; verify every prop.
7
7
  > This file is a ROUTER: it tells you what exists and where to get details. Do not look for prop tables here — fetch them per component (MCP tool or per-component doc file below).
8
8