impact-nova 1.5.13 → 1.5.15

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 (39) hide show
  1. package/dist/components/ui/badge.d.ts +1 -1
  2. package/dist/components/ui/badge.js +12 -11
  3. package/dist/components/ui/breadcrumb.js +25 -20
  4. package/dist/components/ui/command-palette/command-palette-layout.d.ts +28 -0
  5. package/dist/components/ui/command-palette/command-palette-layout.js +59 -0
  6. package/dist/components/ui/command-palette/command-palette.d.ts +5 -2
  7. package/dist/components/ui/command-palette/command-palette.js +271 -264
  8. package/dist/components/ui/command-palette/index.d.ts +1 -1
  9. package/dist/components/ui/command-palette/index.js +42 -41
  10. package/dist/components/ui/command-palette/shortcut-settings.d.ts +3 -3
  11. package/dist/components/ui/command-palette/shortcut-settings.js +112 -107
  12. package/dist/components/ui/command-palette/utils.d.ts +6 -1
  13. package/dist/components/ui/command-palette/utils.js +81 -74
  14. package/dist/components/ui/data-table/data-table.js +51 -40
  15. package/dist/components/ui/dialog.js +2 -5
  16. package/dist/components/ui/empty-container.js +72 -65
  17. package/dist/components/ui/filter-panel/filter-panel.d.ts +2 -2
  18. package/dist/components/ui/filter-panel/filter-panel.js +154 -76
  19. package/dist/components/ui/filter-strip/filter-summary.js +30 -32
  20. package/dist/components/ui/header.d.ts +7 -3
  21. package/dist/components/ui/header.js +46 -44
  22. package/dist/components/ui/horizontal-scroller/horizontal-scroller.js +1 -1
  23. package/dist/components/ui/select/select.js +84 -88
  24. package/dist/components/ui/sidebar.js +341 -305
  25. package/dist/components/ui/types/filter-panel.types.d.ts +3 -0
  26. package/dist/components/ui/types/horizontal-scroller.types.d.ts +1 -1
  27. package/dist/i18n/defaultMessages.d.ts +1 -0
  28. package/dist/i18n/defaultMessages.js +1 -0
  29. package/dist/i18n/locales/de.js +1 -0
  30. package/dist/i18n/locales/es.js +1 -0
  31. package/dist/i18n/locales/hi.js +1 -0
  32. package/dist/i18n/locales/kn.js +1 -0
  33. package/dist/icons/assets/clock.svg.js +5 -0
  34. package/dist/icons/index.d.ts +1 -0
  35. package/dist/icons/index.js +159 -157
  36. package/dist/impact-nova.css +1 -1
  37. package/dist/index.js +106 -105
  38. package/package.json +1 -1
  39. package/tailwind.config.js +14 -1
@@ -1,3 +1,9 @@
1
+ const F = {
2
+ system: "System",
3
+ user: "User",
4
+ browser: "Browser",
5
+ "ag-grid": "Table"
6
+ };
1
7
  let f = null;
2
8
  function u() {
3
9
  return f !== null ? f : typeof navigator > "u" ? !1 : (f = /mac|ipod|iphone|ipad/i.test(navigator.platform ?? navigator.userAgent ?? ""), f);
@@ -33,21 +39,21 @@ const p = {
33
39
  tab: "Tab",
34
40
  space: "Space"
35
41
  };
36
- function h(t) {
37
- return (u() ? p : w)[t.toLowerCase()] ?? t.toUpperCase();
42
+ function h(e) {
43
+ return (u() ? p : w)[e.toLowerCase()] ?? e.toUpperCase();
38
44
  }
39
- function C(t) {
40
- const e = [];
41
- return u() ? (t.ctrl && e.push(h("ctrl")), t.alt && e.push(h("alt")), t.shift && e.push(h("shift")), t.meta && e.push(h("meta"))) : ((t.meta || t.ctrl) && e.push(h("ctrl")), t.alt && e.push(h("alt")), t.shift && e.push(h("shift"))), e.push(h(t.key)), e;
45
+ function C(e) {
46
+ const t = [];
47
+ return u() ? (e.ctrl && t.push(h("ctrl")), e.alt && t.push(h("alt")), e.shift && t.push(h("shift")), e.meta && t.push(h("meta"))) : ((e.meta || e.ctrl) && t.push(h("ctrl")), e.alt && t.push(h("alt")), e.shift && t.push(h("shift"))), t.push(h(e.key)), t;
42
48
  }
43
- function F(t) {
44
- const e = C(t);
45
- return u() ? e.join("") : e.join("+");
49
+ function K(e) {
50
+ const t = C(e);
51
+ return u() ? t.join("") : t.join("+");
46
52
  }
47
- function K(t, e) {
48
- let o = t.key.toLowerCase() === e.key.toLowerCase();
49
- if (!o && e.alt && u()) {
50
- const n = t.code, i = e.key.toLowerCase();
53
+ function O(e, t) {
54
+ let o = e.key.toLowerCase() === t.key.toLowerCase();
55
+ if (!o && t.alt && u()) {
56
+ const n = e.code, i = t.key.toLowerCase();
51
57
  n.startsWith("Key") ? o = n.slice(3).toLowerCase() === i : n.startsWith("Digit") ? o = n.slice(5) === i : o = ({
52
58
  Comma: ",",
53
59
  Period: ".",
@@ -63,31 +69,31 @@ function K(t, e) {
63
69
  }[n] ?? n.toLowerCase()) === i;
64
70
  }
65
71
  if (!o) return !1;
66
- const a = !!e.meta, r = !!e.ctrl, s = !!e.alt, c = !!e.shift;
72
+ const a = !!t.meta, r = !!t.ctrl, s = !!t.alt, c = !!t.shift;
67
73
  if (u())
68
- return t.metaKey === a && t.ctrlKey === r && t.altKey === s && t.shiftKey === c;
74
+ return e.metaKey === a && e.ctrlKey === r && e.altKey === s && e.shiftKey === c;
69
75
  const m = a || r;
70
- return t.ctrlKey === m && t.altKey === s && t.shiftKey === c && !t.metaKey;
76
+ return e.ctrlKey === m && e.altKey === s && e.shiftKey === c && !e.metaKey;
71
77
  }
72
- function k(t) {
73
- const e = { key: "" }, o = t.includes("+") ? t.split("+").map((a) => a.trim()) : S(t);
78
+ function k(e) {
79
+ const t = { key: "" }, o = e.includes("+") ? e.split("+").map((a) => a.trim()) : S(e);
74
80
  for (const a of o) {
75
81
  const r = a.toLowerCase();
76
- r === "⌘" || r === "meta" || r === "cmd" || r === "command" ? e.meta = !0 : r === "⌃" || r === "ctrl" || r === "control" ? e.ctrl = !0 : r === "⌥" || r === "alt" || r === "option" ? e.alt = !0 : r === "⇧" || r === "shift" ? e.shift = !0 : e.key = a;
82
+ r === "⌘" || r === "meta" || r === "cmd" || r === "command" ? t.meta = !0 : r === "⌃" || r === "ctrl" || r === "control" ? t.ctrl = !0 : r === "⌥" || r === "alt" || r === "option" ? t.alt = !0 : r === "⇧" || r === "shift" ? t.shift = !0 : t.key = a;
77
83
  }
78
- return e;
84
+ return t;
79
85
  }
80
- function S(t) {
81
- const e = ["⌘", "⌃", "⌥", "⇧"], o = [];
82
- let a = t;
83
- for (const r of e)
86
+ function S(e) {
87
+ const t = ["⌘", "⌃", "⌥", "⇧"], o = [];
88
+ let a = e;
89
+ for (const r of t)
84
90
  a.includes(r) && (o.push(r), a = a.replace(r, ""));
85
91
  return a.trim() && o.push(a.trim()), o;
86
92
  }
87
- function O(t, e) {
88
- return t.key.toLowerCase() === e.key.toLowerCase() && !!t.meta == !!e.meta && !!t.ctrl == !!e.ctrl && !!t.alt == !!e.alt && !!t.shift == !!e.shift;
93
+ function L(e, t) {
94
+ return e.key.toLowerCase() === t.key.toLowerCase() && !!e.meta == !!t.meta && !!e.ctrl == !!t.ctrl && !!e.alt == !!t.alt && !!e.shift == !!t.shift;
89
95
  }
90
- function L(t) {
96
+ function B(e) {
91
97
  if ((/* @__PURE__ */ new Set([
92
98
  "Control",
93
99
  "Shift",
@@ -96,10 +102,10 @@ function L(t) {
96
102
  "CapsLock",
97
103
  "NumLock",
98
104
  "ScrollLock"
99
- ])).has(t.key)) return null;
100
- let o = t.key;
101
- if (t.altKey && u()) {
102
- const a = t.code;
105
+ ])).has(e.key)) return null;
106
+ let o = e.key;
107
+ if (e.altKey && u()) {
108
+ const a = e.code;
103
109
  a.startsWith("Key") ? o = a.slice(3).toLowerCase() : a.startsWith("Digit") ? o = a.slice(5) : o = {
104
110
  Comma: ",",
105
111
  Period: ".",
@@ -116,10 +122,10 @@ function L(t) {
116
122
  }
117
123
  return {
118
124
  key: o,
119
- meta: u() ? t.metaKey : !1,
120
- ctrl: u() ? t.ctrlKey : t.ctrlKey || t.metaKey,
121
- alt: t.altKey,
122
- shift: t.shiftKey
125
+ meta: u() ? e.metaKey : !1,
126
+ ctrl: u() ? e.ctrlKey : e.ctrlKey || e.metaKey,
127
+ alt: e.altKey,
128
+ shift: e.shiftKey
123
129
  };
124
130
  }
125
131
  const b = [
@@ -197,25 +203,25 @@ const b = [
197
203
  { shortcut: "ctrl+shift+i", label: "DevTools (Windows)", category: "System" },
198
204
  { shortcut: "ctrl+shift+j", label: "DevTools Console (Windows)", category: "System" }
199
205
  ], g = new Set(
200
- b.map((t) => t.shortcut)
206
+ b.map((e) => e.shortcut)
201
207
  );
202
- function d(t) {
203
- const e = [];
204
- return (t.meta || t.ctrl) && e.push("meta"), t.alt && e.push("alt"), t.shift && e.push("shift"), e.push(t.key.toLowerCase()), e.join("+");
208
+ function d(e) {
209
+ const t = [];
210
+ return (e.meta || e.ctrl) && t.push("meta"), e.alt && t.push("alt"), e.shift && t.push("shift"), t.push(e.key.toLowerCase()), t.join("+");
205
211
  }
206
- function R(t) {
207
- const e = d(t);
208
- return g.has(e) || g.has(e.replace("meta+", "ctrl+"));
212
+ function R(e) {
213
+ const t = d(e);
214
+ return g.has(t) || g.has(t.replace("meta+", "ctrl+"));
209
215
  }
210
- function B(t) {
211
- const e = d(t);
216
+ function M(e) {
217
+ const t = d(e);
212
218
  return b.find(
213
- (o) => o.shortcut === e || o.shortcut === e.replace("meta+", "ctrl+")
219
+ (o) => o.shortcut === t || o.shortcut === t.replace("meta+", "ctrl+")
214
220
  );
215
221
  }
216
- function T(t, e) {
217
- if (!t) return { score: 0, matches: [] };
218
- const o = t.toLowerCase(), a = e.toLowerCase();
222
+ function T(e, t) {
223
+ if (!e) return { score: 0, matches: [] };
224
+ const o = e.toLowerCase(), a = t.toLowerCase();
219
225
  let r = 0;
220
226
  for (const l of o) {
221
227
  const y = a.indexOf(l, r);
@@ -225,15 +231,15 @@ function T(t, e) {
225
231
  let s = 0, c = 0, m = 0;
226
232
  const n = [];
227
233
  let i = -1;
228
- for (let l = 0; l < e.length && c < o.length; l++)
229
- a[l] === o[c] ? (s += 1, m++, m > 1 && (s += m), (l === 0 || /[\s\-_./:]/.test(e[l - 1])) && (s += 5), e[l] === t[c] && (s += 0.5), i === -1 && (i = l), c++) : (i !== -1 && (n.push([i, l - 1]), i = -1), m = 0);
230
- return i !== -1 && n.push([i, i + (c - n.reduce((l, y) => l + (y[1] - y[0] + 1), 0)) - 1]), c < o.length ? null : (a.startsWith(o) && (s += 10), s += Math.max(0, 5 - (e.length - t.length) * 0.1), { score: s, matches: n });
234
+ for (let l = 0; l < t.length && c < o.length; l++)
235
+ a[l] === o[c] ? (s += 1, m++, m > 1 && (s += m), (l === 0 || /[\s\-_./:]/.test(t[l - 1])) && (s += 5), t[l] === e[c] && (s += 0.5), i === -1 && (i = l), c++) : (i !== -1 && (n.push([i, l - 1]), i = -1), m = 0);
236
+ return i !== -1 && n.push([i, i + (c - n.reduce((l, y) => l + (y[1] - y[0] + 1), 0)) - 1]), c < o.length ? null : (a.startsWith(o) && (s += 10), s += Math.max(0, 5 - (t.length - e.length) * 0.1), { score: s, matches: n });
231
237
  }
232
- function M(t, e, o) {
233
- if (!e.trim()) return t.map((r) => ({ item: r, score: 0, matches: [] }));
238
+ function E(e, t, o) {
239
+ if (!t.trim()) return e.map((r) => ({ item: r, score: 0, matches: [] }));
234
240
  const a = [];
235
- for (const r of t) {
236
- const s = o(r), c = T(e, s);
241
+ for (const r of e) {
242
+ const s = o(r), c = T(t, s);
237
243
  c && a.push({ item: r, score: c.score, matches: c.matches });
238
244
  }
239
245
  return a.sort((r, s) => s.score - r.score), a;
@@ -244,40 +250,41 @@ const W = {
244
250
  page: 2,
245
251
  modal: 3
246
252
  };
247
- function D(t) {
248
- return W[t];
253
+ function D(e) {
254
+ return W[e];
249
255
  }
250
- function E(t) {
251
- const e = [];
252
- return t.forEach((o, a) => {
253
- e.push({ commandId: a, keybinding: o });
254
- }), JSON.stringify(e);
256
+ function x(e) {
257
+ const t = [];
258
+ return e.forEach((o, a) => {
259
+ t.push({ commandId: a, keybinding: o });
260
+ }), JSON.stringify(t);
255
261
  }
256
- function x(t) {
257
- const e = /* @__PURE__ */ new Map();
262
+ function _(e) {
263
+ const t = /* @__PURE__ */ new Map();
258
264
  try {
259
- const o = JSON.parse(t);
265
+ const o = JSON.parse(e);
260
266
  for (const a of o)
261
- e.set(a.commandId, a.keybinding);
267
+ t.set(a.commandId, a.keybinding);
262
268
  } catch {
263
269
  }
264
- return e;
270
+ return t;
265
271
  }
266
272
  export {
267
273
  b as BROWSER_SHORTCUTS,
268
- x as deserialiseOverrides,
269
- M as fuzzyFilter,
274
+ F as COMMAND_SOURCE_LABELS,
275
+ _ as deserialiseOverrides,
276
+ E as fuzzyFilter,
270
277
  T as fuzzyScore,
271
- B as getBrowserShortcutInfo,
278
+ M as getBrowserShortcutInfo,
272
279
  h as getKeySymbol,
273
280
  u as isMac,
274
281
  R as isReservedShortcut,
275
- L as keybindingFromEvent,
276
- F as keybindingToString,
282
+ B as keybindingFromEvent,
283
+ K as keybindingToString,
277
284
  C as keybindingToSymbols,
278
- O as keybindingsEqual,
279
- K as matchesKeybinding,
285
+ L as keybindingsEqual,
286
+ O as matchesKeybinding,
280
287
  k as parseKeybinding,
281
288
  D as scopePriority,
282
- E as serialiseOverrides
289
+ x as serialiseOverrides
283
290
  };
@@ -1,68 +1,79 @@
1
- import { jsx as o, jsxs as w } from "react/jsx-runtime";
2
- import { useState as a, useCallback as y } from "react";
3
- import { AgGridWrapper as T } from "../ag-grid-react/index.js";
4
- import { cn as l } from "../../../lib/utils.js";
5
- import { DataTableContext as v, useDataTable as S } from "./data-table-context.js";
6
- const R = ({
1
+ import { jsx as r, jsxs as H } from "react/jsx-runtime";
2
+ import { useState as o, useCallback as T, useEffect as y } from "react";
3
+ import { AgGridWrapper as v } from "../ag-grid-react/index.js";
4
+ import { cn as p } from "../../../lib/utils.js";
5
+ import { DataTableContext as A, useDataTable as R } from "./data-table-context.js";
6
+ const f = {
7
+ default: 46,
8
+ compact: 30,
9
+ comfort: 52
10
+ }, P = ({
7
11
  children: e,
8
12
  className: t
9
13
  }) => {
10
- const [i, n] = a(null), [r, m] = a(null), [s, c] = a("medium"), [u, f] = a("full"), [d, h] = a("default"), p = y((x) => {
11
- n(x);
12
- }, []), g = {
14
+ const [d, i] = o(null), [a, c] = o(null), [n, m] = o("medium"), [h, u] = o("full"), [s, g] = o("default"), l = T((x) => {
15
+ i(x);
16
+ }, []), w = {
13
17
  small: "12px",
14
18
  medium: "14px",
15
19
  large: "16px"
16
- }[s], b = {
17
- default: "46px",
18
- compact: "30px",
19
- comfort: "52px"
20
- }[d];
21
- return /* @__PURE__ */ o(v.Provider, { value: {
22
- gridApi: i,
23
- registerApi: p,
24
- sheetTarget: r,
25
- setSheetTarget: m,
26
- fontSize: s,
27
- setFontSize: c,
28
- numericFormat: u,
29
- setNumericFormat: f,
30
- rowHeight: d,
31
- setRowHeight: h
32
- }, children: /* @__PURE__ */ o(
20
+ }[n], b = `${f[s]}px`;
21
+ return /* @__PURE__ */ r(A.Provider, { value: {
22
+ gridApi: d,
23
+ registerApi: l,
24
+ sheetTarget: a,
25
+ setSheetTarget: c,
26
+ fontSize: n,
27
+ setFontSize: m,
28
+ numericFormat: h,
29
+ setNumericFormat: u,
30
+ rowHeight: s,
31
+ setRowHeight: g
32
+ }, children: /* @__PURE__ */ r(
33
33
  "div",
34
34
  {
35
35
  "data-component": "data-table",
36
- className: l("flex flex-col w-full min-h-0 rounded-[inherit]", t),
36
+ className: p("flex flex-col w-full min-h-0 rounded-[inherit]", t),
37
37
  style: {
38
- "--ag-font-size": g,
38
+ "--ag-font-size": w,
39
39
  "--ag-row-height": b
40
40
  },
41
41
  children: e
42
42
  }
43
43
  ) });
44
44
  };
45
- function j(e) {
46
- const { registerApi: t, setSheetTarget: i } = S(), n = (r) => {
47
- t(r.api), e.onGridReady && e.onGridReady(r);
45
+ function _(e) {
46
+ const { registerApi: t, setSheetTarget: d, rowHeight: i, gridApi: a } = R(), { className: c, onGridReady: n, rowHeight: m, ...h } = e, u = f[i], s = m ?? u;
47
+ y(() => {
48
+ a?.resetRowHeights();
49
+ }, [i, a]);
50
+ const g = (l) => {
51
+ t(l.api), n?.(l);
48
52
  };
49
- return /* @__PURE__ */ w("div", { className: l("relative flex-1 min-h-0 w-full bg-white rounded-b-[inherit] grid-rounded-bottom", e.className), children: [
50
- /* @__PURE__ */ o(T, { ...e, onGridReady: n }),
51
- /* @__PURE__ */ o(
53
+ return /* @__PURE__ */ H("div", { className: p("relative flex-1 min-h-0 w-full bg-white rounded-b-[inherit] grid-rounded-bottom", c), children: [
54
+ /* @__PURE__ */ r(
55
+ v,
56
+ {
57
+ ...h,
58
+ rowHeight: s,
59
+ onGridReady: g
60
+ }
61
+ ),
62
+ /* @__PURE__ */ r(
52
63
  "div",
53
64
  {
54
- ref: i,
65
+ ref: d,
55
66
  className: "absolute inset-0 pointer-events-none z-[39] flex overflow-hidden"
56
67
  }
57
68
  )
58
69
  ] });
59
70
  }
60
- const C = ({
71
+ const j = ({
61
72
  children: e,
62
73
  className: t
63
- }) => /* @__PURE__ */ o("div", { "data-component": "data-table-toolbar", className: l("flex items-center justify-between px-4 py-3 shrink-0 bg-white rounded-t-[inherit]", t), children: e });
74
+ }) => /* @__PURE__ */ r("div", { "data-component": "data-table-toolbar", className: p("flex items-center justify-between px-4 py-3 shrink-0 bg-white rounded-t-[inherit]", t), children: e });
64
75
  export {
65
- R as DataTable,
66
- j as DataTableContent,
67
- C as DataTableToolbar
76
+ P as DataTable,
77
+ _ as DataTableContent,
78
+ j as DataTableToolbar
68
79
  };
@@ -75,10 +75,7 @@ const h = ({
75
75
  }) => /* @__PURE__ */ o(
76
76
  "div",
77
77
  {
78
- className: i(
79
- "px-6 py-6 flex-1 overflow-y-auto min-h-0",
80
- e
81
- ),
78
+ className: i("px-6 py-6 flex-1 overflow-y-auto min-h-0", e),
82
79
  ...a
83
80
  }
84
81
  );
@@ -90,7 +87,7 @@ const v = ({
90
87
  "div",
91
88
  {
92
89
  className: i(
93
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:items-center sm:space-x-2 px-4 py-3 border-t bg-white",
90
+ "flex flex-col-reverse sm:flex-row sm:justify-end sm:items-center sm:space-x-2 px-4 py-3 bg-white",
94
91
  e
95
92
  ),
96
93
  ...a
@@ -16,93 +16,100 @@ const c = [
16
16
  {
17
17
  ref: a,
18
18
  className: s(
19
- "flex flex-col items-center justify-center py-10 px-5 text-center animate-in fade-in zoom-in duration-300 border border-border-subtle rounded-xl bg-card w-[884px] min-w-[884px] h-auto",
19
+ "flex flex-col items-center justify-center py-16 px-5 text-center animate-in fade-in zoom-in duration-300 border border-border-subtle rounded-xl bg-card w-[884px] min-w-[884px] h-auto",
20
20
  o
21
21
  ),
22
22
  "data-component": "empty-container",
23
23
  ...n,
24
- children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center max-w-[650px] gap-4", children: t })
24
+ children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center max-w-[650px]", children: t })
25
25
  }
26
26
  )
27
27
  );
28
28
  R.displayName = "EmptyContainer";
29
- const v = m.forwardRef(
30
- ({ className: o, children: t, width: e, height: n, asChild: a = !1, ...i }, f) => {
31
- const [l, M] = m.useState(() => t ? null : Math.floor(Math.random() * c.length)), h = () => {
32
- if (t) return t;
33
- if (l !== null) {
34
- const { Component: C, width: g, height: x } = c[l];
35
- return /* @__PURE__ */ r(
36
- C,
37
- {
38
- size: "100%",
39
- style: {
40
- width: e || g,
41
- height: n || x
42
- }
29
+ const v = m.forwardRef(({ className: o, children: t, width: e, height: n, asChild: a = !1, ...i }, f) => {
30
+ const [l, M] = m.useState(() => t ? null : Math.floor(Math.random() * c.length)), h = () => {
31
+ if (t) return t;
32
+ if (l !== null) {
33
+ const {
34
+ Component: C,
35
+ width: g,
36
+ height: x
37
+ } = c[l];
38
+ return /* @__PURE__ */ r(
39
+ C,
40
+ {
41
+ size: "100%",
42
+ style: {
43
+ width: e || g,
44
+ height: n || x
43
45
  }
44
- );
45
- }
46
- return null;
47
- }, d = l !== null ? c[l] : null, u = e || (t ? "auto" : d?.width || 225), y = n || (t ? "auto" : d?.height || 150);
48
- return /* @__PURE__ */ r(
49
- a ? p : "div",
50
- {
51
- ref: f,
52
- className: s(
53
- "mb-4 flex items-center justify-center relative",
54
- "after:absolute after:inset-0 after:bg-primary/5 after:blur-3xl after:-z-10 after:rounded-full",
55
- o
56
- ),
57
- style: {
58
- width: u,
59
- height: y,
60
- ...i.style
61
- },
62
- "data-component": "empty-container-image",
63
- ...i,
64
- children: h()
65
- }
66
- );
67
- }
68
- );
69
- v.displayName = "EmptyContainerImage";
70
- const T = m.forwardRef(
71
- ({ className: o, children: t, asChild: e = !1, ...n }, a) => /* @__PURE__ */ r(
72
- e ? p : "h3",
46
+ }
47
+ );
48
+ }
49
+ return null;
50
+ }, d = l !== null ? c[l] : null, u = e || (t ? "auto" : d?.width || 225), y = n || (t ? "auto" : d?.height || 150);
51
+ return /* @__PURE__ */ r(
52
+ a ? p : "div",
73
53
  {
74
- ref: a,
75
- className: s("text-xl font-bold tracking-tight text-foreground", o),
76
- "data-component": "empty-container-title",
77
- ...n,
78
- children: t
54
+ ref: f,
55
+ className: s(
56
+ "mb-4 flex items-center justify-center relative",
57
+ "after:absolute after:inset-0 after:bg-primary/5 after:blur-3xl after:-z-10 after:rounded-full",
58
+ o
59
+ ),
60
+ style: {
61
+ width: u,
62
+ height: y,
63
+ ...i.style
64
+ },
65
+ "data-component": "empty-container-image",
66
+ ...i,
67
+ children: h()
79
68
  }
80
- )
81
- );
69
+ );
70
+ });
71
+ v.displayName = "EmptyContainerImage";
72
+ const T = m.forwardRef(({ className: o, children: t, asChild: e = !1, ...n }, a) => /* @__PURE__ */ r(
73
+ e ? p : "h3",
74
+ {
75
+ ref: a,
76
+ className: s(
77
+ "text-xl font-bold tracking-tight text-foreground",
78
+ o
79
+ ),
80
+ "data-component": "empty-container-title",
81
+ ...n,
82
+ children: t
83
+ }
84
+ ));
82
85
  T.displayName = "EmptyContainerTitle";
83
86
  const j = m.forwardRef(({ className: o, children: t, asChild: e = !1, ...n }, a) => /* @__PURE__ */ r(
84
87
  e ? p : "p",
85
88
  {
86
89
  ref: a,
87
- className: s("text-base font-medium text-secondary-foreground leading-relaxed", o),
90
+ className: s(
91
+ "text-base font-medium text-secondary-foreground leading-relaxed",
92
+ o
93
+ ),
88
94
  "data-component": "empty-container-description",
89
95
  ...n,
90
96
  children: t
91
97
  }
92
98
  ));
93
99
  j.displayName = "EmptyContainerDescription";
94
- const A = m.forwardRef(
95
- ({ className: o, children: t, asChild: e = !1, ...n }, a) => /* @__PURE__ */ r(
96
- e ? p : "div",
97
- {
98
- ref: a,
99
- className: s("mt-6 flex flex-wrap items-center justify-center gap-3", o),
100
- "data-component": "empty-container-action",
101
- ...n,
102
- children: t
103
- }
104
- )
105
- );
100
+ const A = m.forwardRef(({ className: o, children: t, asChild: e = !1, ...n }, a) => /* @__PURE__ */ r(
101
+ e ? p : "div",
102
+ {
103
+ ref: a,
104
+ className: s(
105
+ "mt-6 flex flex-wrap items-center justify-center gap-3",
106
+ o
107
+ ),
108
+ "data-component": "empty-container-action",
109
+ ...n,
110
+ children: t
111
+ }
112
+ ));
106
113
  A.displayName = "EmptyContainerAction";
107
114
  export {
108
115
  R as EmptyContainer,
@@ -1,7 +1,7 @@
1
1
  import { FilterPanelHeaderProps, FilterPanelProps, FilterPanelSidebarProps, FilterPanelBodyProps, FilterPanelFooterProps } from '../types/filter-panel.types';
2
- declare const FilterPanelHeader: ({ title, children, className }: FilterPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const FilterPanelHeader: ({ title, children, className, }: FilterPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
3
3
  declare const FilterPanel: ({ open, onOpenChange, title, children, header, sidebar, className, preventClose, }: FilterPanelProps) => import("react/jsx-runtime").JSX.Element;
4
4
  declare const FilterPanelSidebar: ({ items, activeTab, onTabChange, className, }: FilterPanelSidebarProps) => import("react/jsx-runtime").JSX.Element;
5
5
  declare const FilterPanelBody: ({ children, className }: FilterPanelBodyProps) => import("react/jsx-runtime").JSX.Element;
6
- declare const FilterPanelFooter: ({ children, className, leftAction }: FilterPanelFooterProps) => import("react/jsx-runtime").JSX.Element;
6
+ declare const FilterPanelFooter: ({ children, className, leftAction, }: FilterPanelFooterProps) => import("react/jsx-runtime").JSX.Element;
7
7
  export { FilterPanel, FilterPanelHeader, FilterPanelSidebar, FilterPanelBody, FilterPanelFooter, };