@devalok/shilp-sutra 0.33.2 → 0.34.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 (175) hide show
  1. package/dist/_chunks/badge-group.js +306 -246
  2. package/dist/_chunks/chat.js +513 -0
  3. package/dist/_chunks/date-picker.js +748 -0
  4. package/dist/_chunks/document-preview.js +109 -90
  5. package/dist/_chunks/file-preview.js +492 -504
  6. package/dist/_chunks/framer.js +5564 -5613
  7. package/dist/_chunks/image-preview.js +127 -88
  8. package/dist/_chunks/keybinding.js +12 -14
  9. package/dist/_chunks/link-context.js +19 -16
  10. package/dist/_chunks/mention-suggestion.js +353 -350
  11. package/dist/_chunks/motion-provider.js +26 -20
  12. package/dist/_chunks/popover.js +127 -0
  13. package/dist/_chunks/primitives.js +7584 -6425
  14. package/dist/_chunks/rich-chat-input.js +2070 -0
  15. package/dist/_chunks/rolldown-runtime.js +21 -0
  16. package/dist/_chunks/shared.js +126 -0
  17. package/dist/_chunks/sonner.js +605 -734
  18. package/dist/_chunks/stat-row.js +418 -440
  19. package/dist/_chunks/tiptap.js +15850 -19964
  20. package/dist/_chunks/tree-view.js +231 -290
  21. package/dist/_chunks/use-calendar.js +161 -208
  22. package/dist/_chunks/vendor-client.js +314 -2199
  23. package/dist/_chunks/vendor-utils.js +1721 -2978
  24. package/dist/ai/ai-command-provider.js +23 -17
  25. package/dist/ai/block-renderer.js +68 -51
  26. package/dist/ai/blocks/index.js +2 -12
  27. package/dist/ai/command-bar.js +470 -519
  28. package/dist/ai/conversation.js +241 -227
  29. package/dist/ai/index.js +181 -167
  30. package/dist/ai/types.js +0 -1
  31. package/dist/composed/activity-feed.js +232 -202
  32. package/dist/composed/avatar-group.js +164 -222
  33. package/dist/composed/bulk-action-bar.js +174 -165
  34. package/dist/composed/command-palette.js +290 -308
  35. package/dist/composed/confirm-dialog.js +28 -48
  36. package/dist/composed/content-card.js +69 -108
  37. package/dist/composed/date-picker/index.js +3 -13
  38. package/dist/composed/deadline-indicator.js +68 -74
  39. package/dist/composed/emoji-picker.js +83 -110
  40. package/dist/composed/empty-state.js +64 -103
  41. package/dist/composed/error-boundary.js +129 -127
  42. package/dist/composed/file-preview.js +2 -12
  43. package/dist/composed/filter-bar.js +98 -130
  44. package/dist/composed/form-section.js +61 -45
  45. package/dist/composed/global-loading.js +34 -47
  46. package/dist/composed/index.js +34 -92
  47. package/dist/composed/inline-edit.js +92 -107
  48. package/dist/composed/lib/string-utils.js +8 -8
  49. package/dist/composed/loading-skeleton.js +103 -171
  50. package/dist/composed/markdown-viewer.js +187 -139
  51. package/dist/composed/master-detail.js +147 -156
  52. package/dist/composed/member-picker.js +46 -49
  53. package/dist/composed/multi-select-popover.js +181 -179
  54. package/dist/composed/page-header.js +54 -76
  55. package/dist/composed/page-skeletons.js +143 -127
  56. package/dist/composed/priority-indicator.js +105 -111
  57. package/dist/composed/responsive-overlay.js +36 -41
  58. package/dist/composed/rich-chat-input.js +2 -1860
  59. package/dist/composed/rich-text-editor.js +561 -424
  60. package/dist/composed/schedule-view.js +134 -185
  61. package/dist/composed/simple-tooltip.js +21 -21
  62. package/dist/composed/status-badge.js +133 -137
  63. package/dist/hooks/index.js +7 -12
  64. package/dist/hooks/use-color-mode.js +28 -25
  65. package/dist/hooks/use-mobile.js +13 -13
  66. package/dist/hooks/use-toast.js +2 -4
  67. package/dist/hooks/use-touch-device.js +9 -11
  68. package/dist/hooks/use-viewport-height.js +14 -14
  69. package/dist/motion/index.js +3 -11
  70. package/dist/motion/primitives-index.js +226 -186
  71. package/dist/shell/app-command-palette.js +203 -234
  72. package/dist/shell/bottom-navbar.js +150 -190
  73. package/dist/shell/command-registry.js +13 -14
  74. package/dist/shell/index.js +10 -20
  75. package/dist/shell/link-context.js +2 -5
  76. package/dist/shell/notification-center.js +238 -259
  77. package/dist/shell/notification-preferences.js +241 -184
  78. package/dist/shell/sidebar.js +251 -281
  79. package/dist/shell/top-bar.js +203 -237
  80. package/dist/tailwind/index.cjs +426 -451
  81. package/dist/tailwind/index.js +2 -4
  82. package/dist/tailwind/preset.d.ts.map +1 -1
  83. package/dist/tailwind/preset.js +443 -468
  84. package/dist/ui/accordion.js +52 -60
  85. package/dist/ui/alert-dialog.js +111 -156
  86. package/dist/ui/alert.js +177 -99
  87. package/dist/ui/aspect-ratio.js +13 -16
  88. package/dist/ui/autocomplete.js +112 -148
  89. package/dist/ui/avatar.js +196 -169
  90. package/dist/ui/badge-group.js +2 -7
  91. package/dist/ui/badge-indicator.js +42 -51
  92. package/dist/ui/badge.js +2 -15
  93. package/dist/ui/banner.js +76 -68
  94. package/dist/ui/breadcrumb.js +65 -84
  95. package/dist/ui/button-group.js +109 -102
  96. package/dist/ui/button-processing.js +69 -73
  97. package/dist/ui/button.js +393 -279
  98. package/dist/ui/card.js +151 -157
  99. package/dist/ui/charts/index.js +1002 -1319
  100. package/dist/ui/chat/index.js +2 -11
  101. package/dist/ui/checkbox.js +77 -100
  102. package/dist/ui/code.js +18 -32
  103. package/dist/ui/collapsible.js +21 -29
  104. package/dist/ui/color-input.js +453 -372
  105. package/dist/ui/color-swatch.js +60 -90
  106. package/dist/ui/combobox.js +244 -293
  107. package/dist/ui/container.js +18 -24
  108. package/dist/ui/context-menu.js +154 -203
  109. package/dist/ui/data-table-body.js +116 -213
  110. package/dist/ui/data-table-bulk-actions.js +43 -59
  111. package/dist/ui/data-table-card.js +84 -71
  112. package/dist/ui/data-table-context.js +39 -42
  113. package/dist/ui/data-table-header.js +98 -139
  114. package/dist/ui/data-table-pagination.js +69 -82
  115. package/dist/ui/data-table-toolbar.js +104 -130
  116. package/dist/ui/data-table.js +278 -354
  117. package/dist/ui/devalok-grain.js +77 -66
  118. package/dist/ui/dialog.js +122 -151
  119. package/dist/ui/dropdown-menu.js +152 -203
  120. package/dist/ui/file-upload.js +242 -266
  121. package/dist/ui/form.js +60 -56
  122. package/dist/ui/hover-card.js +54 -54
  123. package/dist/ui/icon-button.js +21 -26
  124. package/dist/ui/icon-context.js +17 -17
  125. package/dist/ui/icon-group.js +22 -29
  126. package/dist/ui/icon.js +201 -121
  127. package/dist/ui/index.js +74 -350
  128. package/dist/ui/input-otp.d.ts.map +1 -1
  129. package/dist/ui/input-otp.js +44 -48
  130. package/dist/ui/input.js +92 -169
  131. package/dist/ui/label.js +17 -22
  132. package/dist/ui/lib/date-utils.js +14 -11
  133. package/dist/ui/lib/motion.js +77 -36
  134. package/dist/ui/lib/utils.js +39 -16
  135. package/dist/ui/link.js +13 -24
  136. package/dist/ui/menubar.js +132 -210
  137. package/dist/ui/navigation-menu.js +164 -194
  138. package/dist/ui/number-input.js +72 -95
  139. package/dist/ui/pagination.js +122 -159
  140. package/dist/ui/popover.js +2 -131
  141. package/dist/ui/progress-ring.js +133 -143
  142. package/dist/ui/progress.js +51 -95
  143. package/dist/ui/radio.js +41 -50
  144. package/dist/ui/search-input.js +51 -53
  145. package/dist/ui/segmented-control.js +93 -114
  146. package/dist/ui/select.js +131 -157
  147. package/dist/ui/separator.js +15 -25
  148. package/dist/ui/sheet.js +135 -163
  149. package/dist/ui/sidebar.js +357 -600
  150. package/dist/ui/skeleton.js +179 -231
  151. package/dist/ui/slider.js +24 -34
  152. package/dist/ui/spinner.js +226 -205
  153. package/dist/ui/split-button.js +227 -276
  154. package/dist/ui/stack.js +56 -70
  155. package/dist/ui/stat-card.js +259 -251
  156. package/dist/ui/status-dot.js +67 -63
  157. package/dist/ui/stepper.js +119 -168
  158. package/dist/ui/switch.js +51 -54
  159. package/dist/ui/table.js +57 -90
  160. package/dist/ui/tabs.js +139 -156
  161. package/dist/ui/text.js +52 -59
  162. package/dist/ui/textarea.js +40 -57
  163. package/dist/ui/toast-types.js +0 -1
  164. package/dist/ui/toast.js +554 -536
  165. package/dist/ui/toaster.js +23 -33
  166. package/dist/ui/toggle-group.js +37 -41
  167. package/dist/ui/toggle.js +36 -40
  168. package/dist/ui/tooltip.js +80 -65
  169. package/dist/ui/tree-view/index.js +2 -6
  170. package/dist/ui/visually-hidden.js +12 -10
  171. package/llms-full.txt +1 -1
  172. package/llms.txt +12 -0
  173. package/package.json +3 -3
  174. package/dist/_chunks/date-time-picker.js +0 -851
  175. package/dist/_chunks/typing-indicator.js +0 -565
@@ -1,104 +1,65 @@
1
1
  "use client";
2
- import { jsx as s, jsxs as o } from "react/jsx-runtime";
3
- import * as l from "react";
4
- import { tweens as g } from "../ui/lib/motion.js";
5
- import { cn as t } from "../ui/lib/utils.js";
6
- import { m as n } from "../_chunks/framer.js";
7
- const y = ({ className: e }) => /* @__PURE__ */ s(
8
- "svg",
9
- {
10
- xmlns: "http://www.w3.org/2000/svg",
11
- viewBox: "0 0 32 32",
12
- fill: "currentColor",
13
- className: e,
14
- "aria-hidden": "true",
15
- children: /* @__PURE__ */ s("path", { d: "M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z" })
16
- }
17
- ), w = l.forwardRef(
18
- ({
19
- icon: e,
20
- title: m,
21
- description: i,
22
- action: d,
23
- compact: c = !1,
24
- iconSize: f,
25
- className: x,
26
- ...p
27
- }, u) => {
28
- const a = {
29
- sm: "h-ico-sm w-ico-sm",
30
- md: "h-ico-lg w-ico-lg",
31
- lg: "h-ico-xl w-ico-xl"
32
- }[f ?? (c ? "sm" : "md")], r = e != null && !l.isValidElement(e) && (typeof e == "function" || typeof e == "object" && "$$typeof" in e), h = e ? r ? l.createElement(e, {
33
- className: t("text-surface-fg-subtle", a)
34
- }) : e : /* @__PURE__ */ s(
35
- y,
36
- {
37
- className: t("text-surface-fg-subtle", a)
38
- }
39
- );
40
- return /* @__PURE__ */ o(
41
- "div",
42
- {
43
- ref: u,
44
- className: t(
45
- "flex flex-col items-center justify-center text-center",
46
- c ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-ds-10",
47
- x
48
- ),
49
- ...p,
50
- children: [
51
- /* @__PURE__ */ s(
52
- n.div,
53
- {
54
- className: t(
55
- "flex items-center justify-center rounded-ds-xl bg-surface-raised",
56
- c ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg",
57
- !r && e != null && a
58
- ),
59
- animate: { y: [0, -4, 0] },
60
- transition: { repeat: 1 / 0, duration: 3, ease: "easeInOut" },
61
- children: h
62
- }
63
- ),
64
- /* @__PURE__ */ o(
65
- n.div,
66
- {
67
- className: "flex max-w-[280px] flex-col gap-ds-02",
68
- initial: { opacity: 0 },
69
- animate: { opacity: 1 },
70
- transition: { delay: 0.2, ...g.fade },
71
- children: [
72
- /* @__PURE__ */ s(
73
- "h3",
74
- {
75
- className: t(
76
- "text-surface-fg",
77
- c ? "text-ds-md font-semibold" : "text-ds-base font-semibold"
78
- ),
79
- children: m
80
- }
81
- ),
82
- i && /* @__PURE__ */ s(
83
- "p",
84
- {
85
- className: t(
86
- "text-surface-fg-subtle",
87
- c ? "text-ds-sm" : "text-ds-md"
88
- ),
89
- children: i
90
- }
91
- )
92
- ]
93
- }
94
- ),
95
- d && /* @__PURE__ */ s("div", { className: "mt-ds-02", children: d })
96
- ]
97
- }
98
- );
99
- }
100
- );
101
- w.displayName = "EmptyState";
102
- export {
103
- w as EmptyState
104
- };
2
+ import { a as e } from "../_chunks/framer.js";
3
+ import { tweens as t } from "../ui/lib/motion.js";
4
+ import { cn as n } from "../ui/lib/utils.js";
5
+ import * as r from "react";
6
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
7
+ //#region src/composed/empty-state.tsx
8
+ var o = ({ className: e }) => /* @__PURE__ */ i("svg", {
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ viewBox: "0 0 32 32",
11
+ fill: "currentColor",
12
+ className: e,
13
+ "aria-hidden": "true",
14
+ children: /* @__PURE__ */ i("path", { d: "M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z" })
15
+ }), s = r.forwardRef(({ icon: s, title: c, description: l, action: u, compact: d = !1, iconSize: f, className: p, ...m }, h) => {
16
+ let g = {
17
+ sm: "h-ico-sm w-ico-sm",
18
+ md: "h-ico-lg w-ico-lg",
19
+ lg: "h-ico-xl w-ico-xl"
20
+ }[f ?? (d ? "sm" : "md")], _ = s != null && !r.isValidElement(s) && (typeof s == "function" || typeof s == "object" && "$$typeof" in s), v = s ? _ ? r.createElement(s, { className: n("text-surface-fg-subtle", g) }) : s : /* @__PURE__ */ i(o, { className: n("text-surface-fg-subtle", g) });
21
+ return /* @__PURE__ */ a("div", {
22
+ ref: h,
23
+ className: n("flex flex-col items-center justify-center text-center", d ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-ds-10", p),
24
+ ...m,
25
+ children: [
26
+ /* @__PURE__ */ i(e.div, {
27
+ className: n("flex items-center justify-center rounded-ds-xl bg-surface-raised", d ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg", !_ && s != null && g),
28
+ animate: { y: [
29
+ 0,
30
+ -4,
31
+ 0
32
+ ] },
33
+ transition: {
34
+ repeat: Infinity,
35
+ duration: 3,
36
+ ease: "easeInOut"
37
+ },
38
+ children: v
39
+ }),
40
+ /* @__PURE__ */ a(e.div, {
41
+ className: "flex max-w-[280px] flex-col gap-ds-02",
42
+ initial: { opacity: 0 },
43
+ animate: { opacity: 1 },
44
+ transition: {
45
+ delay: .2,
46
+ ...t.fade
47
+ },
48
+ children: [/* @__PURE__ */ i("h3", {
49
+ className: n("text-surface-fg", d ? "text-ds-md font-semibold" : "text-ds-base font-semibold"),
50
+ children: c
51
+ }), l && /* @__PURE__ */ i("p", {
52
+ className: n("text-surface-fg-subtle", d ? "text-ds-sm" : "text-ds-md"),
53
+ children: l
54
+ })]
55
+ }),
56
+ u && /* @__PURE__ */ i("div", {
57
+ className: "mt-ds-02",
58
+ children: u
59
+ })
60
+ ]
61
+ });
62
+ });
63
+ s.displayName = "EmptyState";
64
+ //#endregion
65
+ export { s as EmptyState };
@@ -1,133 +1,135 @@
1
1
  "use client";
2
- import { jsx as s, jsxs as n } from "react/jsx-runtime";
3
- import * as l from "react";
4
- import { IconAlertTriangle as x, IconServerOff as b, IconBan as v, IconFileUnknown as y } from "@tabler/icons-react";
5
- import { Icon as w } from "../ui/icon.js";
6
- import { Button as C } from "../ui/button.js";
7
- import { cn as c } from "../ui/lib/utils.js";
8
- function E(e) {
9
- if (e && typeof e == "object" && "status" in e && typeof e.status == "number")
10
- return e.status;
2
+ import { cn as e } from "../ui/lib/utils.js";
3
+ import { Icon as t } from "../ui/icon.js";
4
+ import { Button as n } from "../ui/button.js";
5
+ import * as r from "react";
6
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
7
+ import { IconAlertTriangle as o, IconBan as s, IconFileUnknown as c, IconServerOff as l } from "@tabler/icons-react";
8
+ //#region src/composed/error-boundary.tsx
9
+ function u(e) {
10
+ if (e && typeof e == "object" && "status" in e && typeof e.status == "number") return e.status;
11
11
  }
12
- function N(e) {
13
- if (e instanceof Error)
14
- return e.message;
15
- if (e && typeof e == "object" && "data" in e) {
16
- const t = e.data;
17
- if (typeof t == "string") return t;
18
- if (t && typeof t == "object" && "message" in t)
19
- return String(t.message);
20
- }
21
- if (typeof e == "string")
22
- return e;
12
+ function d(e) {
13
+ if (e instanceof Error) return e.message;
14
+ if (e && typeof e == "object" && "data" in e) {
15
+ let t = e.data;
16
+ if (typeof t == "string") return t;
17
+ if (t && typeof t == "object" && "message" in t) return String(t.message);
18
+ }
19
+ if (typeof e == "string") return e;
23
20
  }
24
- function k(e) {
25
- if (e instanceof Error)
26
- return e.stack;
21
+ function f(e) {
22
+ if (e instanceof Error) return e.stack;
27
23
  }
28
- function S(e) {
29
- switch (e) {
30
- case 404:
31
- return {
32
- icon: y,
33
- title: "Page not found",
34
- message: "The page you are looking for does not exist or has been moved.",
35
- bgClass: "bg-accent-2",
36
- iconClass: "text-accent-11"
37
- };
38
- case 403:
39
- return {
40
- icon: v,
41
- title: "Access denied",
42
- message: "You do not have permission to view this page. Contact your administrator if you believe this is a mistake.",
43
- bgClass: "bg-warning-3",
44
- iconClass: "text-warning-11"
45
- };
46
- case 500:
47
- return {
48
- icon: b,
49
- title: "Server error",
50
- message: "Something went wrong on our end. Please try again later or contact support if the issue persists.",
51
- bgClass: "bg-error-3",
52
- iconClass: "text-error-11"
53
- };
54
- default:
55
- return {
56
- icon: x,
57
- title: "Something went wrong",
58
- message: "An unexpected error occurred. Please try again or go back to the home page.",
59
- bgClass: "bg-accent-2",
60
- iconClass: "text-accent-11"
61
- };
62
- }
24
+ function p(e) {
25
+ switch (e) {
26
+ case 404: return {
27
+ icon: c,
28
+ title: "Page not found",
29
+ message: "The page you are looking for does not exist or has been moved.",
30
+ bgClass: "bg-accent-2",
31
+ iconClass: "text-accent-11"
32
+ };
33
+ case 403: return {
34
+ icon: s,
35
+ title: "Access denied",
36
+ message: "You do not have permission to view this page. Contact your administrator if you believe this is a mistake.",
37
+ bgClass: "bg-warning-3",
38
+ iconClass: "text-warning-11"
39
+ };
40
+ case 500: return {
41
+ icon: l,
42
+ title: "Server error",
43
+ message: "Something went wrong on our end. Please try again later or contact support if the issue persists.",
44
+ bgClass: "bg-error-3",
45
+ iconClass: "text-error-11"
46
+ };
47
+ default: return {
48
+ icon: o,
49
+ title: "Something went wrong",
50
+ message: "An unexpected error occurred. Please try again or go back to the home page.",
51
+ bgClass: "bg-accent-2",
52
+ iconClass: "text-accent-11"
53
+ };
54
+ }
63
55
  }
64
- const d = l.forwardRef(
65
- function({ error: t, onReset: a, className: f, ...u }, m) {
66
- const o = E(t), g = N(t), i = k(t), p = typeof process < "u" && process.env && process.env.NODE_ENV === "development", r = S(o), h = r.icon;
67
- return /* @__PURE__ */ s("div", { ref: m, ...u, className: c("flex min-h-[60vh] items-center justify-center p-ds-05", f), children: /* @__PURE__ */ n(
68
- "div",
69
- {
70
- className: "flex w-full max-w-lg flex-col items-center gap-ds-06 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-07 text-center shadow-raised",
71
- children: [
72
- /* @__PURE__ */ s(
73
- "div",
74
- {
75
- className: c(
76
- "flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-2xl",
77
- r.bgClass
78
- ),
79
- children: /* @__PURE__ */ s(
80
- w,
81
- {
82
- icon: h,
83
- size: "2xl",
84
- className: r.iconClass
85
- }
86
- )
87
- }
88
- ),
89
- /* @__PURE__ */ n("div", { className: "flex flex-col gap-ds-03", children: [
90
- o && /* @__PURE__ */ n("span", { className: "text-ds-sm text-surface-fg-subtle", children: [
91
- "Error ",
92
- o
93
- ] }),
94
- /* @__PURE__ */ s("h2", { className: "text-ds-2xl font-semibold text-surface-fg", children: r.title }),
95
- /* @__PURE__ */ s("p", { className: "text-ds-base text-surface-fg-subtle", children: g || r.message })
96
- ] }),
97
- a && /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-04", children: /* @__PURE__ */ s(
98
- C,
99
- {
100
- variant: "outline",
101
- size: "md",
102
- onClick: a,
103
- children: "Try Again"
104
- }
105
- ) }),
106
- p && i && /* @__PURE__ */ n("div", { className: "w-full overflow-auto rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05 text-left", children: [
107
- /* @__PURE__ */ s("p", { className: "text-ds-sm mb-ds-03 font-semibold text-surface-fg", children: "Stack Trace (development only)" }),
108
- /* @__PURE__ */ s("pre", { className: "whitespace-pre-wrap text-ds-sm text-surface-fg-subtle", children: i })
109
- ] })
110
- ]
111
- }
112
- ) });
113
- }
114
- );
115
- d.displayName = "ErrorDisplay";
116
- class A extends l.Component {
117
- constructor(t) {
118
- super(t), this.state = { error: null };
119
- }
120
- static getDerivedStateFromError(t) {
121
- return { error: t };
122
- }
123
- handleReset = () => {
124
- this.setState({ error: null }), this.props.onReset?.();
125
- };
126
- render() {
127
- return this.state.error !== null ? this.props.fallback ? this.props.fallback({ error: this.state.error, onReset: this.handleReset }) : /* @__PURE__ */ s(d, { error: this.state.error, onReset: this.handleReset }) : this.props.children;
128
- }
129
- }
130
- export {
131
- A as ErrorBoundary,
132
- d as ErrorDisplay
56
+ var m = r.forwardRef(function({ error: r, onReset: o, className: s, ...c }, l) {
57
+ let m = u(r), h = d(r), g = f(r), _ = typeof process < "u" && process.env && process.env.NODE_ENV === "development", v = p(m), y = v.icon;
58
+ return /* @__PURE__ */ i("div", {
59
+ ref: l,
60
+ ...c,
61
+ className: e("flex min-h-[60vh] items-center justify-center p-ds-05", s),
62
+ children: /* @__PURE__ */ a("div", {
63
+ className: "flex w-full max-w-lg flex-col items-center gap-ds-06 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-07 text-center shadow-raised",
64
+ children: [
65
+ /* @__PURE__ */ i("div", {
66
+ className: e("flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-2xl", v.bgClass),
67
+ children: /* @__PURE__ */ i(t, {
68
+ icon: y,
69
+ size: "2xl",
70
+ className: v.iconClass
71
+ })
72
+ }),
73
+ /* @__PURE__ */ a("div", {
74
+ className: "flex flex-col gap-ds-03",
75
+ children: [
76
+ m && /* @__PURE__ */ a("span", {
77
+ className: "text-ds-sm text-surface-fg-subtle",
78
+ children: ["Error ", m]
79
+ }),
80
+ /* @__PURE__ */ i("h2", {
81
+ className: "text-ds-2xl font-semibold text-surface-fg",
82
+ children: v.title
83
+ }),
84
+ /* @__PURE__ */ i("p", {
85
+ className: "text-ds-base text-surface-fg-subtle",
86
+ children: h || v.message
87
+ })
88
+ ]
89
+ }),
90
+ o && /* @__PURE__ */ i("div", {
91
+ className: "flex items-center gap-ds-04",
92
+ children: /* @__PURE__ */ i(n, {
93
+ variant: "outline",
94
+ size: "md",
95
+ onClick: o,
96
+ children: "Try Again"
97
+ })
98
+ }),
99
+ _ && g && /* @__PURE__ */ a("div", {
100
+ className: "w-full overflow-auto rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05 text-left",
101
+ children: [/* @__PURE__ */ i("p", {
102
+ className: "text-ds-sm mb-ds-03 font-semibold text-surface-fg",
103
+ children: "Stack Trace (development only)"
104
+ }), /* @__PURE__ */ i("pre", {
105
+ className: "whitespace-pre-wrap text-ds-sm text-surface-fg-subtle",
106
+ children: g
107
+ })]
108
+ })
109
+ ]
110
+ })
111
+ });
112
+ });
113
+ m.displayName = "ErrorDisplay";
114
+ var h = class extends r.Component {
115
+ constructor(e) {
116
+ super(e), this.state = { error: null };
117
+ }
118
+ static getDerivedStateFromError(e) {
119
+ return { error: e };
120
+ }
121
+ handleReset = () => {
122
+ this.setState({ error: null }), this.props.onReset?.();
123
+ };
124
+ render() {
125
+ return this.state.error === null ? this.props.children : this.props.fallback ? this.props.fallback({
126
+ error: this.state.error,
127
+ onReset: this.handleReset
128
+ }) : /* @__PURE__ */ i(m, {
129
+ error: this.state.error,
130
+ onReset: this.handleReset
131
+ });
132
+ }
133
133
  };
134
+ //#endregion
135
+ export { h as ErrorBoundary, m as ErrorDisplay };
@@ -1,13 +1,3 @@
1
1
  "use client";
2
- import "react/jsx-runtime";
3
- import "react";
4
- import "../ui/lib/utils.js";
5
- import "../ui/skeleton.js";
6
- import "../ui/button.js";
7
- import "../ui/icon.js";
8
- import "../_chunks/badge-group.js";
9
- import "@tabler/icons-react";
10
- import { F as l } from "../_chunks/file-preview.js";
11
- export {
12
- l as FilePreview
13
- };
2
+ import { t as e } from "../_chunks/file-preview.js";
3
+ export { e as FilePreview };