tembro 6.1.0 → 6.1.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 (146) hide show
  1. package/dist/components/actions/action-menu.d.ts +11 -1
  2. package/dist/components/display/index.d.ts +0 -2
  3. package/dist/components/filters/index.d.ts +0 -1
  4. package/dist/components/inputs/time-picker.d.ts +11 -3
  5. package/dist/components/modern/file-manager.d.ts +1 -1
  6. package/dist/components/modern/index.d.ts +3 -1
  7. package/dist/components/modern/map.cjs +1 -0
  8. package/dist/components/modern/map.d.ts +29 -0
  9. package/dist/components/modern/map.js +1 -0
  10. package/dist/components/modern/media-player.cjs +1 -0
  11. package/dist/components/modern/media-player.d.ts +21 -0
  12. package/dist/components/modern/media-player.js +1 -0
  13. package/dist/components/modern/spreadsheet.cjs +1 -0
  14. package/dist/components/modern/spreadsheet.d.ts +35 -0
  15. package/dist/components/modern/spreadsheet.js +1 -0
  16. package/dist/components/overlay/drawer.d.ts +3 -1
  17. package/dist/index.d.ts +0 -2
  18. package/dist/src/components/actions/action-menu.cjs +1 -1
  19. package/dist/src/components/actions/action-menu.js +47 -39
  20. package/dist/src/components/actions/copy-button.cjs +1 -1
  21. package/dist/src/components/actions/copy-button.js +4 -1
  22. package/dist/src/components/calendar/date-picker.cjs +1 -1
  23. package/dist/src/components/calendar/date-picker.js +5 -8
  24. package/dist/src/components/calendar/date-range-picker.cjs +1 -1
  25. package/dist/src/components/calendar/date-range-picker.js +12 -27
  26. package/dist/src/components/data-table/data-table.cjs +1 -1
  27. package/dist/src/components/data-table/data-table.js +172 -171
  28. package/dist/src/components/display/index.cjs +1 -1
  29. package/dist/src/components/display/index.js +9 -11
  30. package/dist/src/components/filters/index.cjs +1 -1
  31. package/dist/src/components/filters/index.js +2 -3
  32. package/dist/src/components/inputs/color-picker.cjs +1 -1
  33. package/dist/src/components/inputs/color-picker.js +63 -46
  34. package/dist/src/components/inputs/slider.cjs +1 -1
  35. package/dist/src/components/inputs/slider.js +3 -3
  36. package/dist/src/components/inputs/tag-input.cjs +1 -1
  37. package/dist/src/components/inputs/tag-input.js +7 -4
  38. package/dist/src/components/inputs/time-picker.cjs +1 -1
  39. package/dist/src/components/inputs/time-picker.js +90 -34
  40. package/dist/src/components/modern/index.cjs +1 -1
  41. package/dist/src/components/modern/index.js +6 -4
  42. package/dist/src/components/modern/map.cjs +1 -0
  43. package/dist/src/components/modern/map.js +158 -0
  44. package/dist/src/components/modern/media-player.cjs +1 -0
  45. package/dist/src/components/modern/media-player.js +176 -0
  46. package/dist/src/components/modern/resizable-panel.cjs +1 -1
  47. package/dist/src/components/modern/resizable-panel.js +39 -32
  48. package/dist/src/components/modern/spreadsheet.cjs +1 -0
  49. package/dist/src/components/modern/spreadsheet.js +97 -0
  50. package/dist/src/components/navigation/pagination.cjs +1 -1
  51. package/dist/src/components/navigation/pagination.js +5 -5
  52. package/dist/src/components/notifications/toast.cjs +1 -1
  53. package/dist/src/components/notifications/toast.js +68 -63
  54. package/dist/src/components/overlay/alert-dialog.cjs +1 -1
  55. package/dist/src/components/overlay/alert-dialog.js +8 -6
  56. package/dist/src/components/overlay/drawer.cjs +1 -1
  57. package/dist/src/components/overlay/drawer.js +38 -20
  58. package/dist/src/components/ui/checkbox/index.cjs +1 -1
  59. package/dist/src/components/ui/checkbox/index.js +2 -1
  60. package/dist/src/components/ui/dialog/index.cjs +1 -1
  61. package/dist/src/components/ui/dialog/index.js +8 -8
  62. package/dist/src/components/ui/dropdown-menu/index.cjs +1 -1
  63. package/dist/src/components/ui/dropdown-menu/index.js +21 -19
  64. package/dist/src/components/ui/popover/index.cjs +1 -1
  65. package/dist/src/components/ui/popover/index.js +10 -10
  66. package/dist/src/components/ui/tabs/index.cjs +1 -1
  67. package/dist/src/components/ui/tabs/index.js +6 -6
  68. package/dist/src/components/ui/toggle-group/index.cjs +1 -1
  69. package/dist/src/components/ui/toggle-group/index.js +2 -2
  70. package/dist/src/index.cjs +1 -1
  71. package/dist/src/index.js +80 -83
  72. package/dist/src/public-component-surface.cjs +1 -1
  73. package/dist/src/public-component-surface.js +15 -20
  74. package/package.json +1 -2
  75. package/packages/cli/dist/index.cjs +58 -178
  76. package/packages/cli/vendor/src/components/actions/action-menu.tsx +47 -19
  77. package/packages/cli/vendor/src/components/actions/copy-button.tsx +2 -2
  78. package/packages/cli/vendor/src/components/calendar/date-picker.tsx +2 -5
  79. package/packages/cli/vendor/src/components/calendar/date-range-picker.tsx +5 -12
  80. package/packages/cli/vendor/src/components/data-table/data-table.tsx +45 -34
  81. package/packages/cli/vendor/src/components/display/index.ts +3 -5
  82. package/packages/cli/vendor/src/components/filters/index.ts +0 -1
  83. package/packages/cli/vendor/src/components/inputs/color-picker.tsx +15 -1
  84. package/packages/cli/vendor/src/components/inputs/slider.tsx +3 -3
  85. package/packages/cli/vendor/src/components/inputs/tag-input.tsx +4 -4
  86. package/packages/cli/vendor/src/components/inputs/time-picker.tsx +91 -38
  87. package/packages/cli/vendor/src/components/modern/file-manager.tsx +1 -1
  88. package/packages/cli/vendor/src/components/modern/index.ts +3 -1
  89. package/packages/cli/vendor/src/components/modern/map.tsx +146 -0
  90. package/packages/cli/vendor/src/components/modern/media-player.tsx +182 -0
  91. package/packages/cli/vendor/src/components/modern/resizable-panel.tsx +15 -5
  92. package/packages/cli/vendor/src/components/modern/spreadsheet.tsx +155 -0
  93. package/packages/cli/vendor/src/components/navigation/pagination.tsx +9 -5
  94. package/packages/cli/vendor/src/components/notifications/toast.tsx +20 -10
  95. package/packages/cli/vendor/src/components/overlay/alert-dialog.tsx +3 -5
  96. package/packages/cli/vendor/src/components/overlay/drawer.tsx +22 -11
  97. package/packages/cli/vendor/src/components/ui/checkbox/index.tsx +3 -1
  98. package/packages/cli/vendor/src/components/ui/dialog/index.tsx +4 -4
  99. package/packages/cli/vendor/src/components/ui/dropdown-menu/index.tsx +18 -22
  100. package/packages/cli/vendor/src/components/ui/popover/index.tsx +4 -4
  101. package/packages/cli/vendor/src/components/ui/tabs/index.tsx +8 -3
  102. package/packages/cli/vendor/src/components/ui/toggle-group/index.tsx +6 -6
  103. package/packages/cli/vendor/src/index.ts +0 -2
  104. package/packages/cli/vendor/src/public-component-surface.ts +3 -4
  105. package/packages/cli/vendor/templates/showcase/src/showcase/data/registry.ts +6 -6
  106. package/packages/cli/vendor/templates/showcase/src/showcase/layout/HeroSection.tsx +23 -8
  107. package/packages/cli/vendor/templates/showcase/src/showcase/layout/WorkbenchSidebar.tsx +1 -1
  108. package/packages/cli/vendor/templates/showcase/src/showcase/sections/PatternsSection.tsx +1 -1
  109. package/packages/cli/vendor/templates/styles/globals.css +0 -120
  110. package/registry.json +74 -141
  111. package/dist/components/display/info-card.cjs +0 -1
  112. package/dist/components/display/info-card.d.ts +0 -51
  113. package/dist/components/display/info-card.js +0 -1
  114. package/dist/components/display/statistic.cjs +0 -1
  115. package/dist/components/display/statistic.d.ts +0 -25
  116. package/dist/components/display/statistic.js +0 -1
  117. package/dist/components/filters/filter-bar.cjs +0 -1
  118. package/dist/components/filters/filter-bar.d.ts +0 -28
  119. package/dist/components/filters/filter-bar.js +0 -1
  120. package/dist/components/modern/image-cropper.cjs +0 -1
  121. package/dist/components/modern/image-cropper.d.ts +0 -39
  122. package/dist/components/modern/image-cropper.js +0 -1
  123. package/dist/components/ui/number-field/index.cjs +0 -1
  124. package/dist/components/ui/number-field/index.d.ts +0 -18
  125. package/dist/components/ui/number-field/index.js +0 -1
  126. package/dist/components/ui/toolbar/index.cjs +0 -1
  127. package/dist/components/ui/toolbar/index.d.ts +0 -14
  128. package/dist/components/ui/toolbar/index.js +0 -1
  129. package/dist/src/components/display/info-card.cjs +0 -1
  130. package/dist/src/components/display/info-card.js +0 -124
  131. package/dist/src/components/display/statistic.cjs +0 -1
  132. package/dist/src/components/display/statistic.js +0 -104
  133. package/dist/src/components/filters/filter-bar.cjs +0 -1
  134. package/dist/src/components/filters/filter-bar.js +0 -103
  135. package/dist/src/components/modern/image-cropper.cjs +0 -1
  136. package/dist/src/components/modern/image-cropper.js +0 -143
  137. package/dist/src/components/ui/number-field/index.cjs +0 -1
  138. package/dist/src/components/ui/number-field/index.js +0 -73
  139. package/dist/src/components/ui/toolbar/index.cjs +0 -1
  140. package/dist/src/components/ui/toolbar/index.js +0 -50
  141. package/packages/cli/vendor/src/components/display/info-card.tsx +0 -195
  142. package/packages/cli/vendor/src/components/display/statistic.tsx +0 -114
  143. package/packages/cli/vendor/src/components/filters/filter-bar.tsx +0 -163
  144. package/packages/cli/vendor/src/components/modern/image-cropper.tsx +0 -226
  145. package/packages/cli/vendor/src/components/ui/number-field/index.tsx +0 -89
  146. package/packages/cli/vendor/src/components/ui/toolbar/index.tsx +0 -67
@@ -35,11 +35,11 @@ function d({ className: l, page: d, pageCount: f, onPageChange: p, siblingCount:
35
35
  return /* @__PURE__ */ c("nav", {
36
36
  "data-slot": "pagination",
37
37
  "aria-label": "Pagination",
38
- className: e("flex flex-wrap items-center justify-center gap-1 rounded-full border border-border/70 bg-background/76 p-1 shadow-none backdrop-blur", l),
38
+ className: e("flex flex-wrap items-center justify-center gap-1.5 rounded-[var(--radius-lg)] border border-border/72 bg-background/84 p-1.5 shadow-[0_1px_2px_rgba(15,23,42,0.04)] backdrop-blur", l),
39
39
  ...w,
40
40
  children: [
41
41
  C && y !== void 0 && b ? /* @__PURE__ */ c("div", {
42
- className: "px-2 text-xs text-muted-foreground",
42
+ className: "mr-1 rounded-[var(--radius-md)] bg-muted/55 px-2.5 py-1.5 text-xs font-medium text-muted-foreground",
43
43
  children: [
44
44
  Math.min((E - 1) * b + 1, y),
45
45
  "-",
@@ -81,7 +81,7 @@ function d({ className: l, page: d, pageCount: f, onPageChange: p, siblingCount:
81
81
  "aria-current": n === E ? "page" : void 0,
82
82
  "aria-label": _?.page?.(n) ?? `Page ${n}`,
83
83
  onClick: () => O(n),
84
- className: e(n !== E && "border-border/70 bg-background/80 shadow-none"),
84
+ className: e("tabular-nums", n === E && "shadow-[0_8px_20px_rgba(15,23,42,0.14)]", n !== E && "border-border/70 bg-background/80 shadow-none hover:bg-muted/70"),
85
85
  children: n
86
86
  }, n)),
87
87
  /* @__PURE__ */ s(t, {
@@ -103,9 +103,9 @@ function d({ className: l, page: d, pageCount: f, onPageChange: p, siblingCount:
103
103
  children: /* @__PURE__ */ s(r, {})
104
104
  }),
105
105
  x && b && S ? /* @__PURE__ */ c("label", {
106
- className: "ml-1 inline-flex items-center gap-2 rounded-full border border-border/70 bg-background/90 px-3 py-1 text-xs text-muted-foreground",
106
+ className: "ml-1 inline-flex h-9 items-center gap-2 rounded-[var(--radius-md)] border border-border/70 bg-background/90 px-3 text-xs font-medium text-muted-foreground",
107
107
  children: [/* @__PURE__ */ s("span", { children: "Rows" }), /* @__PURE__ */ s("select", {
108
- className: "bg-transparent text-foreground outline-none",
108
+ className: "rounded-sm bg-transparent text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring",
109
109
  value: b,
110
110
  onChange: (e) => S(Number(e.target.value)),
111
111
  disabled: g,
@@ -1 +1 @@
1
- "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o=r.createContext(null),s={default:`border-border bg-popover text-popover-foreground`,success:`border-emerald-500/20 bg-emerald-500/10 text-emerald-950 dark:text-emerald-100`,info:`border-blue-500/20 bg-blue-500/10 text-blue-950 dark:text-blue-100`,warning:`border-amber-500/20 bg-amber-500/10 text-amber-950 dark:text-amber-100`,danger:`border-destructive/20 bg-destructive/10 text-destructive`,loading:`border-border bg-popover text-popover-foreground`},c={default:(0,a.jsx)(i.InfoIcon,{className:`size-4`}),success:(0,a.jsx)(i.CheckCircle2Icon,{className:`size-4`}),info:(0,a.jsx)(i.InfoIcon,{className:`size-4`}),warning:(0,a.jsx)(i.TriangleAlertIcon,{className:`size-4`}),danger:(0,a.jsx)(i.AlertCircleIcon,{className:`size-4`}),loading:(0,a.jsx)(i.Loader2Icon,{className:`size-4 animate-spin`})};function l(){return`toast-${Date.now()}-${Math.random().toString(16).slice(2)}`}function u(e){return typeof e==`object`&&!!e&&!r.isValidElement(e)&&!Array.isArray(e)}function d(e,t){return u(e)?{...e,tone:e.tone??t}:{title:e,tone:t}}function f(e,t){return typeof e==`function`?e(t):e}var p={"top-right":`right-4 top-4`,"top-left":`left-4 top-4`,"bottom-right":`bottom-4 right-4`,"bottom-left":`bottom-4 left-4`,"top-center":`left-1/2 top-4 -translate-x-1/2`,"bottom-center":`bottom-4 left-1/2 -translate-x-1/2`};function m({children:e,defaultDuration:n=4e3,maxToasts:i=5,pauseOnHover:s=!0,position:c=`top-right`}){let[u,m]=r.useState([]),g=r.useCallback(e=>{m(t=>t.filter(t=>t.id!==e))},[]),_=r.useCallback(e=>{let t=e.id??l(),r={tone:`default`,duration:n,dismissible:!0,...e,id:t};return m(e=>[r,...e.filter(e=>e.id!==t)].slice(0,i)),t},[n,i]),v=r.useCallback((e,t)=>{m(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),y=r.useCallback(()=>{m([])},[]),b=r.useCallback(e=>_(d(e,`success`)),[_]),x=r.useCallback(e=>_(d(e,`info`)),[_]),S=r.useCallback(e=>_(d(e,`warning`)),[_]),C=r.useCallback(e=>_(d(e,`danger`)),[_]),w=r.useCallback(e=>_({duration:0,...d(e,`loading`)}),[_]),T=r.useCallback(async(e,t)=>{let r=_({duration:0,dismissible:!1,...d(t.loading,`loading`)});try{let i=await e;return v(r,{duration:n,dismissible:!0,...d(f(t.success,i),`success`)}),i}catch(e){throw v(r,{duration:n,dismissible:!0,...d(f(t.error,e),`danger`)}),e}},[_,n,v]),E=r.useMemo(()=>({toasts:u,addToast:_,updateToast:v,dismissToast:g,clearToasts:y,success:b,info:x,warning:S,error:C,loading:w,promise:T}),[_,y,g,C,x,w,T,b,u,v,S]);return(0,a.jsxs)(o.Provider,{value:E,children:[e,(0,a.jsx)(`div`,{"data-slot":`toast-viewport`,className:t.cn(`fixed z-[100] flex w-[min(100%-2rem,24rem)] flex-col gap-2`,p[c]),children:u.map(e=>(0,a.jsx)(h,{toast:e,pauseOnHover:s,onDismiss:g},e.id))})]})}function h({toast:e,pauseOnHover:o,onDismiss:l}){let u=e.tone??`default`,[d,f]=r.useState(!1);return r.useEffect(()=>{if(e.duration===1/0||e.duration===0||o&&d)return;let t=window.setTimeout(()=>l(e.id),e.duration??4e3);return()=>window.clearTimeout(t)},[d,l,o,e.duration,e.id]),(0,a.jsxs)(`div`,{"data-slot":`toast`,"data-tone":u,className:t.cn(`flex gap-3 rounded-lg border p-3 shadow-lg backdrop-blur`,s[u]),role:`status`,"aria-live":`polite`,onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:[(0,a.jsx)(`div`,{className:`mt-0.5 shrink-0`,children:c[u]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[e.group?(0,a.jsx)(`div`,{className:`text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:e.group}):null,e.title&&(0,a.jsx)(`div`,{className:`text-sm font-medium leading-none`,children:e.title}),e.description&&(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.description}),e.action&&(0,a.jsx)(`div`,{className:`pt-1`,children:e.action})]}),e.dismissible!==!1&&(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-xs`,onClick:()=>l(e.id),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Dismiss`})]})]})}function g(){let e=r.useContext(o);if(!e)throw Error(`useToast must be used inside ToastProvider`);return e}exports.ToastProvider=m,exports.useToast=g;
1
+ "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("react-dom");var s=r.createContext(null),c={default:`border-border bg-popover text-popover-foreground`,success:`border-emerald-500/20 bg-emerald-500/10 text-emerald-950 dark:text-emerald-100`,info:`border-blue-500/20 bg-blue-500/10 text-blue-950 dark:text-blue-100`,warning:`border-amber-500/20 bg-amber-500/10 text-amber-950 dark:text-amber-100`,danger:`border-destructive/20 bg-destructive/10 text-destructive`,loading:`border-border bg-popover text-popover-foreground`},l={default:(0,a.jsx)(i.InfoIcon,{className:`size-4`}),success:(0,a.jsx)(i.CheckCircle2Icon,{className:`size-4`}),info:(0,a.jsx)(i.InfoIcon,{className:`size-4`}),warning:(0,a.jsx)(i.TriangleAlertIcon,{className:`size-4`}),danger:(0,a.jsx)(i.AlertCircleIcon,{className:`size-4`}),loading:(0,a.jsx)(i.Loader2Icon,{className:`size-4 animate-spin`})};function u(){return`toast-${Date.now()}-${Math.random().toString(16).slice(2)}`}function d(e){return typeof e==`object`&&!!e&&!r.isValidElement(e)&&!Array.isArray(e)}function f(e,t){return d(e)?{...e,tone:e.tone??t}:{title:e,tone:t}}function p(e,t){return typeof e==`function`?e(t):e}var m={"top-right":`right-4 top-4`,"top-left":`left-4 top-4`,"bottom-right":`bottom-4 right-4`,"bottom-left":`bottom-4 left-4`,"top-center":`left-1/2 top-4 -translate-x-1/2`,"bottom-center":`bottom-4 left-1/2 -translate-x-1/2`};function h({children:e,defaultDuration:n=4e3,maxToasts:i=5,pauseOnHover:c=!0,position:l=`top-right`}){let[d,h]=r.useState([]),[_,v]=r.useState(null);r.useEffect(()=>{v(document.body)},[]);let y=r.useCallback(e=>{h(t=>t.filter(t=>t.id!==e))},[]),b=r.useCallback(e=>{let t=e.id??u(),r={tone:`default`,duration:n,dismissible:!0,...e,id:t};return h(e=>[r,...e.filter(e=>e.id!==t)].slice(0,i)),t},[n,i]),x=r.useCallback((e,t)=>{h(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),S=r.useCallback(()=>{h([])},[]),C=r.useCallback(e=>b(f(e,`success`)),[b]),w=r.useCallback(e=>b(f(e,`info`)),[b]),T=r.useCallback(e=>b(f(e,`warning`)),[b]),E=r.useCallback(e=>b(f(e,`danger`)),[b]),D=r.useCallback(e=>b({duration:0,...f(e,`loading`)}),[b]),O=r.useCallback(async(e,t)=>{let r=b({duration:0,dismissible:!1,...f(t.loading,`loading`)});try{let i=await e;return x(r,{duration:n,dismissible:!0,...f(p(t.success,i),`success`)}),i}catch(e){throw x(r,{duration:n,dismissible:!0,...f(p(t.error,e),`danger`)}),e}},[b,n,x]),k=r.useMemo(()=>({toasts:d,addToast:b,updateToast:x,dismissToast:y,clearToasts:S,success:C,info:w,warning:T,error:E,loading:D,promise:O}),[b,S,y,E,w,D,O,C,d,x,T]),A=(0,a.jsx)(`div`,{"data-slot":`toast-viewport`,className:t.cn(`fixed z-[100] flex w-[min(calc(100vw-2rem),24rem)] flex-col gap-2 pointer-events-none`,m[l]),children:d.map(e=>(0,a.jsx)(g,{toast:e,pauseOnHover:c,onDismiss:y},e.id))});return(0,a.jsxs)(s.Provider,{value:k,children:[e,_?(0,o.createPortal)(A,_):null]})}function g({toast:e,pauseOnHover:o,onDismiss:s}){let u=e.tone??`default`,[d,f]=r.useState(!1);return r.useEffect(()=>{if(e.duration===1/0||e.duration===0||o&&d)return;let t=window.setTimeout(()=>s(e.id),e.duration??4e3);return()=>window.clearTimeout(t)},[d,s,o,e.duration,e.id]),(0,a.jsxs)(`div`,{"data-slot":`toast`,"data-tone":u,className:t.cn(`pointer-events-auto flex gap-3 rounded-lg border p-3 shadow-lg backdrop-blur`,c[u]),role:`status`,"aria-live":`polite`,onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:[(0,a.jsx)(`div`,{className:`mt-0.5 shrink-0`,children:l[u]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[e.group?(0,a.jsx)(`div`,{className:`text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:e.group}):null,e.title&&(0,a.jsx)(`div`,{className:`text-sm font-medium leading-none`,children:e.title}),e.description&&(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.description}),e.action&&(0,a.jsx)(`div`,{className:`pt-1`,children:e.action})]}),e.dismissible!==!1&&(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-xs`,onClick:()=>s(e.id),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Dismiss`})]})]})}function _(){let e=r.useContext(s);if(!e)throw Error(`useToast must be used inside ToastProvider`);return e}exports.ToastProvider=h,exports.useToast=_;
@@ -4,15 +4,16 @@ import { Button as t } from "../ui/button/index.js";
4
4
  import * as n from "react";
5
5
  import { AlertCircleIcon as r, CheckCircle2Icon as i, InfoIcon as a, Loader2Icon as o, TriangleAlertIcon as s, XIcon as c } from "lucide-react";
6
6
  import { jsx as l, jsxs as u } from "react/jsx-runtime";
7
+ import { createPortal as d } from "react-dom";
7
8
  //#region src/components/notifications/toast.tsx
8
- var d = n.createContext(null), f = {
9
+ var f = n.createContext(null), p = {
9
10
  default: "border-border bg-popover text-popover-foreground",
10
11
  success: "border-emerald-500/20 bg-emerald-500/10 text-emerald-950 dark:text-emerald-100",
11
12
  info: "border-blue-500/20 bg-blue-500/10 text-blue-950 dark:text-blue-100",
12
13
  warning: "border-amber-500/20 bg-amber-500/10 text-amber-950 dark:text-amber-100",
13
14
  danger: "border-destructive/20 bg-destructive/10 text-destructive",
14
15
  loading: "border-border bg-popover text-popover-foreground"
15
- }, p = {
16
+ }, m = {
16
17
  default: /* @__PURE__ */ l(a, { className: "size-4" }),
17
18
  success: /* @__PURE__ */ l(i, { className: "size-4" }),
18
19
  info: /* @__PURE__ */ l(a, { className: "size-4" }),
@@ -20,14 +21,14 @@ var d = n.createContext(null), f = {
20
21
  danger: /* @__PURE__ */ l(r, { className: "size-4" }),
21
22
  loading: /* @__PURE__ */ l(o, { className: "size-4 animate-spin" })
22
23
  };
23
- function m() {
24
+ function h() {
24
25
  return `toast-${Date.now()}-${Math.random().toString(16).slice(2)}`;
25
26
  }
26
- function h(e) {
27
+ function g(e) {
27
28
  return typeof e == "object" && !!e && !n.isValidElement(e) && !Array.isArray(e);
28
29
  }
29
- function g(e, t) {
30
- return h(e) ? {
30
+ function _(e, t) {
31
+ return g(e) ? {
31
32
  ...e,
32
33
  tone: e.tone ?? t
33
34
  } : {
@@ -35,10 +36,10 @@ function g(e, t) {
35
36
  tone: t
36
37
  };
37
38
  }
38
- function _(e, t) {
39
+ function v(e, t) {
39
40
  return typeof e == "function" ? e(t) : e;
40
41
  }
41
- var v = {
42
+ var y = {
42
43
  "top-right": "right-4 top-4",
43
44
  "top-left": "left-4 top-4",
44
45
  "bottom-right": "bottom-4 right-4",
@@ -46,11 +47,15 @@ var v = {
46
47
  "top-center": "left-1/2 top-4 -translate-x-1/2",
47
48
  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
48
49
  };
49
- function y({ children: t, defaultDuration: r = 4e3, maxToasts: i = 5, pauseOnHover: a = !0, position: o = "top-right" }) {
50
- let [s, c] = n.useState([]), f = n.useCallback((e) => {
50
+ function b({ children: t, defaultDuration: r = 4e3, maxToasts: i = 5, pauseOnHover: a = !0, position: o = "top-right" }) {
51
+ let [s, c] = n.useState([]), [p, m] = n.useState(null);
52
+ n.useEffect(() => {
53
+ m(document.body);
54
+ }, []);
55
+ let g = n.useCallback((e) => {
51
56
  c((t) => t.filter((t) => t.id !== e));
52
- }, []), p = n.useCallback((e) => {
53
- let t = e.id ?? m(), n = {
57
+ }, []), b = n.useCallback((e) => {
58
+ let t = e.id ?? h(), n = {
54
59
  tone: "default",
55
60
  duration: r,
56
61
  dismissible: !0,
@@ -58,79 +63,79 @@ function y({ children: t, defaultDuration: r = 4e3, maxToasts: i = 5, pauseOnHov
58
63
  id: t
59
64
  };
60
65
  return c((e) => [n, ...e.filter((e) => e.id !== t)].slice(0, i)), t;
61
- }, [r, i]), h = n.useCallback((e, t) => {
66
+ }, [r, i]), S = n.useCallback((e, t) => {
62
67
  c((n) => n.map((n) => n.id === e ? {
63
68
  ...n,
64
69
  ...t
65
70
  } : n));
66
- }, []), y = n.useCallback(() => {
71
+ }, []), C = n.useCallback(() => {
67
72
  c([]);
68
- }, []), x = n.useCallback((e) => p(g(e, "success")), [p]), S = n.useCallback((e) => p(g(e, "info")), [p]), C = n.useCallback((e) => p(g(e, "warning")), [p]), w = n.useCallback((e) => p(g(e, "danger")), [p]), T = n.useCallback((e) => p({
73
+ }, []), w = n.useCallback((e) => b(_(e, "success")), [b]), T = n.useCallback((e) => b(_(e, "info")), [b]), E = n.useCallback((e) => b(_(e, "warning")), [b]), D = n.useCallback((e) => b(_(e, "danger")), [b]), O = n.useCallback((e) => b({
69
74
  duration: 0,
70
- ...g(e, "loading")
71
- }), [p]), E = n.useCallback(async (e, t) => {
72
- let n = p({
75
+ ..._(e, "loading")
76
+ }), [b]), k = n.useCallback(async (e, t) => {
77
+ let n = b({
73
78
  duration: 0,
74
79
  dismissible: !1,
75
- ...g(t.loading, "loading")
80
+ ..._(t.loading, "loading")
76
81
  });
77
82
  try {
78
83
  let i = await e;
79
- return h(n, {
84
+ return S(n, {
80
85
  duration: r,
81
86
  dismissible: !0,
82
- ...g(_(t.success, i), "success")
87
+ ..._(v(t.success, i), "success")
83
88
  }), i;
84
89
  } catch (e) {
85
- throw h(n, {
90
+ throw S(n, {
86
91
  duration: r,
87
92
  dismissible: !0,
88
- ...g(_(t.error, e), "danger")
93
+ ..._(v(t.error, e), "danger")
89
94
  }), e;
90
95
  }
91
96
  }, [
92
- p,
97
+ b,
93
98
  r,
94
- h
95
- ]), D = n.useMemo(() => ({
99
+ S
100
+ ]), A = n.useMemo(() => ({
96
101
  toasts: s,
97
- addToast: p,
98
- updateToast: h,
99
- dismissToast: f,
100
- clearToasts: y,
101
- success: x,
102
- info: S,
103
- warning: C,
104
- error: w,
105
- loading: T,
106
- promise: E
102
+ addToast: b,
103
+ updateToast: S,
104
+ dismissToast: g,
105
+ clearToasts: C,
106
+ success: w,
107
+ info: T,
108
+ warning: E,
109
+ error: D,
110
+ loading: O,
111
+ promise: k
107
112
  }), [
108
- p,
109
- y,
110
- f,
111
- w,
112
- S,
113
+ b,
114
+ C,
115
+ g,
116
+ D,
113
117
  T,
114
- E,
115
- x,
118
+ O,
119
+ k,
120
+ w,
116
121
  s,
117
- h,
118
- C
119
- ]);
120
- return /* @__PURE__ */ u(d.Provider, {
121
- value: D,
122
- children: [t, /* @__PURE__ */ l("div", {
123
- "data-slot": "toast-viewport",
124
- className: e("fixed z-[100] flex w-[min(100%-2rem,24rem)] flex-col gap-2", v[o]),
125
- children: s.map((e) => /* @__PURE__ */ l(b, {
126
- toast: e,
127
- pauseOnHover: a,
128
- onDismiss: f
129
- }, e.id))
130
- })]
122
+ S,
123
+ E
124
+ ]), j = /* @__PURE__ */ l("div", {
125
+ "data-slot": "toast-viewport",
126
+ className: e("fixed z-[100] flex w-[min(calc(100vw-2rem),24rem)] flex-col gap-2 pointer-events-none", y[o]),
127
+ children: s.map((e) => /* @__PURE__ */ l(x, {
128
+ toast: e,
129
+ pauseOnHover: a,
130
+ onDismiss: g
131
+ }, e.id))
132
+ });
133
+ return /* @__PURE__ */ u(f.Provider, {
134
+ value: A,
135
+ children: [t, p ? d(j, p) : null]
131
136
  });
132
137
  }
133
- function b({ toast: r, pauseOnHover: i, onDismiss: a }) {
138
+ function x({ toast: r, pauseOnHover: i, onDismiss: a }) {
134
139
  let o = r.tone ?? "default", [s, d] = n.useState(!1);
135
140
  return n.useEffect(() => {
136
141
  if (r.duration === Infinity || r.duration === 0 || i && s) return;
@@ -145,7 +150,7 @@ function b({ toast: r, pauseOnHover: i, onDismiss: a }) {
145
150
  ]), /* @__PURE__ */ u("div", {
146
151
  "data-slot": "toast",
147
152
  "data-tone": o,
148
- className: e("flex gap-3 rounded-lg border p-3 shadow-lg backdrop-blur", f[o]),
153
+ className: e("pointer-events-auto flex gap-3 rounded-lg border p-3 shadow-lg backdrop-blur", p[o]),
149
154
  role: "status",
150
155
  "aria-live": "polite",
151
156
  onMouseEnter: () => d(!0),
@@ -153,7 +158,7 @@ function b({ toast: r, pauseOnHover: i, onDismiss: a }) {
153
158
  children: [
154
159
  /* @__PURE__ */ l("div", {
155
160
  className: "mt-0.5 shrink-0",
156
- children: p[o]
161
+ children: m[o]
157
162
  }),
158
163
  /* @__PURE__ */ u("div", {
159
164
  className: "min-w-0 flex-1 space-y-1",
@@ -189,10 +194,10 @@ function b({ toast: r, pauseOnHover: i, onDismiss: a }) {
189
194
  ]
190
195
  });
191
196
  }
192
- function x() {
193
- let e = n.useContext(d);
197
+ function S() {
198
+ let e = n.useContext(f);
194
199
  if (!e) throw Error("useToast must be used inside ToastProvider");
195
200
  return e;
196
201
  }
197
202
  //#endregion
198
- export { y as ToastProvider, x as useToast };
203
+ export { b as ToastProvider, S as useToast };
@@ -1 +1 @@
1
- "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/dialog/index.cjs"),r=require("../ui/input/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({title:e=`Are you sure?`,description:s,icon:c=(0,o.jsx)(a.AlertTriangleIcon,{}),cancelLabel:l=`Cancel`,actionLabel:u=`Continue`,actionTone:d=`destructive`,cancelVariant:f=`outline`,loading:p=!1,closeOnAction:m=!0,confirmValue:h,confirmLabel:g=`Type to confirm`,confirmPlaceholder:_,confirmDescription:v,confirmCaseSensitive:y=!0,severityNote:b,errorMessage:x=`Action could not be completed. Try again.`,onActionError:S,onAction:C,children:w,preventCloseWhileLoading:T=!0,actionButtonProps:E,cancelButtonProps:D,onOpenChange:O,...k}){let[A,j]=i.useState(!1),[M,N]=i.useState(``),[P,F]=i.useState(null),I=p||A,L=!!h?.trim(),R=y?h?.trim():h?.trim().toLowerCase(),z=y?M.trim():M.trim().toLowerCase(),B=!L||z===R;i.useEffect(()=>{k.open||(N(``),F(null))},[k.open]);let V=i.useCallback((e,t)=>{!e&&T&&I||O?.(e,t)},[O,T,I]),H=()=>{V(!1,void 0)},U=async()=>{if(!(!B||I)){if(F(null),!C){m&&H();return}try{j(!0),await C(),m&&H()}catch(e){F(x),S?.(e)}finally{j(!1)}}};return(0,o.jsxs)(n.Dialog,{onOpenChange:V,...k,children:[w,(0,o.jsxs)(n.DialogContent,{children:[(0,o.jsxs)(n.DialogHeader,{children:[(0,o.jsx)(`div`,{className:`mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5`,children:c}),(0,o.jsx)(n.DialogTitle,{children:e}),s?(0,o.jsx)(n.DialogDescription,{children:s}):null]}),L?(0,o.jsxs)(`div`,{className:`grid gap-2.5`,children:[(0,o.jsxs)(`div`,{className:`space-y-1`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:g}),(0,o.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:v??(0,o.jsxs)(o.Fragment,{children:[`Type `,(0,o.jsx)(`span`,{className:`font-semibold text-foreground`,children:h}),` to continue.`]})})]}),(0,o.jsx)(r.Input,{value:M,onValueChange:N,placeholder:_??h,autoComplete:`off`,autoCapitalize:`off`,spellCheck:!1,"aria-invalid":P?!0:void 0,"aria-describedby":P?`alert-dialog-error`:void 0})]}):null,b?(0,o.jsx)(`div`,{className:`rounded-2xl border border-border/70 bg-muted/35 px-3.5 py-3 text-sm leading-6 text-muted-foreground`,children:b}):null,P?(0,o.jsx)(`div`,{id:`alert-dialog-error`,role:`alert`,"aria-live":`polite`,className:`rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive`,children:P}):null,(0,o.jsxs)(n.DialogFooter,{children:[(0,o.jsx)(n.DialogClose,{render:()=>(0,o.jsx)(t.Button,{type:`button`,variant:f,disabled:I,...D,children:l})}),(0,o.jsx)(t.Button,{type:`button`,variant:d===`destructive`?`destructive`:`default`,loading:I,disabled:!B||I,onClick:()=>void U(),...E,children:u})]})]})]})}exports.AlertDialog=s;
1
+ "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/dialog/index.cjs"),r=require("../ui/input/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({title:e=`Are you sure?`,description:s,icon:c=(0,o.jsx)(a.AlertTriangleIcon,{}),cancelLabel:l=`Cancel`,actionLabel:u=`Continue`,actionTone:d=`destructive`,cancelVariant:f=`outline`,loading:p=!1,closeOnAction:m=!0,confirmValue:h,confirmLabel:g=`Type to confirm`,confirmPlaceholder:_,confirmDescription:v,confirmCaseSensitive:y=!0,severityNote:b,errorMessage:x=`Action could not be completed. Try again.`,onActionError:S,onAction:C,children:w,preventCloseWhileLoading:T=!0,actionButtonProps:E,cancelButtonProps:D,onOpenChange:O,...k}){let[A,j]=i.useState(!1),[M,N]=i.useState(``),[P,F]=i.useState(null),I=p||A,L=!!h?.trim(),R=y?h?.trim():h?.trim().toLowerCase(),z=y?M.trim():M.trim().toLowerCase(),B=!L||z===R;i.useEffect(()=>{k.open||(N(``),F(null))},[k.open]);let V=i.useCallback((e,t)=>{!e&&T&&I||O?.(e,t)},[O,T,I]),H=()=>{V(!1,void 0)},U=async()=>{if(!(!B||I)){if(F(null),!C){m&&H();return}try{j(!0),await C(),m&&H()}catch(e){F(x),S?.(e)}finally{j(!1)}}};return(0,o.jsxs)(n.Dialog,{onOpenChange:V,...k,children:[w,(0,o.jsxs)(n.DialogContent,{children:[(0,o.jsxs)(n.DialogHeader,{children:[(0,o.jsx)(`div`,{className:`mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5`,children:c}),(0,o.jsx)(n.DialogTitle,{children:e}),s?(0,o.jsx)(n.DialogDescription,{children:s}):null]}),L?(0,o.jsxs)(`div`,{className:`grid gap-2.5`,children:[(0,o.jsxs)(`div`,{className:`space-y-1`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:g}),(0,o.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:v??(0,o.jsxs)(o.Fragment,{children:[`Type `,(0,o.jsx)(`span`,{className:`font-semibold text-foreground`,children:h}),` to continue.`]})})]}),(0,o.jsx)(r.Input,{value:M,onValueChange:N,placeholder:_??h,autoComplete:`off`,autoCapitalize:`off`,spellCheck:!1,"aria-invalid":P?!0:void 0,"aria-describedby":P?`alert-dialog-error`:void 0})]}):null,b?(0,o.jsx)(`div`,{className:`rounded-2xl border border-border/70 bg-muted/35 px-3.5 py-3 text-sm leading-6 text-muted-foreground`,children:b}):null,P?(0,o.jsx)(`div`,{id:`alert-dialog-error`,role:`alert`,"aria-live":`polite`,className:`rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive`,children:P}):null,(0,o.jsxs)(n.DialogFooter,{children:[(0,o.jsx)(n.DialogClose,{render:(0,o.jsx)(t.Button,{type:`button`,variant:f,disabled:I,...D}),children:l}),(0,o.jsx)(t.Button,{type:`button`,variant:d===`destructive`?`destructive`:`default`,loading:I,disabled:!B||I,onClick:()=>void U(),...E,children:u})]})]})]})}exports.AlertDialog=s;
@@ -86,13 +86,15 @@ function m({ title: m = "Are you sure?", description: h, icon: g = /* @__PURE__
86
86
  className: "rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive",
87
87
  children: H
88
88
  }) : null,
89
- /* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(n, { render: () => /* @__PURE__ */ f(e, {
90
- type: "button",
91
- variant: b,
92
- disabled: W,
93
- ...F,
89
+ /* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(n, {
90
+ render: /* @__PURE__ */ f(e, {
91
+ type: "button",
92
+ variant: b,
93
+ disabled: W,
94
+ ...F
95
+ }),
94
96
  children: _
95
- }) }), /* @__PURE__ */ f(e, {
97
+ }), /* @__PURE__ */ f(e, {
96
98
  type: "button",
97
99
  variant: y === "destructive" ? "destructive" : "default",
98
100
  loading: W,
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={right:`left-auto right-0 top-0 h-dvh max-h-dvh w-full translate-x-0 translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right`,left:`left-0 top-0 h-dvh max-h-dvh w-full translate-x-0 translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left`,top:`left-0 top-0 h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-b-[var(--radius-3xl)] data-open:slide-in-from-top data-closed:slide-out-to-top`,bottom:`bottom-0 left-0 top-auto h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-t-[var(--radius-3xl)] data-open:slide-in-from-bottom data-closed:slide-out-to-bottom`},s={sm:`sm:max-w-sm`,md:`sm:max-w-md`,lg:`sm:max-w-lg`,xl:`sm:max-w-2xl`,full:`max-w-none sm:max-w-[min(100vw,72rem)]`};function c({trigger:e,title:n,description:i,side:c=`right`,width:l=`lg`,footer:u,headerClassName:d,bodyClassName:f,footerClassName:p,contentClassName:m,showCloseButton:h=!0,children:g,..._}){return(0,a.jsxs)(r.Dialog,{..._,children:[e?(0,a.jsx)(r.DialogTrigger,{render:e}):null,(0,a.jsxs)(r.DialogContent,{size:`full`,showCloseButton:h,"data-side":c,"data-width":l,className:t.cn(`fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 overscroll-contain p-0`,o[c],(c===`left`||c===`right`)&&s[l],m),children:[(n||i)&&(0,a.jsxs)(r.DialogHeader,{className:t.cn(`border-b border-border/70 p-6`,d),children:[n?(0,a.jsx)(r.DialogTitle,{children:n}):null,i?(0,a.jsx)(r.DialogDescription,{children:i}):null]}),(0,a.jsx)(`div`,{"data-slot":`drawer-body`,className:t.cn(`min-h-0 flex-1 overflow-y-auto p-6`,f),children:g}),u?(0,a.jsx)(`div`,{"data-slot":`drawer-footer`,className:t.cn(`border-t border-border/70 p-5`,p),children:u}):null]})]})}function l({children:e=`Close`,...t}){return(0,a.jsx)(r.DialogClose,{render:(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,...t}),children:e})}exports.Drawer=c,exports.DrawerCloseButton=l;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={right:`!left-auto !right-0 !top-0 !h-dvh !max-h-dvh !w-full !translate-x-0 !translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right`,left:`!left-0 !top-0 !h-dvh !max-h-dvh !w-full !translate-x-0 !translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left`,top:`!left-0 !top-0 !h-auto !max-h-[85dvh] !w-full !max-w-none !translate-x-0 !translate-y-0 rounded-none rounded-b-[var(--radius-3xl)] data-open:slide-in-from-top data-closed:slide-out-to-top`,bottom:`!bottom-0 !left-0 !top-auto !h-auto !max-h-[85dvh] !w-full !max-w-none !translate-x-0 !translate-y-0 rounded-none rounded-t-[var(--radius-3xl)] data-open:slide-in-from-bottom data-closed:slide-out-to-bottom`},s={sm:`sm:max-w-sm`,md:`sm:max-w-md`,lg:`sm:max-w-lg`,xl:`sm:max-w-2xl`,full:`max-w-none sm:max-w-[min(100vw,72rem)]`},c={compact:{header:`p-4`,body:`p-4`,footer:`p-4`},default:{header:`p-5`,body:`p-5`,footer:`p-5`},comfortable:{header:`p-6`,body:`p-6`,footer:`p-6`}};function l({trigger:e,title:n,description:i,side:l=`right`,width:u=`lg`,density:d=`default`,footer:f,headerClassName:p,bodyClassName:m,footerClassName:h,contentClassName:g,showCloseButton:_=!0,children:v,...y}){return(0,a.jsxs)(r.Dialog,{...y,children:[e?(0,a.jsx)(r.DialogTrigger,{render:e}):null,(0,a.jsxs)(r.DialogContent,{size:`full`,surface:`plain`,showCloseButton:_,"data-side":l,"data-width":u,"data-density":d,className:t.cn(`fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 overscroll-contain p-0`,o[l],(l===`left`||l===`right`)&&s[u],g),children:[(n||i)&&(0,a.jsxs)(r.DialogHeader,{className:t.cn(`border-b border-border/70 bg-background/95 backdrop-blur`,c[d].header,p),children:[n?(0,a.jsx)(r.DialogTitle,{children:n}):null,i?(0,a.jsx)(r.DialogDescription,{children:i}):null]}),(0,a.jsx)(`div`,{"data-slot":`drawer-body`,className:t.cn(`min-h-0 flex-1 overflow-y-auto bg-background`,c[d].body,m),children:v}),f?(0,a.jsx)(`div`,{"data-slot":`drawer-footer`,className:t.cn(`border-t border-border/70 bg-background/95 backdrop-blur`,c[d].footer,h),children:f}):null]})]})}function u({children:e=`Close`,...t}){return(0,a.jsx)(r.DialogClose,{render:(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,...t}),children:e})}exports.Drawer=l,exports.DrawerCloseButton=u;
@@ -5,46 +5,64 @@ import "react";
5
5
  import { jsx as l, jsxs as u } from "react/jsx-runtime";
6
6
  //#region src/components/overlay/drawer.tsx
7
7
  var d = {
8
- right: "left-auto right-0 top-0 h-dvh max-h-dvh w-full translate-x-0 translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right",
9
- left: "left-0 top-0 h-dvh max-h-dvh w-full translate-x-0 translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left",
10
- top: "left-0 top-0 h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-b-[var(--radius-3xl)] data-open:slide-in-from-top data-closed:slide-out-to-top",
11
- bottom: "bottom-0 left-0 top-auto h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-t-[var(--radius-3xl)] data-open:slide-in-from-bottom data-closed:slide-out-to-bottom"
8
+ right: "!left-auto !right-0 !top-0 !h-dvh !max-h-dvh !w-full !translate-x-0 !translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right",
9
+ left: "!left-0 !top-0 !h-dvh !max-h-dvh !w-full !translate-x-0 !translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left",
10
+ top: "!left-0 !top-0 !h-auto !max-h-[85dvh] !w-full !max-w-none !translate-x-0 !translate-y-0 rounded-none rounded-b-[var(--radius-3xl)] data-open:slide-in-from-top data-closed:slide-out-to-top",
11
+ bottom: "!bottom-0 !left-0 !top-auto !h-auto !max-h-[85dvh] !w-full !max-w-none !translate-x-0 !translate-y-0 rounded-none rounded-t-[var(--radius-3xl)] data-open:slide-in-from-bottom data-closed:slide-out-to-bottom"
12
12
  }, f = {
13
13
  sm: "sm:max-w-sm",
14
14
  md: "sm:max-w-md",
15
15
  lg: "sm:max-w-lg",
16
16
  xl: "sm:max-w-2xl",
17
17
  full: "max-w-none sm:max-w-[min(100vw,72rem)]"
18
+ }, p = {
19
+ compact: {
20
+ header: "p-4",
21
+ body: "p-4",
22
+ footer: "p-4"
23
+ },
24
+ default: {
25
+ header: "p-5",
26
+ body: "p-5",
27
+ footer: "p-5"
28
+ },
29
+ comfortable: {
30
+ header: "p-6",
31
+ body: "p-6",
32
+ footer: "p-6"
33
+ }
18
34
  };
19
- function p({ trigger: t, title: r, description: p, side: m = "right", width: h = "lg", footer: g, headerClassName: _, bodyClassName: v, footerClassName: y, contentClassName: b, showCloseButton: x = !0, children: S, ...C }) {
35
+ function m({ trigger: t, title: r, description: m, side: h = "right", width: g = "lg", density: _ = "default", footer: v, headerClassName: y, bodyClassName: b, footerClassName: x, contentClassName: S, showCloseButton: C = !0, children: w, ...T }) {
20
36
  return /* @__PURE__ */ u(n, {
21
- ...C,
37
+ ...T,
22
38
  children: [t ? /* @__PURE__ */ l(c, { render: t }) : null, /* @__PURE__ */ u(i, {
23
39
  size: "full",
24
- showCloseButton: x,
25
- "data-side": m,
26
- "data-width": h,
27
- className: e("fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 overscroll-contain p-0", d[m], (m === "left" || m === "right") && f[h], b),
40
+ surface: "plain",
41
+ showCloseButton: C,
42
+ "data-side": h,
43
+ "data-width": g,
44
+ "data-density": _,
45
+ className: e("fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 overscroll-contain p-0", d[h], (h === "left" || h === "right") && f[g], S),
28
46
  children: [
29
- (r || p) && /* @__PURE__ */ u(o, {
30
- className: e("border-b border-border/70 p-6", _),
31
- children: [r ? /* @__PURE__ */ l(s, { children: r }) : null, p ? /* @__PURE__ */ l(a, { children: p }) : null]
47
+ (r || m) && /* @__PURE__ */ u(o, {
48
+ className: e("border-b border-border/70 bg-background/95 backdrop-blur", p[_].header, y),
49
+ children: [r ? /* @__PURE__ */ l(s, { children: r }) : null, m ? /* @__PURE__ */ l(a, { children: m }) : null]
32
50
  }),
33
51
  /* @__PURE__ */ l("div", {
34
52
  "data-slot": "drawer-body",
35
- className: e("min-h-0 flex-1 overflow-y-auto p-6", v),
36
- children: S
53
+ className: e("min-h-0 flex-1 overflow-y-auto bg-background", p[_].body, b),
54
+ children: w
37
55
  }),
38
- g ? /* @__PURE__ */ l("div", {
56
+ v ? /* @__PURE__ */ l("div", {
39
57
  "data-slot": "drawer-footer",
40
- className: e("border-t border-border/70 p-5", y),
41
- children: g
58
+ className: e("border-t border-border/70 bg-background/95 backdrop-blur", p[_].footer, x),
59
+ children: v
42
60
  }) : null
43
61
  ]
44
62
  })]
45
63
  });
46
64
  }
47
- function m({ children: e = "Close", ...n }) {
65
+ function h({ children: e = "Close", ...n }) {
48
66
  return /* @__PURE__ */ l(r, {
49
67
  render: /* @__PURE__ */ l(t, {
50
68
  type: "button",
@@ -55,4 +73,4 @@ function m({ children: e = "Close", ...n }) {
55
73
  });
56
74
  }
57
75
  //#endregion
58
- export { p as Drawer, m as DrawerCloseButton };
76
+ export { m as Drawer, h as DrawerCloseButton };
@@ -1 +1 @@
1
- "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e,t){return t?e===!1?`indeterminate`:e===`indeterminate`:e!==!0}var o=n.forwardRef(({className:e,checked:o,defaultChecked:s=!1,onCheckedChange:c,onCheckedStateChange:l,size:u=`md`,invalid:d=!1,allowIndeterminate:f=!1,disabled:p,name:m,value:h=`on`,required:g,onClick:_,children:v,...y},b)=>{let x=o!==void 0,[S,C]=n.useState(s),w=x?o:S,T=w===`indeterminate`?`indeterminate`:w?`checked`:`unchecked`;return(0,i.jsxs)(i.Fragment,{children:[m?(0,i.jsx)(`input`,{type:`checkbox`,"aria-hidden":`true`,tabIndex:-1,className:`sr-only`,name:m,value:h,checked:w===!0,required:g,disabled:p,readOnly:!0}):null,(0,i.jsx)(`button`,{ref:b,type:`button`,role:`checkbox`,"aria-checked":w===`indeterminate`?`mixed`:w,"data-state":T,"data-size":u,"data-slot":`checkbox`,disabled:p,"aria-invalid":d||void 0,className:t.cn(`peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:border-white/12 dark:bg-white/[0.04] dark:hover:bg-white/[0.08]`,e),onClick:e=>{let t=a(w,f);x||C(t),l?.(t),c?.(t===!0),_?.(e)},...y,children:v??(0,i.jsx)(`span`,{className:`flex items-center justify-center`,children:w===`indeterminate`?(0,i.jsx)(r.MinusIcon,{className:`size-3.5`}):w?(0,i.jsx)(r.CheckIcon,{className:`size-3.5`}):null})})]})});o.displayName=`Checkbox`,exports.Checkbox=o;
1
+ "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e,t){return t?e===!1?`indeterminate`:e===`indeterminate`:e!==!0}var o=n.forwardRef(({className:e,checked:o,defaultChecked:s=!1,onCheckedChange:c,onCheckedStateChange:l,size:u=`md`,invalid:d=!1,allowIndeterminate:f=!1,disabled:p,name:m,value:h=`on`,required:g,onClick:_,children:v,...y},b)=>{let x=o!==void 0,[S,C]=n.useState(s),w=x?o:S,T=w===`indeterminate`?`indeterminate`:w?`checked`:`unchecked`;return(0,i.jsxs)(i.Fragment,{children:[m?(0,i.jsx)(`input`,{type:`checkbox`,"aria-hidden":`true`,tabIndex:-1,className:`sr-only`,name:m,value:h,checked:w===!0,required:g,disabled:p,readOnly:!0}):null,(0,i.jsx)(`button`,{ref:b,type:`button`,role:`checkbox`,"aria-checked":w===`indeterminate`?`mixed`:w,"data-state":T,"data-size":u,"data-slot":`checkbox`,disabled:p,"aria-invalid":d||void 0,className:t.cn(`peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:data-[state=unchecked]:border-white/12 dark:data-[state=unchecked]:bg-white/[0.04] dark:data-[state=unchecked]:hover:bg-white/[0.08] [&_svg]:stroke-[2.6]`,e),onClick:e=>{e.preventDefault(),e.stopPropagation();let t=a(w,f);x||C(t),l?.(t),c?.(t===!0),_?.(e)},...y,children:v??(0,i.jsx)(`span`,{className:`flex items-center justify-center`,children:w===`indeterminate`?(0,i.jsx)(r.MinusIcon,{className:`size-3.5`}):w?(0,i.jsx)(r.CheckIcon,{className:`size-3.5`}):null})})]})});o.displayName=`Checkbox`,exports.Checkbox=o;
@@ -30,8 +30,9 @@ var c = t.forwardRef(({ className: c, checked: l, defaultChecked: u = !1, onChec
30
30
  "data-slot": "checkbox",
31
31
  disabled: g,
32
32
  "aria-invalid": m || void 0,
33
- className: e("peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:border-white/12 dark:bg-white/[0.04] dark:hover:bg-white/[0.08]", c),
33
+ className: e("peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:data-[state=unchecked]:border-white/12 dark:data-[state=unchecked]:bg-white/[0.04] dark:data-[state=unchecked]:hover:bg-white/[0.08] [&_svg]:stroke-[2.6]", c),
34
34
  onClick: (e) => {
35
+ e.preventDefault(), e.stopPropagation();
35
36
  let t = s(D, h);
36
37
  w || E(t), f?.(t), d?.(t === !0), b?.(e);
37
38
  },
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");function s({...e}){return(0,a.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`dialog-overlay`,className:t.cn(`fixed inset-0 isolate z-50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}function f({className:e,children:r,showCloseButton:s=!0,size:c=`md`,surface:u=`default`,...f}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`dialog-content`,"data-size":c,"data-surface":u,role:`dialog`,"aria-modal":`true`,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden overscroll-contain duration-100 outline-none data-[surface=plain]:overflow-visible data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...f,children:[r,s&&(0,a.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,render:(0,a.jsx)(n.Button,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function p({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`min-w-0 shrink-0 pr-10`,e),...n})}function m({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-body`,className:t.cn(`min-h-0 overflow-y-auto overscroll-contain`,e),...n})}function h({className:e,showCloseButton:r=!1,children:i,...s}){return(0,a.jsxs)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex shrink-0 flex-wrap items-center justify-end gap-2 [&_[data-slot=button]]:inline-flex [&_[data-slot=button]]:flex-row [&_[data-slot=button]]:items-center [&_[data-slot=button]]:justify-center [&_[data-slot=button]]:gap-2`,e),...s,children:[i,r&&(0,a.jsx)(o.Dialog.Close,{render:(0,a.jsx)(n.Button,{variant:`outline`}),children:`Close`})]})}function g({className:e,...t}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`dialog-title`,className:e,...t})}function _({className:e,...t}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`dialog-description`,className:e,...t})}exports.Dialog=s,exports.DialogBody=m,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=_,exports.DialogFooter=h,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=g,exports.DialogTrigger=c;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");function s({...e}){return(0,a.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`dialog-overlay`,className:t.cn(`fixed inset-0 isolate z-50 bg-black/45 backdrop-blur-[2px] duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 dark:bg-black/62`,e),...n})}function f({className:e,children:r,showCloseButton:s=!0,size:c=`md`,surface:u=`default`,...f}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`dialog-content`,"data-size":c,"data-surface":u,role:`dialog`,"aria-modal":`true`,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden overscroll-contain rounded-[var(--aui-card-radius,var(--radius-xl))] border border-border/78 bg-background p-6 text-foreground shadow-[0_32px_90px_rgba(15,23,42,0.24)] duration-100 outline-none data-[surface=plain]:overflow-visible data-[surface=plain]:border-0 data-[surface=plain]:bg-transparent data-[surface=plain]:p-0 data-[surface=plain]:shadow-none data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...f,children:[r,s&&(0,a.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,render:(0,a.jsx)(n.Button,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function p({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`min-w-0 shrink-0 pr-10`,e),...n})}function m({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-body`,className:t.cn(`min-h-0 overflow-y-auto overscroll-contain`,e),...n})}function h({className:e,showCloseButton:r=!1,children:i,...s}){return(0,a.jsxs)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex shrink-0 flex-wrap items-center justify-end gap-2 [&_[data-slot=button]]:inline-flex [&_[data-slot=button]]:flex-row [&_[data-slot=button]]:items-center [&_[data-slot=button]]:justify-center [&_[data-slot=button]]:gap-2`,e),...s,children:[i,r&&(0,a.jsx)(o.Dialog.Close,{render:(0,a.jsx)(n.Button,{variant:`outline`}),children:`Close`})]})}function g({className:e,...n}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`dialog-title`,className:t.cn(`text-lg font-semibold tracking-tight text-foreground`,e),...n})}function _({className:e,...n}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`dialog-description`,className:t.cn(`mt-1 text-sm leading-6 text-muted-foreground`,e),...n})}exports.Dialog=s,exports.DialogBody=m,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=_,exports.DialogFooter=h,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=g,exports.DialogTrigger=c;
@@ -32,7 +32,7 @@ function l({ ...e }) {
32
32
  function u({ className: t, ...n }) {
33
33
  return /* @__PURE__ */ r(a.Backdrop, {
34
34
  "data-slot": "dialog-overlay",
35
- className: e("fixed inset-0 isolate z-50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
35
+ className: e("fixed inset-0 isolate z-50 bg-black/45 backdrop-blur-[2px] duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 dark:bg-black/62", t),
36
36
  ...n
37
37
  });
38
38
  }
@@ -43,7 +43,7 @@ function d({ className: o, children: s, showCloseButton: l = !0, size: d = "md",
43
43
  "data-surface": f,
44
44
  role: "dialog",
45
45
  "aria-modal": "true",
46
- className: e("fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden overscroll-contain duration-100 outline-none data-[surface=plain]:overflow-visible data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
46
+ className: e("fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden overscroll-contain rounded-[var(--aui-card-radius,var(--radius-xl))] border border-border/78 bg-background p-6 text-foreground shadow-[0_32px_90px_rgba(15,23,42,0.24)] duration-100 outline-none data-[surface=plain]:overflow-visible data-[surface=plain]:border-0 data-[surface=plain]:bg-transparent data-[surface=plain]:p-0 data-[surface=plain]:shadow-none data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
47
47
  ...p,
48
48
  children: [s, l && /* @__PURE__ */ i(a.Close, {
49
49
  "data-slot": "dialog-close",
@@ -84,18 +84,18 @@ function m({ className: n, showCloseButton: o = !1, children: s, ...c }) {
84
84
  })]
85
85
  });
86
86
  }
87
- function h({ className: e, ...t }) {
87
+ function h({ className: t, ...n }) {
88
88
  return /* @__PURE__ */ r(a.Title, {
89
89
  "data-slot": "dialog-title",
90
- className: e,
91
- ...t
90
+ className: e("text-lg font-semibold tracking-tight text-foreground", t),
91
+ ...n
92
92
  });
93
93
  }
94
- function g({ className: e, ...t }) {
94
+ function g({ className: t, ...n }) {
95
95
  return /* @__PURE__ */ r(a.Description, {
96
96
  "data-slot": "dialog-description",
97
- className: e,
98
- ...t
97
+ className: e("mt-1 text-sm leading-6 text-muted-foreground", t),
98
+ ...n
99
99
  });
100
100
  }
101
101
  //#endregion
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu");var o=`relative group/dropdown-menu-item [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`;function s({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function c({...e}){return(0,i.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function l({...e}){if(!(`render`in e)&&n.isValidElement(e.children)){let{children:t,...n}=e;return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,render:t,...n})}return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function u({align:e=`start`,alignOffset:n=0,side:r=`bottom`,sideOffset:o=4,className:s,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:e,alignOffset:n,side:r,sideOffset:o,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`dropdown-menu-content`,className:t.cn(`z-50 max-h-(--available-height) w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,s),...c})})})}function d({...e}){return(0,i.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function f({className:e,inset:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`dropdown-menu-label`,"data-inset":t,className:e,...n})}function p({className:e,inset:n,variant:r=`default`,closeOnSelect:s=!0,onSelect:c,...l}){return(0,i.jsx)(a.Menu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(o,e),onSelect:e=>{s||e.preventDefault(),c?.(e)},...l})}function m({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function h({className:e,inset:n,children:s,...c}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:t.cn(o,e),...c,children:[s,(0,i.jsx)(r.ChevronRightIcon,{"data-slot":`dropdown-menu-sub-icon`})]})}function g({align:e=`start`,alignOffset:n=-3,side:r=`right`,sideOffset:a=0,className:o,...s}){return(0,i.jsx)(u,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`w-auto min-w-32 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,o),align:e,alignOffset:n,side:r,sideOffset:a,...s})}function _({className:e,children:n,checked:s,inset:c,closeOnSelect:l=!0,onSelect:u,...d}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":c,className:t.cn(o,e),checked:s,onSelect:e=>{l||e.preventDefault(),u?.(e)},...d,children:[(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,i.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function v({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function y({className:e,children:n,inset:s,closeOnSelect:c=!0,onSelect:l,...u}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":s,className:t.cn(o,e),onSelect:e=>{c||e.preventDefault(),l?.(e)},...u,children:[(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-radio-item-indicator`,children:(0,i.jsx)(a.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function b({className:e,...t}){return(0,i.jsx)(a.Menu.Separator,{"data-slot":`dropdown-menu-separator`,className:e,...t})}function x({className:e,...t}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e,...t})}function S({className:e,...t}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-item-description`,className:e,...t})}exports.DropdownMenu=s,exports.DropdownMenuCheckboxItem=_,exports.DropdownMenuContent=u,exports.DropdownMenuGroup=d,exports.DropdownMenuItem=p,exports.DropdownMenuItemDescription=S,exports.DropdownMenuLabel=f,exports.DropdownMenuPortal=c,exports.DropdownMenuRadioGroup=v,exports.DropdownMenuRadioItem=y,exports.DropdownMenuSeparator=b,exports.DropdownMenuShortcut=x,exports.DropdownMenuSub=m,exports.DropdownMenuSubContent=g,exports.DropdownMenuSubTrigger=h,exports.DropdownMenuTrigger=l;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu");var o=`relative group/dropdown-menu-item flex min-h-9 w-full cursor-default select-none items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-2 text-sm text-popover-foreground outline-none transition-[background-color,color] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[inset=true]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:data-[highlighted]:bg-destructive/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`;function s({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function c({...e}){return(0,i.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function l({...e}){if(!(`render`in e)&&n.isValidElement(e.children)){let{children:t,...n}=e;return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,render:t,...n})}return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function u({align:e=`start`,alignOffset:n=0,side:r=`bottom`,sideOffset:o=4,className:s,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:e,alignOffset:n,side:r,sideOffset:o,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`dropdown-menu-content`,className:t.cn(`z-50 max-h-[min(var(--available-height),24rem)] w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-border/78 bg-popover p-1 text-popover-foreground shadow-[0_18px_50px_rgba(15,23,42,0.18)] outline-none backdrop-blur duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,s),...c})})})}function d({...e}){return(0,i.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function f({className:e,inset:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:t.cn(`px-2.5 py-1.5 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground data-[inset=true]:pl-8`,e),...r})}function p({className:e,inset:n,variant:r=`default`,closeOnSelect:s=!0,onSelect:c,...l}){return(0,i.jsx)(a.Menu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(o,`pl-8 pr-8`,e),onSelect:e=>{s||e.preventDefault(),c?.(e)},...l})}function m({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function h({className:e,inset:n,children:s,...c}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:t.cn(o,`pl-8`,e),...c,children:[s,(0,i.jsx)(r.ChevronRightIcon,{"data-slot":`dropdown-menu-sub-icon`})]})}function g({align:e=`start`,alignOffset:n=-3,side:r=`right`,sideOffset:a=0,className:o,...s}){return(0,i.jsx)(u,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`w-auto min-w-32 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,o),align:e,alignOffset:n,side:r,sideOffset:a,...s})}function _({className:e,children:n,checked:s,inset:c,closeOnSelect:l=!0,onSelect:u,...d}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":c,className:t.cn(o,e),checked:s,onSelect:e=>{l||e.preventDefault(),u?.(e)},...d,children:[(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-checkbox-item-indicator`,className:`absolute left-2 grid size-4 place-items-center`,children:(0,i.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{className:`size-4`})})}),n]})}function v({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function y({className:e,children:n,inset:s,closeOnSelect:c=!0,onSelect:l,...u}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":s,className:t.cn(o,e),onSelect:e=>{c||e.preventDefault(),l?.(e)},...u,children:[(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-radio-item-indicator`,className:`absolute left-2 grid size-4 place-items-center`,children:(0,i.jsx)(a.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{className:`size-4`})})}),n]})}function b({className:e,...n}){return(0,i.jsx)(a.Menu.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`-mx-1 my-1 h-px bg-border/72`,e),...n})}function x({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground`,e),...n})}function S({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-item-description`,className:t.cn(`block text-xs leading-5 text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-accent-foreground/75`,e),...n})}exports.DropdownMenu=s,exports.DropdownMenuCheckboxItem=_,exports.DropdownMenuContent=u,exports.DropdownMenuGroup=d,exports.DropdownMenuItem=p,exports.DropdownMenuItemDescription=S,exports.DropdownMenuLabel=f,exports.DropdownMenuPortal=c,exports.DropdownMenuRadioGroup=v,exports.DropdownMenuRadioItem=y,exports.DropdownMenuSeparator=b,exports.DropdownMenuShortcut=x,exports.DropdownMenuSub=m,exports.DropdownMenuSubContent=g,exports.DropdownMenuSubTrigger=h,exports.DropdownMenuTrigger=l;