impact-nova 2.0.1 → 2.0.3

package/dist/components/ui/date-picker/week-picker.js

@@ -1,15 +1,15 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
 import * as s from "react";
 import { Cross as te, CalendarMonth as oe } from "impact-nova-icons";
 import { isValid as w, parse as P, format as B } from "date-fns";
 import { cn as re, padValidDateString as se, maskDate as ie } from "../../../lib/utils.js";
 import { Input as ce } from "../input.js";
-import { Popover as le, PopoverTrigger as ae, PopoverContent as pe } from "../popover.js";
+import { Popover as le, PopoverAnchor as ae, PopoverContent as pe } from "../popover.js";
 import { Calendar as de } from "../calendar.js";
 import { Tooltip as E, TooltipTrigger as O, TooltipContent as $ } from "../tooltip.js";
 import { resolveWeekSelection as fe } from "../../../lib/fiscal-calendar.js";
-import { getDateFnsLocale as ue } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as he } from "../../../i18n/ImpactNovaI18nContext.js";
+import { getDateFnsLocale as he } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as ue } from "../../../i18n/ImpactNovaI18nContext.js";
 const p = (e, i = "MM/dd/yyyy", n) => {
   const y = B(e.startDate, i, n ? { locale: n } : {}), C = B(e.endDate, i, n ? { locale: n } : {});
   return `${y} - ${C}`;
@@ -28,43 +28,43 @@ const p = (e, i = "MM/dd/yyyy", n) => {
     fiscalMode: S = "basic",
     selectionMode: N = "week",
     fiscalMonthPattern: b,
-    fiscalYearStartMonth: T = 1,
-    weekStartsOn: V = 1,
+    fiscalYearStartMonth: V = 1,
+    weekStartsOn: A = 1,
     disabled: D,
     className: J,
     ...K
   }, Q) => {
-    const { locale: M, t: g } = he(), o = s.useMemo(() => ue(M), [M]), U = y ?? g("datePicker.selectWeek"), A = s.useRef(null);
-    s.useRef(null), s.useImperativeHandle(Q, () => A.current);
-    const [c, h] = s.useState(!1), [L, l] = s.useState(e), [f, a] = s.useState(e ? p(e, n, o) : ""), [X, W] = s.useState(e?.startDate || /* @__PURE__ */ new Date());
+    const { locale: M, t: k } = ue(), o = s.useMemo(() => he(M), [M]), U = y ?? k("datePicker.selectWeek"), T = s.useRef(null);
+    s.useRef(null), s.useImperativeHandle(Q, () => T.current);
+    const [c, u] = s.useState(!1), [L, l] = s.useState(e), [f, a] = s.useState(e ? p(e, n, o) : ""), [X, W] = s.useState(e?.startDate || /* @__PURE__ */ new Date());
     s.useEffect(() => {
       c || (a(e ? p(e, n, o) : ""), l(e));
     }, [c, e, n, o]), s.useEffect(() => {
       c && (l(e), W(e?.startDate || /* @__PURE__ */ new Date()), a(e ? p(e, n, o) : ""));
     }, [c, e, n, o]);
     const Z = (t) => {
-      l(t), t && a(p(t, n, o)), d || (i?.(t), h(!1));
+      l(t), t && a(p(t, n, o)), d || (i?.(t), u(!1));
     }, _ = (t) => {
-      i?.(t !== void 0 ? t : L), h(!1);
+      i?.(t !== void 0 ? t : L), u(!1);
     }, Y = () => {
-      l(e), a(e ? p(e, n, o) : ""), h(!1);
+      l(e), a(e ? p(e, n, o) : ""), u(!1);
     }, R = () => {
-      l(void 0), a(""), i?.(void 0), d || h(!1);
+      l(void 0), a(""), i?.(void 0), d || u(!1);
     }, j = (t) => fe(t, {
       calendarType: I,
       fiscalMode: S,
       selectionMode: N,
       fiscalMonthPattern: b,
-      fiscalYearStartMonth: T,
-      weekStartsOn: V
+      fiscalYearStartMonth: V,
+      weekStartsOn: A
     }), F = (t) => {
-      const m = t.target.value, u = ie(m, n, f);
-      if (a(u), u === "") {
+      const m = t.target.value, h = ie(m, n, f);
+      if (a(h), h === "") {
         l(void 0), d || i?.(void 0);
         return;
       }
-      const x = P(u, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (w(x) && u.length === n.length) {
+      const x = P(h, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (w(x) && h.length === n.length) {
         const z = j(x);
         l(z), W(x), d || i?.(z);
       }
@@ -74,15 +74,15 @@ const p = (e, i = "MM/dd/yyyy", n) => {
       if (!w(m) || t.length !== n.length)
         a(e ? p(e, n, o) : ""), l(e);
       else if (a(t), !d) {
-        const u = j(m);
-        i?.(u);
+        const h = j(m);
+        i?.(h);
       }
     }, v = (e ? p(e, n, o) : "") !== f, ne = f.length === n.length && !w(P(f, n, /* @__PURE__ */ new Date(), { locale: o }));
-    return /* @__PURE__ */ k(le, { open: c, onOpenChange: (t) => !D && h(t), children: [
+    return /* @__PURE__ */ g(le, { open: c, onOpenChange: (t) => !D && u(t), children: [
       /* @__PURE__ */ r(ae, { asChild: !0, children: /* @__PURE__ */ r("div", { "data-component": "week-picker", "data-state": c ? "open" : "closed", "data-pending": v || void 0, children: /* @__PURE__ */ r(
         ce,
         {
-          ref: A,
+          ref: T,
           value: f,
           onChange: F,
           onBlur: ee,
@@ -95,14 +95,14 @@ const p = (e, i = "MM/dd/yyyy", n) => {
             ne ? "text-destructive" : v ? "text-content-muted" : "",
             J
           ),
-          suffix: /* @__PURE__ */ k("div", { className: "flex items-center gap-1", children: [
-            e && !D && /* @__PURE__ */ k(E, { children: [
+          suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
+            e && !D && /* @__PURE__ */ g(E, { children: [
               /* @__PURE__ */ r(O, { asChild: !0, children: /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
                   tabIndex: 0,
-                  "aria-label": g("calendar.clear"),
+                  "aria-label": k("calendar.clear"),
                   onClick: (t) => {
                     t.stopPropagation(), R();
                   },
@@ -110,11 +110,11 @@ const p = (e, i = "MM/dd/yyyy", n) => {
                   children: /* @__PURE__ */ r(te, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ r($, { variant: "tertiary", side: "top", children: g("calendar.clear") })
+              /* @__PURE__ */ r($, { variant: "tertiary", side: "top", children: k("calendar.clear") })
             ] }),
-            /* @__PURE__ */ k(E, { children: [
+            /* @__PURE__ */ g(E, { children: [
               /* @__PURE__ */ r(O, { asChild: !0, children: /* @__PURE__ */ r(oe, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ r($, { variant: "tertiary", side: "top", children: g("datePicker.selectWeek") })
+              /* @__PURE__ */ r($, { variant: "tertiary", side: "top", children: k("datePicker.selectWeek") })
             ] })
           ] }),
           ...K
@@ -143,8 +143,8 @@ const p = (e, i = "MM/dd/yyyy", n) => {
               fiscalMode: S,
               selectionMode: N,
               fiscalMonthPattern: b,
-              fiscalYearStartMonth: T,
-              weekStartsOn: V,
+              fiscalYearStartMonth: V,
+              weekStartsOn: A,
               onApply: _,
               onCancel: Y,
               onClear: R,

package/dist/components/ui/date-picker/week-range-picker.js

@@ -3,7 +3,7 @@ import * as c from "react";
 import { Cross as Ne, CalendarMonth as Re, Info as Z } from "impact-nova-icons";
 import { format as s, isValid as C, parse as I } from "date-fns";
 import { cn as p, padValidDateString as $, maskDate as Y } from "../../../lib/utils.js";
-import { Popover as Se, PopoverTrigger as Ce, PopoverContent as Ie } from "../popover.js";
+import { Popover as Se, PopoverAnchor as Ce, PopoverContent as Ie } from "../popover.js";
 import { Calendar as Pe } from "../calendar.js";
 import { Tooltip as _, TooltipTrigger as F, TooltipContent as ee } from "../tooltip.js";
 import { resolveWeekSelection as We } from "../../../lib/fiscal-calendar.js";
@@ -24,8 +24,8 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
     fiscalMode: K = "basic",
     selectionMode: M = "week",
     fiscalMonthPattern: B,
-    fiscalYearStartMonth: T = 1,
-    weekStartsOn: O = 1,
+    fiscalYearStartMonth: O = 1,
+    weekStartsOn: T = 1,
     disabled: i,
     className: se,
     isError: D,
@@ -59,42 +59,42 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
       fiscalMode: K,
       selectionMode: M,
       fiscalMonthPattern: B,
-      fiscalYearStartMonth: T,
-      weekStartsOn: O
+      fiscalYearStartMonth: O,
+      weekStartsOn: T
     }), ue = (e) => {
       const w = e.target.value, d = Y(w, n, R);
       if (u(d), d === "") {
-        const h = { from: void 0, to: v?.to };
-        m(h), y || b?.(h);
+        const g = { from: void 0, to: v?.to };
+        m(g), y || b?.(g);
         return;
       }
-      const g = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (C(g) && d.length === n.length) {
-        const N = { from: E(g), to: v?.to };
+      const h = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (C(h) && d.length === n.length) {
+        const N = { from: E(h), to: v?.to };
         m(N), x(s(a(N), n, { locale: o })), y || b?.(N);
       }
     }, xe = (e) => {
       const w = e.target.value, d = Y(w, n, S);
       if (x(d), d === "") {
-        const h = { from: v?.from, to: void 0 };
-        m(h), y || b?.(h);
+        const g = { from: v?.from, to: void 0 };
+        m(g), y || b?.(g);
         return;
       }
-      const g = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (C(g) && d.length === n.length) {
-        const h = E(g), N = { from: v?.from, to: h };
-        m(N), v?.from && u(s(v.from.startDate, n, { locale: o })), g && j(g), y || b?.(N);
+      const h = I(d, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (C(h) && d.length === n.length) {
+        const g = E(h), N = { from: v?.from, to: g };
+        m(N), v?.from && u(s(v.from.startDate, n, { locale: o })), h && j(h), y || b?.(N);
       }
     }, X = () => {
       if (r) return;
-      const e = $(R, n), w = $(S, n), d = I(e, n, /* @__PURE__ */ new Date(), { locale: o }), g = I(w, n, /* @__PURE__ */ new Date(), { locale: o }), h = C(d) && e.length === n.length, N = C(g) && w.length === n.length;
-      if (!h || !N)
+      const e = $(R, n), w = $(S, n), d = I(e, n, /* @__PURE__ */ new Date(), { locale: o }), h = I(w, n, /* @__PURE__ */ new Date(), { locale: o }), g = C(d) && e.length === n.length, N = C(h) && w.length === n.length;
+      if (!g || !N)
         u(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), x(a(t) ? s(a(t), n, { locale: o }) : ""), m(t);
       else if (u(e), x(w), !y) {
-        const De = E(d), ve = E(g);
+        const De = E(d), ve = E(h);
         b?.({ from: De, to: ve });
       }
-    }, ge = t?.from ? s(t.from.startDate, n, { locale: o }) : "", he = a(t) ? s(a(t), n, { locale: o }) : "", ke = ge !== R, we = he !== S, be = R.length === n.length && !C(I(R, n, /* @__PURE__ */ new Date(), { locale: o })), ye = S.length === n.length && !C(I(S, n, /* @__PURE__ */ new Date(), { locale: o }));
+    }, he = t?.from ? s(t.from.startDate, n, { locale: o }) : "", ge = a(t) ? s(a(t), n, { locale: o }) : "", ke = he !== R, we = ge !== S, be = R.length === n.length && !C(I(R, n, /* @__PURE__ */ new Date(), { locale: o })), ye = S.length === n.length && !C(I(S, n, /* @__PURE__ */ new Date(), { locale: o }));
     return /* @__PURE__ */ f("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "week-range-picker", "data-disabled": i || void 0, children: [
       /* @__PURE__ */ f("div", { className: "flex flex-col gap-[6px]", children: [
         q && /* @__PURE__ */ f(
@@ -237,8 +237,8 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                         fiscalMode: K,
                         selectionMode: M,
                         fiscalMonthPattern: B,
-                        fiscalYearStartMonth: T,
-                        weekStartsOn: O,
+                        fiscalYearStartMonth: O,
+                        weekStartsOn: T,
                         onApply: me,
                         onCancel: z,
                         onClear: U,

package/dist/components/ui/dynamic-layout.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const dynamicLayoutVariants: (props?: {
     layout?: "grid" | "flex" | "stack";
-    columns?: 1 | 4 | 3 | 2 | 12 | 6;
+    columns?: 1 | 4 | 3 | 2 | 6 | 12;
     gap?: "none" | "sm" | "md" | "lg" | "xl";
 } & import('class-variance-authority/types').ClassProp) => string;
 export interface DynamicLayoutProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dynamicLayoutVariants> {

package/dist/components/ui/empty-container/assets/empty-state-1.webp.js

@@ -1,4 +1,4 @@
-const t = new URL("../../../../assets/empty-state-1-Bqh-20pq.webp", import.meta.url).href;
+const t = new URL("../../../../assets/empty-state-1-3H9kriwm.webp", import.meta.url).href;
 export {
   t as default
 };

package/dist/components/ui/empty-container/assets/empty-state-2.webp.js

@@ -1,4 +1,4 @@
-const t = new URL("../../../../assets/empty-state-2-DPMRkOBw.webp", import.meta.url).href;
+const e = new URL("../../../../assets/empty-state-2-Brn6WD3e.webp", import.meta.url).href;
 export {
-  t as default
+  e as default
 };

package/dist/components/ui/empty-container/assets/empty-state-3.webp.js

@@ -1,4 +1,4 @@
-const t = new URL("../../../../assets/empty-state-3-BqSOh0-t.webp", import.meta.url).href;
+const t = new URL("../../../../assets/empty-state-3-CqLldG5q.webp", import.meta.url).href;
 export {
   t as default
 };

package/dist/components/ui/empty-container/assets/empty-state-4.webp.js

@@ -1,4 +1,4 @@
-const t = new URL("../../../../assets/empty-state-4-CjN-c01q.webp", import.meta.url).href;
+const t = new URL("../../../../assets/empty-state-4-Br-xaUJO.webp", import.meta.url).href;
 export {
   t as default
 };

package/dist/components/ui/empty-container/assets/empty-state-5.webp.js

@@ -1,4 +1,4 @@
-const t = new URL("../../../../assets/empty-state-5-D4RMA1H1.webp", import.meta.url).href;
+const t = new URL("../../../../assets/empty-state-5-BanvbHv1.webp", import.meta.url).href;
 export {
   t as default
 };

package/dist/components/ui/empty-container/assets/empty-state-6.webp.js

@@ -1,4 +1,4 @@
-const t = new URL("../../../../assets/empty-state-6-Dlnf1-2W.webp", import.meta.url).href;
+const e = new URL("../../../../assets/empty-state-6-Egbfj9Fe.webp", import.meta.url).href;
 export {
-  t as default
+  e as default
 };

package/dist/components/ui/empty-container/emptyStateIllustrations.d.ts

@@ -7,7 +7,7 @@ import { default as emptyState6Url } from './assets/empty-state-6.webp?url';
 export interface EmptyStateImageEntry {
     width: number;
     height: number;
-    src: string;
+    loadSrc: () => Promise<string>;
 }
-export declare const EMPTY_STATE_IMAGES: EmptyStateImageEntry[];
+export declare const EMPTY_STATE_IMAGE_LOADERS: EmptyStateImageEntry[];
 export { emptyState1Url as EmptyState1Url, emptyState2Url as EmptyState2Url, emptyState3Url as EmptyState3Url, emptyState4Url as EmptyState4Url, emptyState5Url as EmptyState5Url, emptyState6Url as EmptyState6Url, };

package/dist/components/ui/empty-container/emptyStateIllustrations.js

@@ -1,23 +1,35 @@
-import t from "./assets/empty-state-1.webp.js";
-import r from "./assets/empty-state-2.webp.js";
-import e from "./assets/empty-state-3.webp.js";
-import m from "./assets/empty-state-4.webp.js";
-import p from "./assets/empty-state-5.webp.js";
-import a from "./assets/empty-state-6.webp.js";
-const y = [
-  { width: 225, height: 150, src: t },
-  { width: 200, height: 200, src: r },
-  { width: 225, height: 150, src: e },
-  { width: 250, height: 180, src: m },
-  { width: 225, height: 150, src: p },
-  { width: 225, height: 150, src: a }
+const h = [
+  {
+    width: 225,
+    height: 150,
+    loadSrc: () => import("./assets/empty-state-1.webp.js").then((t) => t.default)
+  },
+  {
+    width: 200,
+    height: 200,
+    loadSrc: () => import("./assets/empty-state-2.webp.js").then((t) => t.default)
+  },
+  {
+    width: 225,
+    height: 150,
+    loadSrc: () => import("./assets/empty-state-3.webp.js").then((t) => t.default)
+  },
+  {
+    width: 250,
+    height: 180,
+    loadSrc: () => import("./assets/empty-state-4.webp.js").then((t) => t.default)
+  },
+  {
+    width: 225,
+    height: 150,
+    loadSrc: () => import("./assets/empty-state-5.webp.js").then((t) => t.default)
+  },
+  {
+    width: 225,
+    height: 150,
+    loadSrc: () => import("./assets/empty-state-6.webp.js").then((t) => t.default)
+  }
 ];
 export {
-  y as EMPTY_STATE_IMAGES,
-  t as EmptyState1Url,
-  r as EmptyState2Url,
-  e as EmptyState3Url,
-  m as EmptyState4Url,
-  p as EmptyState5Url,
-  a as EmptyState6Url
+  h as EMPTY_STATE_IMAGE_LOADERS
 };

package/dist/components/ui/empty-container.js

@@ -1,93 +1,117 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as m from "react";
-import { Slot as c } from "@radix-ui/react-slot";
-import { cn as l } from "../../lib/utils.js";
-import { EMPTY_STATE_IMAGES as u } from "./empty-container/emptyStateIllustrations.js";
-const E = m.forwardRef(
-  ({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ r(
-    e ? c : "div",
+import { jsx as s } from "react/jsx-runtime";
+import * as i from "react";
+import { Slot as f } from "@radix-ui/react-slot";
+import { cn as d } from "../../lib/utils.js";
+import { EMPTY_STATE_IMAGE_LOADERS as y } from "./empty-container/emptyStateIllustrations.js";
+const b = i.forwardRef(
+  ({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ s(
+    e ? f : "div",
     {
       ref: n,
-      className: l(
+      className: d(
         "flex flex-col items-center justify-center py-16 px-5 text-center animate-in fade-in zoom-in duration-300 border border-stroke-subtle rounded-xl bg-canvas-elevated w-[884px] min-w-[884px] h-auto",
         a
       ),
       "data-component": "empty-container",
       ...o,
-      children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center max-w-[650px]", children: t })
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center max-w-[650px]", children: t })
     }
   )
 );
-E.displayName = "EmptyContainer";
-const b = m.forwardRef(
+b.displayName = "EmptyContainer";
+const S = i.forwardRef(
   ({
     className: a,
     children: t,
     src: e,
     alt: o = "",
     width: n,
-    height: i,
-    asChild: y = !1,
-    ...p
-  }, x) => {
-    const [f] = m.useState(() => t || e ? null : Math.floor(Math.random() * u.length)), s = f !== null ? u[f] : null, C = n || (t ? "auto" : s?.width ?? 225), g = i || (t ? "auto" : s?.height ?? 150), h = () => {
+    height: m,
+    asChild: p = !1,
+    ...u
+  }, g) => {
+    const [h] = i.useState(() => t || e ? null : Math.floor(Math.random() * y.length)), [l, x] = i.useState(null), r = h !== null ? y[h] : null;
+    i.useEffect(() => {
+      if (t || e || !r)
+        return;
+      let c = !1;
+      return r.loadSrc().then((N) => {
+        c || x({
+          imageSource: N,
+          width: r.width,
+          height: r.height
+        });
+      }), () => {
+        c = !0;
+      };
+    }, [t, r, e]);
+    const C = n || (t ? "auto" : l?.width ?? r?.width ?? 225), E = m || (t ? "auto" : l?.height ?? r?.height ?? 150), w = () => {
       if (t)
         return t;
-      const d = e ?? s?.src;
-      return d ? /* @__PURE__ */ r(
+      const c = e ?? l?.imageSource;
+      return c ? /* @__PURE__ */ s(
         "img",
         {
-          src: d,
+          src: c,
           alt: o,
           className: "object-contain shrink-0 select-none",
           style: {
-            width: n || s?.width || "100%",
-            height: i || s?.height || "100%"
+            width: n || l?.width || r?.width || "100%",
+            height: m || l?.height || r?.height || "100%"
           }
         }
       ) : null;
     };
-    return /* @__PURE__ */ r(
-      y ? c : "div",
+    return /* @__PURE__ */ s(
+      p ? f : "div",
       {
-        ref: x,
-        className: l(
+        ref: g,
+        className: d(
           "mb-4 flex items-center justify-center relative",
           "after:absolute after:inset-0 after:bg-brand/5 after:blur-3xl after:-z-10 after:rounded-full",
           a
         ),
         style: {
           width: C,
-          height: g,
-          ...p.style
+          height: E,
+          ...u.style
         },
         "data-component": "empty-container-image",
-        ...p,
-        children: h()
+        ...u,
+        children: w()
       }
     );
   }
 );
-b.displayName = "EmptyContainerImage";
-const w = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ r(
-  e ? c : "h3",
-  {
-    ref: n,
-    className: l(
-      "text-xl font-bold tracking-tight leading-[30px] text-content",
-      a
-    ),
-    "data-component": "empty-container-title",
-    ...o,
-    children: t
-  }
-));
-w.displayName = "EmptyContainerTitle";
-const N = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ r(
-  e ? c : "p",
+S.displayName = "EmptyContainerImage";
+const I = {
+  2: "h2",
+  3: "h3",
+  4: "h4",
+  5: "h5",
+  6: "h6"
+}, A = i.forwardRef(({ className: a, children: t, asChild: e = !1, headingLevel: o = 2, ...n }, m) => {
+  const p = e ? f : I[o];
+  return /* @__PURE__ */ s(
+    p,
+    {
+      ref: m,
+      className: d(
+        "text-xl font-bold tracking-tight leading-[30px] text-content",
+        a
+      ),
+      "data-component": "empty-container-title",
+      ...n,
+      children: t
+    }
+  );
+});
+A.displayName = "EmptyContainerTitle";
+const R = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ s(
+  e ? f : "p",
   {
     ref: n,
-    className: l(
+    className: d(
       "text-base leading-[21px] mt-1 font-medium text-secondary-foreground",
       a
     ),
@@ -96,12 +120,12 @@ const N = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n)
     children: t
   }
 ));
-N.displayName = "EmptyContainerDescription";
-const v = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ r(
-  e ? c : "div",
+R.displayName = "EmptyContainerDescription";
+const T = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ s(
+  e ? f : "div",
   {
     ref: n,
-    className: l(
+    className: d(
       "mt-6 flex flex-wrap items-center justify-center gap-3",
       a
     ),
@@ -110,11 +134,11 @@ const v = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n)
     children: t
   }
 ));
-v.displayName = "EmptyContainerAction";
+T.displayName = "EmptyContainerAction";
 export {
-  E as EmptyContainer,
-  v as EmptyContainerAction,
-  N as EmptyContainerDescription,
-  b as EmptyContainerImage,
-  w as EmptyContainerTitle
+  b as EmptyContainer,
+  T as EmptyContainerAction,
+  R as EmptyContainerDescription,
+  S as EmptyContainerImage,
+  A as EmptyContainerTitle
 };