@hoardodile/ui 0.1.7 → 0.1.9

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 (260) hide show
  1. package/dist/chunk-2BVZEYNW.js +97 -0
  2. package/dist/chunk-2BVZEYNW.js.map +1 -0
  3. package/dist/chunk-2DTR6CD5.js +47 -0
  4. package/dist/chunk-2DTR6CD5.js.map +1 -0
  5. package/dist/chunk-2HWSCY4T.js +20 -0
  6. package/dist/chunk-2HWSCY4T.js.map +1 -0
  7. package/dist/chunk-363CCKQ7.js +75 -0
  8. package/dist/chunk-363CCKQ7.js.map +1 -0
  9. package/dist/chunk-3ZQJWBVB.js +30 -0
  10. package/dist/chunk-3ZQJWBVB.js.map +1 -0
  11. package/dist/chunk-4D36OO5W.js +277 -0
  12. package/dist/chunk-4D36OO5W.js.map +1 -0
  13. package/dist/chunk-4UITFLIN.js +31 -0
  14. package/dist/chunk-4UITFLIN.js.map +1 -0
  15. package/dist/chunk-6HAIUXNZ.js +11 -0
  16. package/dist/chunk-6HAIUXNZ.js.map +1 -0
  17. package/dist/chunk-7JMMFY67.js +62 -0
  18. package/dist/chunk-7JMMFY67.js.map +1 -0
  19. package/dist/chunk-7MWWHI6T.js +1149 -0
  20. package/dist/chunk-7MWWHI6T.js.map +1 -0
  21. package/dist/chunk-AEHTAUAQ.js +65 -0
  22. package/dist/chunk-AEHTAUAQ.js.map +1 -0
  23. package/dist/chunk-ASRGQ5BD.js +130 -0
  24. package/dist/chunk-ASRGQ5BD.js.map +1 -0
  25. package/dist/chunk-BFGOE5AI.js +187 -0
  26. package/dist/chunk-BFGOE5AI.js.map +1 -0
  27. package/dist/chunk-BRT25IDQ.js +46 -0
  28. package/dist/chunk-BRT25IDQ.js.map +1 -0
  29. package/dist/chunk-BU5DQOPM.js +29 -0
  30. package/dist/chunk-BU5DQOPM.js.map +1 -0
  31. package/dist/chunk-BWASOT5X.js +266 -0
  32. package/dist/chunk-BWASOT5X.js.map +1 -0
  33. package/dist/chunk-F32V4Z7Q.js +26 -0
  34. package/dist/chunk-F32V4Z7Q.js.map +1 -0
  35. package/dist/chunk-F7RHDRRJ.js +24 -0
  36. package/dist/chunk-F7RHDRRJ.js.map +1 -0
  37. package/dist/chunk-FH5RNCFR.js +21 -0
  38. package/dist/chunk-FH5RNCFR.js.map +1 -0
  39. package/dist/chunk-GKSX5ULZ.js +513 -0
  40. package/dist/chunk-GKSX5ULZ.js.map +1 -0
  41. package/dist/chunk-JPFDNRCA.js +26 -0
  42. package/dist/chunk-JPFDNRCA.js.map +1 -0
  43. package/dist/chunk-KNPRUZ4H.js +13 -0
  44. package/dist/chunk-KNPRUZ4H.js.map +1 -0
  45. package/dist/chunk-KOFWEPPB.js +254 -0
  46. package/dist/chunk-KOFWEPPB.js.map +1 -0
  47. package/dist/chunk-M5OJN54O.js +10 -0
  48. package/dist/chunk-M5OJN54O.js.map +1 -0
  49. package/dist/chunk-OEVALKQ5.js +51 -0
  50. package/dist/chunk-OEVALKQ5.js.map +1 -0
  51. package/dist/chunk-OW5FWLPH.js +33 -0
  52. package/dist/chunk-OW5FWLPH.js.map +1 -0
  53. package/dist/chunk-POX7TXBH.js +41 -0
  54. package/dist/chunk-POX7TXBH.js.map +1 -0
  55. package/dist/chunk-PWJBHUM2.js +58 -0
  56. package/dist/chunk-PWJBHUM2.js.map +1 -0
  57. package/dist/chunk-QGMDWGJT.js +23 -0
  58. package/dist/chunk-QGMDWGJT.js.map +1 -0
  59. package/dist/chunk-QGTQQNUL.js +36 -0
  60. package/dist/chunk-QGTQQNUL.js.map +1 -0
  61. package/dist/chunk-SAY52ZKI.js +152 -0
  62. package/dist/chunk-SAY52ZKI.js.map +1 -0
  63. package/dist/chunk-SKDPGSRL.js +166 -0
  64. package/dist/chunk-SKDPGSRL.js.map +1 -0
  65. package/dist/chunk-T56ARCUK.js +38 -0
  66. package/dist/chunk-T56ARCUK.js.map +1 -0
  67. package/dist/chunk-TDDHQZ62.js +227 -0
  68. package/dist/chunk-TDDHQZ62.js.map +1 -0
  69. package/dist/chunk-TMQ5OMBK.js +29 -0
  70. package/dist/chunk-TMQ5OMBK.js.map +1 -0
  71. package/dist/chunk-UEVND7AS.js +23 -0
  72. package/dist/chunk-UEVND7AS.js.map +1 -0
  73. package/dist/chunk-UPWHCG4S.js +40 -0
  74. package/dist/chunk-UPWHCG4S.js.map +1 -0
  75. package/dist/chunk-VWUNF7VX.js +3 -0
  76. package/dist/chunk-VWUNF7VX.js.map +1 -0
  77. package/dist/chunk-WI6O7GZK.js +45 -0
  78. package/dist/chunk-WI6O7GZK.js.map +1 -0
  79. package/dist/chunk-WVEK3WCX.js +21 -0
  80. package/dist/chunk-WVEK3WCX.js.map +1 -0
  81. package/dist/chunk-XBPQEZES.js +48 -0
  82. package/dist/chunk-XBPQEZES.js.map +1 -0
  83. package/dist/chunk-ZYAGKKR7.js +142 -0
  84. package/dist/chunk-ZYAGKKR7.js.map +1 -0
  85. package/dist/components/alert.js +2 -21
  86. package/dist/components/alert.js.map +1 -1
  87. package/dist/components/app-dialog.js +10 -654
  88. package/dist/components/app-dialog.js.map +1 -1
  89. package/dist/components/badge.js +2 -23
  90. package/dist/components/badge.js.map +1 -1
  91. package/dist/components/breadcrumb.js +5 -504
  92. package/dist/components/breadcrumb.js.map +1 -1
  93. package/dist/components/button.js +3 -76
  94. package/dist/components/button.js.map +1 -1
  95. package/dist/components/caption-bar.js +7 -521
  96. package/dist/components/caption-bar.js.map +1 -1
  97. package/dist/components/checkbox.js +4 -74
  98. package/dist/components/checkbox.js.map +1 -1
  99. package/dist/components/chip-button.js +4 -85
  100. package/dist/components/chip-button.js.map +1 -1
  101. package/dist/components/close-confirm-dialog.js +12 -662
  102. package/dist/components/close-confirm-dialog.js.map +1 -1
  103. package/dist/components/color-picker.js +7 -533
  104. package/dist/components/color-picker.js.map +1 -1
  105. package/dist/components/combobox.js +15 -937
  106. package/dist/components/combobox.js.map +1 -1
  107. package/dist/components/confirm-by-typing-dialog.js +12 -669
  108. package/dist/components/confirm-by-typing-dialog.js.map +1 -1
  109. package/dist/components/confirm-dialog.js +11 -637
  110. package/dist/components/confirm-dialog.js.map +1 -1
  111. package/dist/components/count-badge.js +2 -21
  112. package/dist/components/count-badge.js.map +1 -1
  113. package/dist/components/dialog.js +8 -569
  114. package/dist/components/dialog.js.map +1 -1
  115. package/dist/components/dropdown-menu.js +9 -1007
  116. package/dist/components/dropdown-menu.js.map +1 -1
  117. package/dist/components/dropdown-select.js +9 -883
  118. package/dist/components/dropdown-select.js.map +1 -1
  119. package/dist/components/empty.js +2 -21
  120. package/dist/components/empty.js.map +1 -1
  121. package/dist/components/filter-rail.js +7 -145
  122. package/dist/components/filter-rail.js.map +1 -1
  123. package/dist/components/fixed-action-bar.js +2 -21
  124. package/dist/components/fixed-action-bar.js.map +1 -1
  125. package/dist/components/font-picker.js +11 -589
  126. package/dist/components/font-picker.js.map +1 -1
  127. package/dist/components/form.js +9 -66
  128. package/dist/components/form.js.map +1 -1
  129. package/dist/components/icon-tile.js +3 -43
  130. package/dist/components/icon-tile.js.map +1 -1
  131. package/dist/components/icon-toggle.js +3 -43
  132. package/dist/components/icon-toggle.js.map +1 -1
  133. package/dist/components/icon.js +3 -47
  134. package/dist/components/icon.js.map +1 -1
  135. package/dist/components/image-crop-panel.js +19 -775
  136. package/dist/components/image-crop-panel.js.map +1 -1
  137. package/dist/components/image-cropper.js +1 -164
  138. package/dist/components/image-cropper.js.map +1 -1
  139. package/dist/components/input-group.js +6 -268
  140. package/dist/components/input-group.js.map +1 -1
  141. package/dist/components/input.js +3 -58
  142. package/dist/components/input.js.map +1 -1
  143. package/dist/components/label.js +3 -38
  144. package/dist/components/label.js.map +1 -1
  145. package/dist/components/list-empty-row.js +2 -21
  146. package/dist/components/list-empty-row.js.map +1 -1
  147. package/dist/components/management-empty.js +2 -21
  148. package/dist/components/management-empty.js.map +1 -1
  149. package/dist/components/management-skeleton.js +4 -59
  150. package/dist/components/management-skeleton.js.map +1 -1
  151. package/dist/components/meta-chip.js +2 -21
  152. package/dist/components/meta-chip.js.map +1 -1
  153. package/dist/components/mobile-drawer.js +7 -268
  154. package/dist/components/mobile-drawer.js.map +1 -1
  155. package/dist/components/page-header.js +3 -42
  156. package/dist/components/page-header.js.map +1 -1
  157. package/dist/components/page-scaffold.js +5 -76
  158. package/dist/components/page-scaffold.js.map +1 -1
  159. package/dist/components/pagination-bar.js +13 -617
  160. package/dist/components/pagination-bar.js.map +1 -1
  161. package/dist/components/pagination.js +6 -684
  162. package/dist/components/pagination.js.map +1 -1
  163. package/dist/components/panel-toolbar.js +11 -716
  164. package/dist/components/panel-toolbar.js.map +1 -1
  165. package/dist/components/pill-tabs.js +2 -21
  166. package/dist/components/pill-tabs.js.map +1 -1
  167. package/dist/components/plugin-download-consent.js +13 -663
  168. package/dist/components/plugin-download-consent.js.map +1 -1
  169. package/dist/components/popover.js +5 -242
  170. package/dist/components/popover.js.map +1 -1
  171. package/dist/components/preview-card.js +2 -21
  172. package/dist/components/preview-card.js.map +1 -1
  173. package/dist/components/progress.js +2 -20
  174. package/dist/components/progress.js.map +1 -1
  175. package/dist/components/radio-group.js +2 -21
  176. package/dist/components/radio-group.js.map +1 -1
  177. package/dist/components/scroll-area.js +2 -21
  178. package/dist/components/scroll-area.js.map +1 -1
  179. package/dist/components/search-field.js +6 -590
  180. package/dist/components/search-field.js.map +1 -1
  181. package/dist/components/secondary-stat.js +3 -40
  182. package/dist/components/secondary-stat.js.map +1 -1
  183. package/dist/components/section-header.js +3 -43
  184. package/dist/components/section-header.js.map +1 -1
  185. package/dist/components/section-label.js +3 -44
  186. package/dist/components/section-label.js.map +1 -1
  187. package/dist/components/section-tabs.js +2 -21
  188. package/dist/components/section-tabs.js.map +1 -1
  189. package/dist/components/separator.js +3 -47
  190. package/dist/components/separator.js.map +1 -1
  191. package/dist/components/sheet.js +8 -467
  192. package/dist/components/sheet.js.map +1 -1
  193. package/dist/components/sidebar.js +24 -1047
  194. package/dist/components/sidebar.js.map +1 -1
  195. package/dist/components/skeleton.js +3 -39
  196. package/dist/components/skeleton.js.map +1 -1
  197. package/dist/components/slider.js +2 -21
  198. package/dist/components/slider.js.map +1 -1
  199. package/dist/components/sortable-chip-list.js +2 -21
  200. package/dist/components/sortable-chip-list.js.map +1 -1
  201. package/dist/components/special-tag-surface.js +3 -531
  202. package/dist/components/special-tag-surface.js.map +1 -1
  203. package/dist/components/spinner.js +3 -63
  204. package/dist/components/spinner.js.map +1 -1
  205. package/dist/components/surface.js +3 -49
  206. package/dist/components/surface.js.map +1 -1
  207. package/dist/components/switch.js +3 -51
  208. package/dist/components/switch.js.map +1 -1
  209. package/dist/components/table.js +2 -20
  210. package/dist/components/table.js.map +1 -1
  211. package/dist/components/tag-chip.js +6 -617
  212. package/dist/components/tag-chip.js.map +1 -1
  213. package/dist/components/textarea.js +3 -56
  214. package/dist/components/textarea.js.map +1 -1
  215. package/dist/components/toast.js +8 -809
  216. package/dist/components/toast.js.map +1 -1
  217. package/dist/components/toggle.js +2 -20
  218. package/dist/components/toggle.js.map +1 -1
  219. package/dist/components/tooltip.js +3 -80
  220. package/dist/components/tooltip.js.map +1 -1
  221. package/dist/hooks/use-dialog-footer-actions.js +1 -9
  222. package/dist/hooks/use-dialog-footer-actions.js.map +1 -1
  223. package/dist/hooks/use-form-field.js +1 -34
  224. package/dist/hooks/use-form-field.js.map +1 -1
  225. package/dist/hooks/use-mobile.js +2 -27
  226. package/dist/hooks/use-mobile.js.map +1 -1
  227. package/dist/hooks/useMobileBackToClose.js +3 -232
  228. package/dist/hooks/useMobileBackToClose.js.map +1 -1
  229. package/dist/icons/actions.js +4 -524
  230. package/dist/icons/actions.js.map +1 -1
  231. package/dist/icons/icon-style.js +1 -49
  232. package/dist/icons/icon-style.js.map +1 -1
  233. package/dist/icons/marks.js +1 -46
  234. package/dist/icons/marks.js.map +1 -1
  235. package/dist/icons/registry.js +2 -1194
  236. package/dist/icons/registry.js.map +1 -1
  237. package/dist/index.js +10 -651
  238. package/dist/index.js.map +1 -1
  239. package/dist/lib/colors.js +1 -63
  240. package/dist/lib/colors.js.map +1 -1
  241. package/dist/lib/merge-config.js +1 -18
  242. package/dist/lib/merge-config.js.map +1 -1
  243. package/dist/lib/pagination.js +1 -24
  244. package/dist/lib/pagination.js.map +1 -1
  245. package/dist/lib/tag-surface.js +5 -613
  246. package/dist/lib/tag-surface.js.map +1 -1
  247. package/dist/lib/utils.js +2 -24
  248. package/dist/lib/utils.js.map +1 -1
  249. package/dist/res-card-template/format.js +1 -21
  250. package/dist/res-card-template/format.js.map +1 -1
  251. package/dist/res-card-template/icon.js +1 -39
  252. package/dist/res-card-template/icon.js.map +1 -1
  253. package/dist/res-card-template/index.js +3 -329
  254. package/dist/res-card-template/index.js.map +1 -1
  255. package/dist/res-card-template/template.js +3 -331
  256. package/dist/res-card-template/template.js.map +1 -1
  257. package/dist/viewport.js +1 -11
  258. package/dist/viewport.js.map +1 -1
  259. package/package.json +3 -3
  260. package/src/components/image-crop-panel.dist.test.tsx +54 -0
@@ -1,668 +1,18 @@
1
- import { Button as Button$1 } from '@base-ui/react/button';
2
- import { cva } from 'class-variance-authority';
3
- import { clsx } from 'clsx';
4
- import { extendTailwindMerge } from 'tailwind-merge';
5
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
6
- import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
7
- import * as React from 'react';
8
- import { createContext, useState, useEffect, useRef, useMemo } from 'react';
9
- import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
1
+ import { Checkbox } from '../chunk-3ZQJWBVB.js';
2
+ import { AppDialog } from '../chunk-2BVZEYNW.js';
3
+ import '../chunk-6HAIUXNZ.js';
4
+ import '../chunk-KOFWEPPB.js';
5
+ import '../chunk-TDDHQZ62.js';
6
+ import '../chunk-QGMDWGJT.js';
7
+ import '../chunk-XBPQEZES.js';
8
+ import '../chunk-KNPRUZ4H.js';
9
+ import { Button } from '../chunk-PWJBHUM2.js';
10
+ import '../chunk-M5OJN54O.js';
11
+ import '../chunk-2HWSCY4T.js';
12
+ import { useState, useEffect } from 'react';
10
13
  import { useTranslation } from 'react-i18next';
11
- import 'react-use';
14
+ import { jsx, jsxs } from 'react/jsx-runtime';
12
15
 
13
- // src/components/button.tsx
14
- var mergeTheme = {
15
- text: ["tiny", "ui", "doc", "doc-title", "doc-heading", "quote"],
16
- spacing: ["chip", "control", "nav", "sidebar", "panel"],
17
- tracking: ["label"],
18
- shadow: ["card", "dialog"],
19
- container: ["reading", "medium", "content"],
20
- font: ["doc", "heading"],
21
- ease: ["standard"],
22
- animate: ["skel", "pop"]
23
- };
24
- var twMerge = extendTailwindMerge({
25
- extend: { theme: mergeTheme }
26
- });
27
-
28
- // src/lib/utils.ts
29
- function cn(...inputs) {
30
- return twMerge(clsx(inputs));
31
- }
32
- var buttonVariants = cva(
33
- "group/button inline-flex shrink-0 items-center justify-center rounded-lg text-ui font-medium whitespace-nowrap outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
34
- {
35
- variants: {
36
- variant: {
37
- default: "bg-primary px-4! text-primary-foreground hover:bg-primary/80",
38
- outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
39
- secondary: "bg-secondary text-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-foreground",
40
- ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
41
- destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
42
- danger: "bg-[color-mix(in_oklab,var(--destructive),black_12%)] text-white hover:bg-[color-mix(in_oklab,var(--destructive),black_4%)] focus-visible:border-destructive/40 focus-visible:ring-destructive/20 disabled:bg-destructive/10 disabled:text-muted-foreground dark:focus-visible:ring-destructive/40",
43
- link: "text-primary underline-offset-4 hover:underline"
44
- },
45
- size: {
46
- default: "h-control gap-2 px-3 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
47
- xs: "h-6 gap-2 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
48
- sm: "h-chip gap-2 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
49
- lg: "h-10 gap-2 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
50
- icon: "size-9",
51
- "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
52
- "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
53
- "icon-lg": "size-10"
54
- }
55
- },
56
- defaultVariants: {
57
- variant: "default",
58
- size: "default"
59
- }
60
- }
61
- );
62
- function Button({
63
- active,
64
- className,
65
- variant = "default",
66
- size = "default",
67
- ...props
68
- }) {
69
- return /* @__PURE__ */ jsx(
70
- Button$1,
71
- {
72
- "data-slot": "button",
73
- className: cn(
74
- buttonVariants({ variant, size, className }),
75
- active && "bg-accent text-accent-foreground hover:bg-accent"
76
- ),
77
- ...props
78
- }
79
- );
80
- }
81
- function Mark({
82
- d,
83
- filled,
84
- className
85
- }) {
86
- return /* @__PURE__ */ jsx(
87
- "svg",
88
- {
89
- xmlns: "http://www.w3.org/2000/svg",
90
- viewBox: "0 0 24 24",
91
- fill: "none",
92
- className,
93
- children: filled ? /* @__PURE__ */ jsx("path", { d, fill: "currentColor" }) : /* @__PURE__ */ jsx(
94
- "path",
95
- {
96
- d,
97
- stroke: "currentColor",
98
- strokeWidth: "2",
99
- strokeLinecap: "round",
100
- strokeLinejoin: "round"
101
- }
102
- )
103
- }
104
- );
105
- }
106
- function Check(props) {
107
- return /* @__PURE__ */ jsx(Mark, { ...props, d: "M5 12.8l4.7 4.7L19 7.2" });
108
- }
109
- function Cross(props) {
110
- return /* @__PURE__ */ jsx(Mark, { ...props, d: "M6 6l12 12M18 6L6 18" });
111
- }
112
- function Checkbox({ className, ...props }) {
113
- return /* @__PURE__ */ jsx(
114
- Checkbox$1.Root,
115
- {
116
- "data-slot": "checkbox",
117
- className: cn(
118
- "peer relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm bg-muted outline-none group-has-disabled/field:opacity-50 focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:bg-destructive/20 aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-checked:bg-primary data-checked:text-primary-foreground",
119
- className
120
- ),
121
- ...props,
122
- children: /* @__PURE__ */ jsx(
123
- Checkbox$1.Indicator,
124
- {
125
- "data-slot": "checkbox-indicator",
126
- className: "grid place-content-center text-current [&>svg]:size-3",
127
- children: /* @__PURE__ */ jsx(Check, {})
128
- }
129
- )
130
- }
131
- );
132
- }
133
-
134
- // src/viewport.ts
135
- var MOBILE_BREAKPOINT_PX = 768;
136
- var MOBILE_QUERY = `(max-width: ${MOBILE_BREAKPOINT_PX - 1}px)`;
137
- function isBelowMd() {
138
- if (typeof window === "undefined") return false;
139
- return window.matchMedia(MOBILE_QUERY).matches;
140
- }
141
- var HISTORY_KEY = "__appMobileOverlay";
142
- var overlayStack = [];
143
- var popListenerInstalled = false;
144
- var historyPatched = false;
145
- var nextOverlayId = 0;
146
- var suppressPopCount = 0;
147
- var seenSyntheticIds = /* @__PURE__ */ new Set();
148
- function patchHistory() {
149
- if (historyPatched) return;
150
- if (typeof window === "undefined") return;
151
- historyPatched = true;
152
- const origPush = window.history.pushState.bind(window.history);
153
- window.history.pushState = (data, unused, url) => {
154
- const state = data;
155
- if (state !== null && typeof state === "object" && HISTORY_KEY in state) {
156
- origPush(data, unused, url);
157
- return;
158
- }
159
- if (overlayStack.length > 0) {
160
- closeAllOverlays();
161
- }
162
- origPush(data, unused, url);
163
- };
164
- }
165
- function closeAllOverlays() {
166
- while (overlayStack.length > 0) {
167
- const entry = overlayStack.pop();
168
- if (entry?.close !== void 0) {
169
- const fn = entry.close;
170
- entry.close = void 0;
171
- fn();
172
- }
173
- }
174
- }
175
- function ensurePopListener() {
176
- if (popListenerInstalled) return;
177
- if (typeof window === "undefined") return;
178
- popListenerInstalled = true;
179
- window.addEventListener(
180
- "popstate",
181
- (e) => {
182
- if (suppressPopCount > 0) return;
183
- const state = e.state;
184
- if (state !== null && typeof state === "object" && HISTORY_KEY in state) {
185
- const id = state[HISTORY_KEY];
186
- if (typeof id === "number" && overlayStack.some((entry) => entry.id === id)) {
187
- closeTopOverlay();
188
- e.stopImmediatePropagation();
189
- return;
190
- }
191
- e.stopImmediatePropagation();
192
- if (typeof id === "number" && seenSyntheticIds.has(id)) {
193
- window.history.back();
194
- }
195
- }
196
- },
197
- true
198
- // capture phase
199
- );
200
- window.addEventListener("popstate", handlePop);
201
- patchHistory();
202
- }
203
- function closeTopOverlay() {
204
- const top = overlayStack.pop();
205
- if (top === void 0) return;
206
- if (top.close === void 0) return;
207
- const closeFn = top.close;
208
- top.close = void 0;
209
- closeFn();
210
- }
211
- function handlePop() {
212
- if (suppressPopCount > 0) {
213
- suppressPopCount--;
214
- return;
215
- }
216
- closeTopOverlay();
217
- }
218
- function removeFromStack(id) {
219
- const idx = overlayStack.findIndex((e) => e.id === id);
220
- if (idx === -1) return { removed: false, parkedBelow: 0 };
221
- const wasTop = idx === overlayStack.length - 1;
222
- if (!wasTop) {
223
- const entry = overlayStack[idx];
224
- if (entry !== void 0) entry.close = void 0;
225
- return { removed: true, parkedBelow: 0 };
226
- }
227
- overlayStack.pop();
228
- const remaining = overlayStack.splice(0, overlayStack.length);
229
- const active = remaining.filter((e) => e.close !== void 0);
230
- const parkedBelow = remaining.length - active.length;
231
- overlayStack.push(...active);
232
- return { removed: true, parkedBelow };
233
- }
234
- function scheduleStateRestore(id, baseState, parkedBelow) {
235
- function check() {
236
- const currentState = window.history.state;
237
- if (currentState === null || typeof currentState !== "object" || !(HISTORY_KEY in currentState) || currentState[HISTORY_KEY] !== id) {
238
- sweepParkedEntries();
239
- return;
240
- }
241
- const totalBacks = 1 + parkedBelow;
242
- let done = false;
243
- function restore() {
244
- if (done) return;
245
- done = true;
246
- window.removeEventListener("popstate", onPop);
247
- window.history.replaceState(baseState, "");
248
- const sweptIds = sweepParkedEntries();
249
- cleanupSeenIds(sweptIds);
250
- }
251
- function onPop() {
252
- if (suppressPopCount > 0) {
253
- suppressPopCount--;
254
- return;
255
- }
256
- restore();
257
- }
258
- window.addEventListener("popstate", onPop);
259
- suppressPopCount += totalBacks;
260
- for (let i = 0; i < totalBacks; i++) {
261
- window.history.back();
262
- }
263
- }
264
- let disposed = false;
265
- let rafId;
266
- function run() {
267
- if (disposed) return;
268
- disposed = true;
269
- if (rafId !== void 0) {
270
- cancelAnimationFrame(rafId);
271
- }
272
- check();
273
- }
274
- rafId = requestAnimationFrame(run);
275
- }
276
- function sweepParkedEntries() {
277
- const sweptIds = [];
278
- for (let i = overlayStack.length - 1; i >= 0; i--) {
279
- const entry = overlayStack[i];
280
- if (entry !== void 0 && entry.close === void 0) {
281
- sweptIds.push(entry.id);
282
- overlayStack.splice(i, 1);
283
- }
284
- }
285
- return sweptIds;
286
- }
287
- function cleanupSeenIds(sweptIds) {
288
- const activeIds = new Set(overlayStack.map((e) => e.id));
289
- for (const id of sweptIds) {
290
- if (!activeIds.has(id)) {
291
- seenSyntheticIds.delete(id);
292
- }
293
- }
294
- }
295
- function useMobileBackToClose(open, onOpenChange) {
296
- const idRef = useRef(void 0);
297
- const onChangeRef = useRef(onOpenChange);
298
- onChangeRef.current = onOpenChange;
299
- useEffect(() => {
300
- if (typeof window === "undefined") return;
301
- if (onChangeRef.current === void 0) return;
302
- if (!isBelowMd()) return;
303
- ensurePopListener();
304
- if (open === true && idRef.current === void 0) {
305
- const id = ++nextOverlayId;
306
- idRef.current = id;
307
- seenSyntheticIds.add(id);
308
- const baseState = window.history.state ?? null;
309
- window.history.pushState(
310
- {
311
- ...baseState ?? {},
312
- [HISTORY_KEY]: id
313
- },
314
- ""
315
- );
316
- overlayStack.push({
317
- id,
318
- baseState,
319
- close() {
320
- idRef.current = void 0;
321
- onChangeRef.current?.(false);
322
- }
323
- });
324
- return;
325
- }
326
- if (open !== true && idRef.current !== void 0) {
327
- const id = idRef.current;
328
- idRef.current = void 0;
329
- const entryIdx = overlayStack.findIndex((e) => e.id === id);
330
- const entry = entryIdx !== -1 ? overlayStack[entryIdx] : void 0;
331
- const { removed, parkedBelow } = removeFromStack(id);
332
- if (removed && entry !== void 0) {
333
- scheduleStateRestore(id, entry.baseState, parkedBelow);
334
- }
335
- }
336
- }, [open]);
337
- useEffect(() => {
338
- return () => {
339
- if (idRef.current !== void 0) {
340
- const id = idRef.current;
341
- idRef.current = void 0;
342
- const entryIdx = overlayStack.findIndex((e) => e.id === id);
343
- const entry = entryIdx !== -1 ? overlayStack[entryIdx] : void 0;
344
- const { removed, parkedBelow } = removeFromStack(id);
345
- if (removed && entry !== void 0) {
346
- scheduleStateRestore(id, entry.baseState, parkedBelow);
347
- }
348
- }
349
- };
350
- }, []);
351
- }
352
- function Dialog({
353
- open,
354
- defaultOpen,
355
- onOpenChange,
356
- ...props
357
- }) {
358
- const [uncontrolledOpen, setUncontrolledOpen] = React.useState(
359
- defaultOpen ?? false
360
- );
361
- const isControlled = open !== void 0;
362
- const currentOpen = isControlled ? open : uncontrolledOpen;
363
- function handleOpenChange(next, eventDetails) {
364
- if (!isControlled) setUncontrolledOpen(next);
365
- onOpenChange?.(next, eventDetails);
366
- }
367
- useMobileBackToClose(currentOpen, handleOpenChange);
368
- return /* @__PURE__ */ jsx(
369
- Dialog$1.Root,
370
- {
371
- "data-slot": "dialog",
372
- open: currentOpen,
373
- onOpenChange: handleOpenChange,
374
- ...props
375
- }
376
- );
377
- }
378
- function DialogPortal({ ...props }) {
379
- return /* @__PURE__ */ jsx(Dialog$1.Portal, { "data-slot": "dialog-portal", ...props });
380
- }
381
- function DialogOverlay({
382
- className,
383
- ...props
384
- }) {
385
- return /* @__PURE__ */ jsx(
386
- Dialog$1.Backdrop,
387
- {
388
- "data-slot": "dialog-overlay",
389
- className: cn(
390
- // The dialog layer: a static whisper-of-ink scrim plus
391
- // backdrop blur — part of the surface definition, not motion.
392
- "fixed inset-0 isolate z-50 bg-foreground/5 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-sm",
393
- className
394
- ),
395
- ...props
396
- }
397
- );
398
- }
399
- function DialogContent({
400
- className,
401
- children,
402
- showCloseButton = true,
403
- overlayClassName,
404
- contentMotion = "default",
405
- ...props
406
- }) {
407
- const { t } = useTranslation("ui", { useSuspense: false });
408
- const arranged = arrangeDialogChildren(children);
409
- const motionClasses = contentMotion === "minimal" ? "data-ending-style:opacity-0 data-starting-style:opacity-0" : cn(
410
- "data-ending-style:translate-y-10 data-ending-style:opacity-0 data-starting-style:translate-y-10 data-starting-style:opacity-0",
411
- // ≥ sm the popup is centred with -translate-y-1/2, so the
412
- // starting/ending styles must keep that offset (zoom + fade
413
- // only, no slide) instead of clobbering it with translate-y-0.
414
- "sm:data-ending-style:-translate-y-1/2 sm:data-ending-style:scale-95 sm:data-starting-style:-translate-y-1/2 sm:data-starting-style:scale-95"
415
- );
416
- return /* @__PURE__ */ jsxs(DialogPortal, { children: [
417
- /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }),
418
- /* @__PURE__ */ jsxs(
419
- Dialog$1.Popup,
420
- {
421
- "data-slot": "dialog-content",
422
- className: cn(
423
- // The floating-card anatomy: `bg-card`
424
- // hairline-bordered surface with the system's one deep shadow.
425
- // Mobile: bottom sheet occupying most of the viewport so edit
426
- // forms have room to breathe. The component never scrolls
427
- // itself; only the inner DialogBody does. Header/body/footer
428
- // parts are held apart by the card's section gap
429
- // (`gap-4` between the header document, the body and the
430
- // hairline footer).
431
- "fixed z-50 flex flex-col gap-4 bg-card text-sm text-card-foreground shadow-dialog outline-hidden transition duration-200 ease-in-out",
432
- "inset-x-0 bottom-0 max-h-[85svh] overflow-hidden rounded-t-2xl rounded-b-none border border-b-0 border-border",
433
- motionClasses,
434
- // ≥ sm: centred modal, allow up to 90vh.
435
- "sm:inset-x-auto sm:bottom-auto sm:top-1/2 sm:left-1/2 sm:w-full sm:max-w-md sm:max-h-[90vh] sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-2xl",
436
- className
437
- ),
438
- ...props,
439
- children: [
440
- arranged,
441
- showCloseButton && /* @__PURE__ */ jsxs(
442
- Dialog$1.Close,
443
- {
444
- "data-slot": "dialog-close",
445
- className: "absolute top-3 right-3 z-20 flex size-6 items-center justify-center rounded-md text-muted-foreground transition-colors duration-150 hover:bg-muted hover:text-foreground",
446
- children: [
447
- /* @__PURE__ */ jsx(Cross, { className: "size-3" }),
448
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("aria.close") })
449
- ]
450
- }
451
- )
452
- ]
453
- }
454
- )
455
- ] });
456
- }
457
- function DialogHeader({ className, ...props }) {
458
- return /* @__PURE__ */ jsx(
459
- "div",
460
- {
461
- "data-slot": "dialog-header",
462
- className: cn(
463
- // The header document: the card's `p-5`
464
- // rhythm — 20px top and sides, no bottom padding — with the
465
- // eyebrow, title row and description stacked tight; the section
466
- // gap below separates it from the body.
467
- "flex shrink-0 flex-col bg-card px-5 pt-5",
468
- className
469
- ),
470
- ...props
471
- }
472
- );
473
- }
474
- function DialogBody({ className, ...props }) {
475
- return /* @__PURE__ */ jsx(
476
- "div",
477
- {
478
- "data-slot": "dialog-body",
479
- className: cn(
480
- "flex-1 overflow-y-auto overscroll-contain px-5",
481
- className
482
- ),
483
- ...props
484
- }
485
- );
486
- }
487
- function DialogFooter({
488
- className,
489
- flush = false,
490
- showCloseButton = false,
491
- children,
492
- ...props
493
- }) {
494
- return /* @__PURE__ */ jsxs(
495
- "div",
496
- {
497
- "data-slot": "dialog-footer",
498
- className: cn("flex shrink-0 flex-col bg-card", className),
499
- ...props,
500
- children: [
501
- /* @__PURE__ */ jsx(
502
- "div",
503
- {
504
- className: cn(
505
- "border-t border-border",
506
- flush ? "mx-4" : "mx-5"
507
- )
508
- }
509
- ),
510
- /* @__PURE__ */ jsxs(
511
- "div",
512
- {
513
- className: cn(
514
- // The hairline action bar: 16px above the
515
- // buttons, the card's bottom padding (20px) below.
516
- "flex flex-row justify-end flex-wrap gap-2",
517
- flush ? "p-4" : "px-5 pt-4 pb-5"
518
- ),
519
- children: [
520
- children,
521
- showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Close" })
522
- ]
523
- }
524
- )
525
- ]
526
- }
527
- );
528
- }
529
- function DialogTitle({ className, ...props }) {
530
- return /* @__PURE__ */ jsx(
531
- Dialog$1.Title,
532
- {
533
- "data-slot": "dialog-title",
534
- className: cn("text-sm font-semibold", className),
535
- ...props
536
- }
537
- );
538
- }
539
- function DialogDescription({
540
- className,
541
- ...props
542
- }) {
543
- return /* @__PURE__ */ jsx(
544
- Dialog$1.Description,
545
- {
546
- "data-slot": "dialog-description",
547
- className: cn(
548
- "text-xs leading-5 text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
549
- className
550
- ),
551
- ...props
552
- }
553
- );
554
- }
555
- function arrangeDialogChildren(children) {
556
- const headers = [];
557
- const footers = [];
558
- const bodyNodes = [];
559
- let hasExplicitBody = false;
560
- React.Children.forEach(children, (child) => {
561
- if (!React.isValidElement(child)) {
562
- bodyNodes.push(child);
563
- return;
564
- }
565
- if (child.type === DialogHeader) {
566
- headers.push(child);
567
- return;
568
- }
569
- if (child.type === DialogFooter) {
570
- footers.push(child);
571
- return;
572
- }
573
- if (child.type === DialogBody) {
574
- hasExplicitBody = true;
575
- bodyNodes.push(child);
576
- return;
577
- }
578
- bodyNodes.push(child);
579
- });
580
- const body = hasExplicitBody ? bodyNodes : /* @__PURE__ */ jsx(DialogBody, { children: bodyNodes });
581
- return /* @__PURE__ */ jsxs(Fragment, { children: [
582
- headers,
583
- body,
584
- footers
585
- ] });
586
- }
587
- var DialogFooterActionsContext = createContext(null);
588
- var sizeClasses = {
589
- sm: "sm:max-w-sm",
590
- md: "sm:max-w-md",
591
- lg: "sm:max-w-2xl",
592
- xl: "sm:max-w-3xl",
593
- "2xl": "sm:max-w-4xl"
594
- };
595
- function AppDialog(props) {
596
- const {
597
- open,
598
- onOpenChange,
599
- title,
600
- eyebrow,
601
- icon,
602
- danger,
603
- size,
604
- flush,
605
- description,
606
- children,
607
- footer,
608
- contentClassName,
609
- overlayClassName,
610
- contentMotion,
611
- suppressAutoFocus = true,
612
- contentTestId
613
- } = props;
614
- const contentRef = useRef(null);
615
- const [footerActions, setFooterActions] = useState(null);
616
- const actionsValue = useMemo(
617
- () => ({ setFooterActions }),
618
- [setFooterActions]
619
- );
620
- return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
621
- DialogContent,
622
- {
623
- ref: contentRef,
624
- className: cn(
625
- size !== void 0 && sizeClasses[size],
626
- flush && "p-0",
627
- contentClassName
628
- ),
629
- overlayClassName,
630
- contentMotion,
631
- initialFocus: suppressAutoFocus ? contentRef : void 0,
632
- "data-testid": contentTestId,
633
- children: [
634
- /* @__PURE__ */ jsxs(DialogHeader, { className: flush ? "gap-4" : void 0, children: [
635
- eyebrow !== void 0 ? /* @__PURE__ */ jsx(
636
- "span",
637
- {
638
- className: cn(
639
- "text-tiny font-semibold tracking-label uppercase",
640
- danger ? "text-destructive" : "text-muted-foreground"
641
- ),
642
- children: eyebrow
643
- }
644
- ) : null,
645
- /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3 pr-6", children: [
646
- icon,
647
- /* @__PURE__ */ jsx(
648
- DialogTitle,
649
- {
650
- className: cn("truncate", danger && "text-destructive"),
651
- children: title
652
- }
653
- )
654
- ] }),
655
- description !== void 0 ? /* @__PURE__ */ jsx(DialogDescription, { children: description }) : null
656
- ] }),
657
- /* @__PURE__ */ jsx(DialogBody, { className: flush ? "p-0" : void 0, children: /* @__PURE__ */ jsx(DialogFooterActionsContext.Provider, { value: actionsValue, children }) }),
658
- footer !== void 0 && footer !== null || footerActions !== null ? /* @__PURE__ */ jsxs(DialogFooter, { flush, children: [
659
- footer,
660
- footerActions
661
- ] }) : null
662
- ]
663
- }
664
- ) });
665
- }
666
16
  function PluginDownloadConsentDialog(props) {
667
17
  const { entry, onDeny, onAllow } = props;
668
18
  const { t } = useTranslation("ui", { useSuspense: false });