@devalok/shilp-sutra 0.27.2 → 0.29.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 (250) hide show
  1. package/dist/_chunks/badge-group.js +299 -0
  2. package/dist/_chunks/framer.js +1915 -1980
  3. package/dist/_chunks/keybinding.js +4 -5
  4. package/dist/_chunks/primitives.js +3198 -3272
  5. package/dist/_chunks/sonner.js +29 -31
  6. package/dist/_chunks/stat-row.js +110 -131
  7. package/dist/_chunks/tiptap.js +42 -78
  8. package/dist/_chunks/tree-view.js +138 -149
  9. package/dist/_chunks/typing-indicator.js +565 -0
  10. package/dist/_chunks/use-calendar.js +416 -439
  11. package/dist/_chunks/vendor-client.js +977 -814
  12. package/dist/_chunks/vendor-utils.js +5 -5
  13. package/dist/ai/block-renderer.js +22 -22
  14. package/dist/ai/blocks/loading.d.ts.map +1 -1
  15. package/dist/ai/command-bar.d.ts.map +1 -1
  16. package/dist/ai/command-bar.js +241 -263
  17. package/dist/ai/conversation.d.ts.map +1 -1
  18. package/dist/ai/conversation.js +87 -107
  19. package/dist/composed/activity-feed.d.ts +2 -0
  20. package/dist/composed/activity-feed.d.ts.map +1 -1
  21. package/dist/composed/activity-feed.js +118 -90
  22. package/dist/composed/avatar-group.d.ts +1 -0
  23. package/dist/composed/avatar-group.d.ts.map +1 -1
  24. package/dist/composed/avatar-group.js +91 -67
  25. package/dist/composed/bulk-action-bar.d.ts.map +1 -1
  26. package/dist/composed/bulk-action-bar.js +29 -28
  27. package/dist/composed/command-palette.d.ts.map +1 -1
  28. package/dist/composed/command-palette.js +99 -113
  29. package/dist/composed/content-card.js +1 -1
  30. package/dist/composed/date-picker/calendar-grid.d.ts.map +1 -1
  31. package/dist/composed/date-picker/date-picker.d.ts.map +1 -1
  32. package/dist/composed/date-picker/date-range-picker.d.ts.map +1 -1
  33. package/dist/composed/date-picker/date-time-picker.d.ts.map +1 -1
  34. package/dist/composed/date-picker/time-picker.d.ts.map +1 -1
  35. package/dist/composed/deadline-indicator.d.ts.map +1 -1
  36. package/dist/composed/deadline-indicator.js +29 -28
  37. package/dist/composed/error-boundary.d.ts.map +1 -1
  38. package/dist/composed/error-boundary.js +30 -27
  39. package/dist/composed/extensions/file-attachment.d.ts.map +1 -1
  40. package/dist/composed/file-preview.d.ts.map +1 -1
  41. package/dist/composed/file-preview.js +261 -271
  42. package/dist/composed/filter-bar.d.ts.map +1 -1
  43. package/dist/composed/filter-bar.js +49 -48
  44. package/dist/composed/form-section.d.ts.map +1 -1
  45. package/dist/composed/form-section.js +12 -11
  46. package/dist/composed/global-loading.js +1 -1
  47. package/dist/composed/index.js +63 -63
  48. package/dist/composed/inline-edit.d.ts.map +1 -1
  49. package/dist/composed/inline-edit.js +55 -54
  50. package/dist/composed/markdown-viewer.d.ts.map +1 -1
  51. package/dist/composed/markdown-viewer.js +44 -43
  52. package/dist/composed/master-detail.d.ts.map +1 -1
  53. package/dist/composed/master-detail.js +35 -34
  54. package/dist/composed/multi-select-popover.d.ts.map +1 -1
  55. package/dist/composed/multi-select-popover.js +64 -64
  56. package/dist/composed/page-header.d.ts.map +1 -1
  57. package/dist/composed/page-header.js +31 -37
  58. package/dist/composed/priority-indicator.d.ts.map +1 -1
  59. package/dist/composed/priority-indicator.js +37 -36
  60. package/dist/composed/rich-text-editor.d.ts.map +1 -1
  61. package/dist/composed/rich-text-editor.js +287 -306
  62. package/dist/composed/schedule-view.js +62 -62
  63. package/dist/composed/status-badge.d.ts +4 -2
  64. package/dist/composed/status-badge.d.ts.map +1 -1
  65. package/dist/composed/status-badge.js +58 -45
  66. package/dist/shell/app-command-palette.d.ts.map +1 -1
  67. package/dist/shell/app-command-palette.js +93 -93
  68. package/dist/shell/bottom-navbar.d.ts.map +1 -1
  69. package/dist/shell/bottom-navbar.js +21 -20
  70. package/dist/shell/index.js +18 -18
  71. package/dist/shell/notification-center.d.ts.map +1 -1
  72. package/dist/shell/notification-center.js +96 -95
  73. package/dist/shell/notification-preferences.d.ts.map +1 -1
  74. package/dist/shell/notification-preferences.js +82 -85
  75. package/dist/shell/sidebar.js +59 -60
  76. package/dist/shell/top-bar.d.ts.map +1 -1
  77. package/dist/shell/top-bar.js +103 -103
  78. package/dist/tailwind/index.cjs +37 -4
  79. package/dist/tailwind/preset.d.ts.map +1 -1
  80. package/dist/tailwind/preset.js +38 -5
  81. package/dist/tokens/primitives.css +10 -0
  82. package/dist/tokens/semantic.css +70 -7
  83. package/dist/ui/accordion.d.ts +5 -2
  84. package/dist/ui/accordion.d.ts.map +1 -1
  85. package/dist/ui/accordion.js +44 -39
  86. package/dist/ui/alert-dialog.js +57 -57
  87. package/dist/ui/alert.d.ts +1 -1
  88. package/dist/ui/alert.d.ts.map +1 -1
  89. package/dist/ui/alert.js +30 -29
  90. package/dist/ui/aspect-ratio.js +4 -4
  91. package/dist/ui/autocomplete.js +56 -56
  92. package/dist/ui/avatar.js +2 -2
  93. package/dist/ui/badge-group.d.ts +22 -0
  94. package/dist/ui/badge-group.d.ts.map +1 -0
  95. package/dist/ui/badge-group.js +8 -0
  96. package/dist/ui/badge-indicator.d.ts +32 -0
  97. package/dist/ui/badge-indicator.d.ts.map +1 -0
  98. package/dist/ui/badge-indicator.js +54 -0
  99. package/dist/ui/badge.d.ts +27 -24
  100. package/dist/ui/badge.d.ts.map +1 -1
  101. package/dist/ui/badge.js +13 -129
  102. package/dist/ui/banner.d.ts +1 -1
  103. package/dist/ui/banner.d.ts.map +1 -1
  104. package/dist/ui/banner.js +27 -26
  105. package/dist/ui/breadcrumb.d.ts.map +1 -1
  106. package/dist/ui/breadcrumb.js +37 -36
  107. package/dist/ui/button-group.d.ts +12 -6
  108. package/dist/ui/button-group.d.ts.map +1 -1
  109. package/dist/ui/button-group.js +18 -18
  110. package/dist/ui/button-processing.d.ts +15 -0
  111. package/dist/ui/button-processing.d.ts.map +1 -0
  112. package/dist/ui/button-processing.js +77 -0
  113. package/dist/ui/button.d.ts +50 -25
  114. package/dist/ui/button.d.ts.map +1 -1
  115. package/dist/ui/button.js +243 -127
  116. package/dist/ui/card.js +20 -21
  117. package/dist/ui/charts/index.js +499 -508
  118. package/dist/ui/chat/date-separator.d.ts +12 -0
  119. package/dist/ui/chat/date-separator.d.ts.map +1 -0
  120. package/dist/ui/chat/index.d.ts +9 -0
  121. package/dist/ui/chat/index.d.ts.map +1 -0
  122. package/dist/ui/chat/index.js +12 -0
  123. package/dist/ui/chat/message-input.d.ts +16 -0
  124. package/dist/ui/chat/message-input.d.ts.map +1 -0
  125. package/dist/ui/chat/message-list.d.ts +24 -0
  126. package/dist/ui/chat/message-list.d.ts.map +1 -0
  127. package/dist/ui/chat/message.d.ts +108 -0
  128. package/dist/ui/chat/message.d.ts.map +1 -0
  129. package/dist/ui/chat/system-message.d.ts +11 -0
  130. package/dist/ui/chat/system-message.d.ts.map +1 -0
  131. package/dist/ui/chat/typing-indicator.d.ts +14 -0
  132. package/dist/ui/chat/typing-indicator.d.ts.map +1 -0
  133. package/dist/ui/chat/unread-separator.d.ts +12 -0
  134. package/dist/ui/chat/unread-separator.d.ts.map +1 -0
  135. package/dist/ui/checkbox.js +18 -18
  136. package/dist/ui/chip.d.ts +13 -62
  137. package/dist/ui/chip.d.ts.map +1 -1
  138. package/dist/ui/chip.js +10 -109
  139. package/dist/ui/collapsible.js +4 -4
  140. package/dist/ui/color-input.d.ts +19 -5
  141. package/dist/ui/color-input.d.ts.map +1 -1
  142. package/dist/ui/color-input.js +371 -79
  143. package/dist/ui/color-swatch.js +11 -11
  144. package/dist/ui/combobox.d.ts.map +1 -1
  145. package/dist/ui/combobox.js +74 -80
  146. package/dist/ui/context-menu.d.ts.map +1 -1
  147. package/dist/ui/context-menu.js +86 -85
  148. package/dist/ui/data-table-toolbar.d.ts.map +1 -1
  149. package/dist/ui/data-table-toolbar.js +51 -57
  150. package/dist/ui/data-table.d.ts.map +1 -1
  151. package/dist/ui/data-table.js +268 -296
  152. package/dist/ui/devalok-grain.d.ts +81 -0
  153. package/dist/ui/devalok-grain.d.ts.map +1 -0
  154. package/dist/ui/devalok-grain.js +69 -0
  155. package/dist/ui/dialog.d.ts.map +1 -1
  156. package/dist/ui/dialog.js +73 -72
  157. package/dist/ui/dropdown-menu.d.ts.map +1 -1
  158. package/dist/ui/dropdown-menu.js +93 -92
  159. package/dist/ui/file-upload.d.ts.map +1 -1
  160. package/dist/ui/file-upload.js +82 -82
  161. package/dist/ui/hover-card.js +29 -29
  162. package/dist/ui/icon-button.d.ts +7 -7
  163. package/dist/ui/icon-button.d.ts.map +1 -1
  164. package/dist/ui/icon-context.d.ts +15 -0
  165. package/dist/ui/icon-context.d.ts.map +1 -0
  166. package/dist/ui/icon-context.js +20 -0
  167. package/dist/ui/icon-group.d.ts +22 -0
  168. package/dist/ui/icon-group.d.ts.map +1 -0
  169. package/dist/ui/icon-group.js +32 -0
  170. package/dist/ui/icon.d.ts +57 -0
  171. package/dist/ui/icon.d.ts.map +1 -0
  172. package/dist/ui/icon.js +122 -0
  173. package/dist/ui/index.d.ts +8 -1
  174. package/dist/ui/index.d.ts.map +1 -1
  175. package/dist/ui/index.js +351 -329
  176. package/dist/ui/input-otp.d.ts.map +1 -1
  177. package/dist/ui/input-otp.js +21 -20
  178. package/dist/ui/input.d.ts +32 -11
  179. package/dist/ui/input.d.ts.map +1 -1
  180. package/dist/ui/input.js +149 -44
  181. package/dist/ui/label.js +1 -1
  182. package/dist/ui/lib/motion.d.ts +2 -0
  183. package/dist/ui/lib/motion.d.ts.map +1 -1
  184. package/dist/ui/lib/motion.js +13 -11
  185. package/dist/ui/lib/utils.js +1 -1
  186. package/dist/ui/menubar.d.ts.map +1 -1
  187. package/dist/ui/menubar.js +87 -86
  188. package/dist/ui/navigation-menu.d.ts.map +1 -1
  189. package/dist/ui/navigation-menu.js +23 -28
  190. package/dist/ui/number-input.d.ts.map +1 -1
  191. package/dist/ui/number-input.js +54 -53
  192. package/dist/ui/pagination.d.ts.map +1 -1
  193. package/dist/ui/pagination.js +45 -44
  194. package/dist/ui/popover.js +30 -30
  195. package/dist/ui/progress.d.ts +3 -1
  196. package/dist/ui/progress.d.ts.map +1 -1
  197. package/dist/ui/progress.js +43 -39
  198. package/dist/ui/radio.js +1 -1
  199. package/dist/ui/search-input.d.ts.map +1 -1
  200. package/dist/ui/search-input.js +47 -60
  201. package/dist/ui/segmented-control.js +1 -1
  202. package/dist/ui/select.d.ts.map +1 -1
  203. package/dist/ui/select.js +54 -53
  204. package/dist/ui/separator.js +5 -5
  205. package/dist/ui/sheet.d.ts.map +1 -1
  206. package/dist/ui/sheet.js +46 -45
  207. package/dist/ui/sidebar.d.ts.map +1 -1
  208. package/dist/ui/sidebar.js +196 -193
  209. package/dist/ui/skeleton.js +1 -1
  210. package/dist/ui/slider.js +1 -1
  211. package/dist/ui/spinner.js +74 -74
  212. package/dist/ui/stat-card.d.ts.map +1 -1
  213. package/dist/ui/stat-card.js +85 -86
  214. package/dist/ui/switch.d.ts +3 -0
  215. package/dist/ui/switch.d.ts.map +1 -1
  216. package/dist/ui/switch.js +40 -26
  217. package/dist/ui/tabs.js +43 -43
  218. package/dist/ui/text.js +1 -1
  219. package/dist/ui/textarea.js +10 -10
  220. package/dist/ui/toast.d.ts.map +1 -1
  221. package/dist/ui/toast.js +169 -169
  222. package/dist/ui/toggle-group.js +1 -1
  223. package/dist/ui/toggle.js +5 -5
  224. package/dist/ui/tooltip.js +41 -41
  225. package/dist/ui/tree-view/tree-item.d.ts.map +1 -1
  226. package/docs/components/_header.md +4 -4
  227. package/docs/components/composed/activity-feed.md +7 -0
  228. package/docs/components/composed/avatar-group.md +8 -5
  229. package/docs/components/composed/status-badge.md +14 -1
  230. package/docs/components/ui/accordion.md +5 -2
  231. package/docs/components/ui/badge-group.md +38 -0
  232. package/docs/components/ui/badge-indicator.md +40 -0
  233. package/docs/components/ui/badge.md +36 -5
  234. package/docs/components/ui/button-processing.md +15 -0
  235. package/docs/components/ui/button.md +40 -11
  236. package/docs/components/ui/chat.md +214 -0
  237. package/docs/components/ui/color-input.md +58 -4
  238. package/docs/components/ui/data-table.md +3 -0
  239. package/docs/components/ui/devalok-grain.md +55 -0
  240. package/docs/components/ui/icon-button.md +12 -5
  241. package/docs/components/ui/icon-context.md +38 -0
  242. package/docs/components/ui/icon-group.md +36 -0
  243. package/docs/components/ui/icon.md +47 -0
  244. package/docs/components/ui/input.md +32 -6
  245. package/docs/components/ui/progress.md +5 -0
  246. package/docs/components/ui/spinner.md +3 -0
  247. package/docs/components/ui/switch.md +13 -0
  248. package/llms-full.txt +724 -44
  249. package/llms.txt +38 -19
  250. package/package.json +8 -2
@@ -0,0 +1,81 @@
1
+ "use client";
2
+ export type GrainIntensity = 'subtle' | 'medium' | 'heavy';
3
+ export interface DevalokGrainProps {
4
+ /** Grain intensity level. Default: 'subtle' */
5
+ intensity?: GrainIntensity;
6
+ /**
7
+ * Surface type hint — affects noise opacity.
8
+ * 'solid' for filled backgrounds (higher opacity).
9
+ * 'soft' for tinted/muted backgrounds (lower opacity).
10
+ * Default: 'solid'
11
+ */
12
+ surface?: 'solid' | 'soft';
13
+ /**
14
+ * Add an inner highlight (top-lit emboss) for a premium 3D feel.
15
+ * Adds an inset shadow: light highlight on top edge, dark shadow on bottom edge.
16
+ * Works best on solid variant buttons. Default: false
17
+ */
18
+ sheen?: boolean;
19
+ /**
20
+ * Animate the grain entrance (fade in on mount). Default: false
21
+ * When true, the grain fades in over 600ms with a slight scale for a natural reveal.
22
+ */
23
+ animated?: boolean;
24
+ /**
25
+ * Increase grain visibility on parent hover. Default: false
26
+ * When the parent element is hovered, the noise opacity increases by ~40%
27
+ * and the gradient deepens slightly, creating a tactile "pressing into paper" feel.
28
+ * Requires the parent to have a `group` class for `group-hover:` to work.
29
+ */
30
+ hoverIntensify?: boolean;
31
+ /**
32
+ * Tint color for the directional gradient. Accepts any CSS color value.
33
+ * The gradient goes from a darker shade of this color to a lighter shade.
34
+ * Default: neutral black-to-white wash.
35
+ *
36
+ * @example
37
+ * // Warm pink tint (Devalok brand)
38
+ * <DevalokGrain tint="oklch(0.55 0.19 360)" />
39
+ *
40
+ * // Cool blue tint
41
+ * <DevalokGrain tint="oklch(0.55 0.12 240)" />
42
+ *
43
+ * // Use a CSS variable
44
+ * <DevalokGrain tint="var(--color-accent-9)" />
45
+ */
46
+ tint?: string;
47
+ }
48
+ /**
49
+ * DevalokGrain — Brand texture that adds a subtle noise grain + directional gradient
50
+ * to any surface. The Devalok signature: warm, tactile, paper-like.
51
+ *
52
+ * Drop as a child of any element that has `relative overflow-hidden isolate`.
53
+ * The grain layers are absolute-positioned at z-[1] and use `rounded-[inherit]`
54
+ * to match the parent's border-radius.
55
+ *
56
+ * @example
57
+ * // Inside a Button (Button already has relative/overflow-hidden/isolate):
58
+ * <Button>
59
+ * <DevalokGrain />
60
+ * Save changes
61
+ * </Button>
62
+ *
63
+ * @example
64
+ * // Inside a Card:
65
+ * <Card className="relative overflow-hidden isolate">
66
+ * <DevalokGrain surface="soft" />
67
+ * Card content
68
+ * </Card>
69
+ *
70
+ * @example
71
+ * // Heavier grain for a hero section:
72
+ * <div className="relative overflow-hidden isolate rounded-ds-lg bg-accent-9 p-8">
73
+ * <DevalokGrain intensity="heavy" />
74
+ * <h1 className="relative z-[2]">Hero</h1>
75
+ * </div>
76
+ */
77
+ export declare function DevalokGrain({ intensity, surface, sheen, tint, animated, hoverIntensify, }: DevalokGrainProps): import("react/jsx-runtime").JSX.Element;
78
+ export declare namespace DevalokGrain {
79
+ var displayName: string;
80
+ }
81
+ //# sourceMappingURL=devalok-grain.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"devalok-grain.d.ts","sourceRoot":"","sources":["../../src/ui/devalok-grain.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;AAc1D,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAoB,EACpB,OAAiB,EACjB,KAAa,EACb,IAAI,EACJ,QAAgB,EAChB,cAAsB,GACvB,EAAE,iBAAiB,2CAsEnB;yBA7Ee,YAAY"}
@@ -0,0 +1,69 @@
1
+ "use client";
2
+ import { jsxs as m, jsx as o } from "react/jsx-runtime";
3
+ import { u as k, m as y } from "../_chunks/framer.js";
4
+ const b = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='3' seed='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")`, v = {
5
+ subtle: { solid: 0.2, soft: 0.15 },
6
+ medium: { solid: 0.28, soft: 0.22 },
7
+ heavy: { solid: 0.45, soft: 0.35 }
8
+ }, f = {
9
+ subtle: { ld: 0.06, ll: 0.08, dk: 0.08 },
10
+ medium: { ld: 0.1, ll: 0.12, dk: 0.12 },
11
+ heavy: { ld: 0.16, ll: 0.18, dk: 0.18 }
12
+ };
13
+ function w({
14
+ intensity: i = "subtle",
15
+ surface: d = "solid",
16
+ sheen: c = !1,
17
+ tint: e,
18
+ animated: p = !1,
19
+ hoverIntensify: t = !1
20
+ }) {
21
+ const u = k(), r = v[i][d], h = Math.min(r * 1.4, 0.6), a = f[i], s = e ? `linear-gradient(135deg, color-mix(in oklch, ${e} ${Math.round(a.ld * 100)}%, transparent), color-mix(in oklch, white ${Math.round(a.ll * 100)}%, transparent))` : `linear-gradient(135deg, oklch(0 0 0 / ${a.ld}), oklch(1 0 0 / ${a.ll}))`, n = e ? `linear-gradient(135deg, transparent, color-mix(in oklch, ${e} ${Math.round(a.dk * 100)}%, transparent))` : `linear-gradient(135deg, transparent, oklch(0 0 0 / ${a.dk}))`, l = p && !u, g = l ? y.span : "span";
22
+ return /* @__PURE__ */ m(
23
+ g,
24
+ {
25
+ "data-grain": "",
26
+ "aria-hidden": "true",
27
+ className: "pointer-events-none absolute inset-0 z-[1] rounded-[inherit] isolate overflow-hidden",
28
+ ...l ? {
29
+ initial: { opacity: 0 },
30
+ animate: { opacity: 1 },
31
+ transition: { duration: 0.6, ease: [0.2, 0, 0.38, 0.9] }
32
+ } : {},
33
+ children: [
34
+ s && /* @__PURE__ */ o(
35
+ "span",
36
+ {
37
+ className: `absolute inset-0 dark:hidden transition-opacity duration-300 ${t ? "group-hover:opacity-100 opacity-80" : ""}`,
38
+ style: { background: s }
39
+ }
40
+ ),
41
+ n && /* @__PURE__ */ o(
42
+ "span",
43
+ {
44
+ className: `absolute inset-0 hidden dark:block transition-opacity duration-300 ${t ? "group-hover:opacity-100 opacity-80" : ""}`,
45
+ style: { background: n }
46
+ }
47
+ ),
48
+ /* @__PURE__ */ o(
49
+ "span",
50
+ {
51
+ className: `absolute inset-0 transition-opacity duration-300 ${t ? "group-hover:opacity-[var(--grain-hover-opacity)]" : ""}`,
52
+ style: {
53
+ backgroundImage: b,
54
+ backgroundSize: "100px 100px",
55
+ filter: "contrast(250%) brightness(105%)",
56
+ opacity: r,
57
+ "--grain-hover-opacity": t ? h : void 0
58
+ }
59
+ }
60
+ ),
61
+ c && /* @__PURE__ */ o("span", { className: "absolute inset-0 shadow-raised-inner" })
62
+ ]
63
+ }
64
+ );
65
+ }
66
+ w.displayName = "DevalokGrain";
67
+ export {
68
+ w as DevalokGrain
69
+ };
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAa3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CA0BjF,CAAA;AAGD,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAajB,CAAA;AAGF,QAAA,MAAM,aAAa,8JA6CjB,CAAA;AAGF;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,8JASpB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;AAC/F,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE3F,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAc3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CA0BjF,CAAA;AAGD,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAajB,CAAA;AAGF,QAAA,MAAM,aAAa,8JA6CjB,CAAA;AAGF;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,8JASpB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;AAC/F,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE3F,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
package/dist/ui/dialog.js CHANGED
@@ -1,44 +1,45 @@
1
1
  "use client";
2
- import { jsx as o, jsxs as d } from "react/jsx-runtime";
2
+ import { jsx as s, jsxs as d } from "react/jsx-runtime";
3
3
  import * as t from "react";
4
- import { a9 as g, aa as C, ab as f, ac as y, ad as x, ae as v, af as R, ag as j } from "../_chunks/primitives.js";
5
- import { IconX as M } from "@tabler/icons-react";
4
+ import { a6 as u, a7 as C, a8 as m, a9 as y, aa as x, ab as v, ac as R, ad as O } from "../_chunks/primitives.js";
5
+ import { IconX as j } from "@tabler/icons-react";
6
6
  import { cn as i } from "./lib/utils.js";
7
- import { tweens as p, springs as T } from "./lib/motion.js";
8
- import { A as P, m as u } from "../_chunks/framer.js";
9
- const N = t.createContext({ open: !1 }), z = () => t.useContext(N), A = ({
10
- open: a,
11
- defaultOpen: s,
12
- onOpenChange: e,
7
+ import { tweens as p, springs as M } from "./lib/motion.js";
8
+ import { Icon as T } from "./icon.js";
9
+ import { A as z, m as g } from "../_chunks/framer.js";
10
+ const N = t.createContext({ open: !1 }), I = () => t.useContext(N), P = ({
11
+ open: e,
12
+ defaultOpen: o,
13
+ onOpenChange: a,
13
14
  ...r
14
15
  }) => {
15
- const [l, b] = t.useState(s ?? !1), n = a !== void 0, c = n ? a : l, h = t.useCallback(
16
- (m) => {
17
- n || b(m), e == null || e(m);
16
+ const [l, D] = t.useState(o ?? !1), n = e !== void 0, c = n ? e : l, b = t.useCallback(
17
+ (f) => {
18
+ n || D(f), a?.(f);
18
19
  },
19
- [n, e]
20
+ [n, a]
20
21
  ), w = t.useMemo(() => ({ open: c }), [c]);
21
- return /* @__PURE__ */ o(N.Provider, { value: w, children: /* @__PURE__ */ o(R, { open: c, onOpenChange: h, ...r }) });
22
+ return /* @__PURE__ */ s(N.Provider, { value: w, children: /* @__PURE__ */ s(R, { open: c, onOpenChange: b, ...r }) });
22
23
  };
23
- A.displayName = "Dialog";
24
- const K = j, F = C, L = y, D = t.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ o(
25
- g,
24
+ P.displayName = "Dialog";
25
+ const Q = O, A = C, U = y, h = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ s(
26
+ u,
26
27
  {
27
- ref: e,
28
+ ref: a,
28
29
  forceMount: !0,
29
30
  className: i(
30
31
  "fixed inset-0 z-overlay bg-overlay",
31
- a
32
+ e
32
33
  ),
33
- ...s
34
+ ...o
34
35
  }
35
36
  ));
36
- D.displayName = g.displayName;
37
- const H = t.forwardRef(({ className: a, children: s, ...e }, r) => {
38
- const { open: l } = z();
39
- return /* @__PURE__ */ o(P, { children: l && /* @__PURE__ */ d(F, { forceMount: !0, children: [
40
- /* @__PURE__ */ o(D, { asChild: !0, children: /* @__PURE__ */ o(
41
- u.div,
37
+ h.displayName = u.displayName;
38
+ const F = t.forwardRef(({ className: e, children: o, ...a }, r) => {
39
+ const { open: l } = I();
40
+ return /* @__PURE__ */ s(z, { children: l && /* @__PURE__ */ d(A, { forceMount: !0, children: [
41
+ /* @__PURE__ */ s(h, { asChild: !0, children: /* @__PURE__ */ s(
42
+ g.div,
42
43
  {
43
44
  initial: { opacity: 0 },
44
45
  animate: { opacity: 1 },
@@ -46,29 +47,29 @@ const H = t.forwardRef(({ className: a, children: s, ...e }, r) => {
46
47
  transition: p.fade
47
48
  }
48
49
  ) }),
49
- /* @__PURE__ */ o(
50
- f,
50
+ /* @__PURE__ */ s(
51
+ m,
51
52
  {
52
53
  ref: r,
53
54
  forceMount: !0,
54
55
  asChild: !0,
55
- ...e,
56
+ ...a,
56
57
  children: /* @__PURE__ */ d(
57
- u.div,
58
+ g.div,
58
59
  {
59
60
  initial: { opacity: 0, scale: 0.95, x: "-50%", y: "-50%" },
60
61
  animate: { opacity: 1, scale: 1, x: "-50%", y: "-50%" },
61
62
  exit: { opacity: 0, scale: 0.95, x: "-50%", y: "-50%" },
62
- transition: { ...T.smooth, opacity: p.fade },
63
+ transition: { ...M.smooth, opacity: p.fade },
63
64
  className: i(
64
65
  "fixed left-[50%] top-[50%] z-modal grid w-full max-w-lg gap-ds-05 border border-surface-border-strong bg-surface-overlay p-ds-06 shadow-overlay rounded-ds-xl",
65
- a
66
+ e
66
67
  ),
67
68
  children: [
68
- s,
69
+ o,
69
70
  /* @__PURE__ */ d(y, { className: "absolute right-ds-05 top-ds-05 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-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
70
- /* @__PURE__ */ o(M, { className: "h-ico-lg w-ico-lg" }),
71
- /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
71
+ /* @__PURE__ */ s(T, { icon: j, size: "lg" }),
72
+ /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
72
73
  ] })
73
74
  ]
74
75
  }
@@ -77,75 +78,75 @@ const H = t.forwardRef(({ className: a, children: s, ...e }, r) => {
77
78
  )
78
79
  ] }) });
79
80
  });
80
- H.displayName = f.displayName;
81
- const I = t.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ o(
82
- f,
81
+ F.displayName = m.displayName;
82
+ const H = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ s(
83
+ m,
83
84
  {
84
- ref: e,
85
- className: i(a),
86
- ...s
85
+ ref: a,
86
+ className: i(e),
87
+ ...o
87
88
  }
88
89
  ));
89
- I.displayName = "DialogContentRaw";
90
+ H.displayName = "DialogContentRaw";
90
91
  const k = t.forwardRef(
91
- ({ className: a, ...s }, e) => /* @__PURE__ */ o(
92
+ ({ className: e, ...o }, a) => /* @__PURE__ */ s(
92
93
  "div",
93
94
  {
94
- ref: e,
95
+ ref: a,
95
96
  className: i(
96
97
  "flex flex-col space-y-ds-02b text-center sm:text-left",
97
- a
98
+ e
98
99
  ),
99
- ...s
100
+ ...o
100
101
  }
101
102
  )
102
103
  );
103
104
  k.displayName = "DialogHeader";
104
- const O = t.forwardRef(
105
- ({ className: a, ...s }, e) => /* @__PURE__ */ o(
105
+ const S = t.forwardRef(
106
+ ({ className: e, ...o }, a) => /* @__PURE__ */ s(
106
107
  "div",
107
108
  {
108
- ref: e,
109
+ ref: a,
109
110
  className: i(
110
111
  "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
111
- a
112
+ e
112
113
  ),
113
- ...s
114
+ ...o
114
115
  }
115
116
  )
116
117
  );
117
- O.displayName = "DialogFooter";
118
- const S = t.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ o(
118
+ S.displayName = "DialogFooter";
119
+ const V = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ s(
119
120
  x,
120
121
  {
121
- ref: e,
122
+ ref: a,
122
123
  className: i(
123
124
  "text-ds-lg font-semibold",
124
- a
125
+ e
125
126
  ),
126
- ...s
127
+ ...o
127
128
  }
128
129
  ));
129
- S.displayName = x.displayName;
130
- const V = t.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ o(
130
+ V.displayName = x.displayName;
131
+ const X = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ s(
131
132
  v,
132
133
  {
133
- ref: e,
134
- className: i("text-ds-md text-surface-fg-muted", a),
135
- ...s
134
+ ref: a,
135
+ className: i("text-ds-md text-surface-fg-muted", e),
136
+ ...o
136
137
  }
137
138
  ));
138
- V.displayName = v.displayName;
139
+ X.displayName = v.displayName;
139
140
  export {
140
- A as Dialog,
141
- L as DialogClose,
142
- H as DialogContent,
143
- I as DialogContentRaw,
144
- V as DialogDescription,
145
- O as DialogFooter,
141
+ P as Dialog,
142
+ U as DialogClose,
143
+ F as DialogContent,
144
+ H as DialogContentRaw,
145
+ X as DialogDescription,
146
+ S as DialogFooter,
146
147
  k as DialogHeader,
147
- D as DialogOverlay,
148
- F as DialogPortal,
149
- S as DialogTitle,
150
- K as DialogTrigger
148
+ h as DialogOverlay,
149
+ A as DialogPortal,
150
+ V as DialogTitle,
151
+ Q as DialogTrigger
151
152
  };
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,iCAAiC,CAAA;AAYxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAuB7F,CAAA;AAGD,QAAA,MAAM,mBAAmB,0HAAgC,CAAA;AAEzD,QAAA,MAAM,iBAAiB,qHAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,yDAA+B,CAAA;AAEvD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,CAuB/F,CAAA;AAGD,QAAA,MAAM,sBAAsB,0HAAmC,CAAA;AAE/D,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAA;AAIF,QAAA,MAAM,sBAAsB,6KA+B1B,CAAA;AAIF,QAAA,MAAM,mBAAmB,0KAkCvB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,wBAAwB,+KAoB5B,CAAA;AAIF,QAAA,MAAM,qBAAqB,4KAmBzB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,qBAAqB,4KASzB,CAAA;AAGF,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAA;AAGD,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAC3G,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAA;AAErG,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}
1
+ {"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,iCAAiC,CAAA;AAaxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAuB7F,CAAA;AAGD,QAAA,MAAM,mBAAmB,0HAAgC,CAAA;AAEzD,QAAA,MAAM,iBAAiB,qHAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,yDAA+B,CAAA;AAEvD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,CAuB/F,CAAA;AAGD,QAAA,MAAM,sBAAsB,0HAAmC,CAAA;AAE/D,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAA;AAIF,QAAA,MAAM,sBAAsB,6KA+B1B,CAAA;AAIF,QAAA,MAAM,mBAAmB,0KAkCvB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,wBAAwB,+KAoB5B,CAAA;AAIF,QAAA,MAAM,qBAAqB,4KAmBzB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,qBAAqB,4KASzB,CAAA;AAGF,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAA;AAGD,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAC3G,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAA;AAErG,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}