impact-nova 1.9.0-alpha.2 → 1.9.0-alpha.3

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

@@ -1,24 +1,35 @@
-import e from "./assets/empty-state-1.webp.js";
-import m from "./assets/empty-state-2.webp.js";
-import o from "./assets/empty-state-3.webp.js";
-import p from "./assets/empty-state-4.webp.js";
-import r from "./assets/empty-state-5.webp.js";
-import a from "./assets/empty-state-6.webp.js";
-import { createImage as t } from "../../../lib/createImage.js";
-const S = t("EmptyState1", e), i = t("EmptyState2", m), n = t("EmptyState3", o), s = t("EmptyState4", p), h = t("EmptyState5", r), y = t("EmptyState6", a), w = [
-  { Component: S, width: 225, height: 150 },
-  { Component: i, width: 200, height: 200 },
-  { Component: n, width: 225, height: 150 },
-  { Component: s, width: 250, height: 180 },
-  { Component: h, width: 225, height: 150 },
-  { Component: y, width: 225, height: 150 }
+const t = [
+  {
+    width: 225,
+    height: 150,
+    load: () => import("./illustrations/empty-state-1.js")
+  },
+  {
+    width: 200,
+    height: 200,
+    load: () => import("./illustrations/empty-state-2.js")
+  },
+  {
+    width: 225,
+    height: 150,
+    load: () => import("./illustrations/empty-state-3.js")
+  },
+  {
+    width: 250,
+    height: 180,
+    load: () => import("./illustrations/empty-state-4.js")
+  },
+  {
+    width: 225,
+    height: 150,
+    load: () => import("./illustrations/empty-state-5.js")
+  },
+  {
+    width: 225,
+    height: 150,
+    load: () => import("./illustrations/empty-state-6.js")
+  }
 ];
 export {
-  w as EMPTY_STATE_IMAGES,
-  S as EmptyState1,
-  i as EmptyState2,
-  n as EmptyState3,
-  s as EmptyState4,
-  h as EmptyState5,
-  y as EmptyState6
+  t as EMPTY_STATE_IMAGES
 };

package/dist/components/ui/empty-container/illustrations/empty-state-1.d.ts

@@ -0,0 +1,3 @@
+declare const Component: import('impact-nova-icons').ImageComponent;
+export default Component;
+export { Component };

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

@@ -0,0 +1,7 @@
+import t from "../assets/empty-state-1.webp.js";
+import { createImage as e } from "../../../../lib/createImage.js";
+const r = e("EmptyState1", t);
+export {
+  r as Component,
+  r as default
+};

package/dist/components/ui/empty-container/illustrations/empty-state-2.d.ts

@@ -0,0 +1,3 @@
+declare const Component: import('impact-nova-icons').ImageComponent;
+export default Component;
+export { Component };

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

@@ -0,0 +1,7 @@
+import t from "../assets/empty-state-2.webp.js";
+import { createImage as e } from "../../../../lib/createImage.js";
+const r = e("EmptyState2", t);
+export {
+  r as Component,
+  r as default
+};

package/dist/components/ui/empty-container/illustrations/empty-state-3.d.ts

@@ -0,0 +1,3 @@
+declare const Component: import('impact-nova-icons').ImageComponent;
+export default Component;
+export { Component };

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

@@ -0,0 +1,7 @@
+import t from "../assets/empty-state-3.webp.js";
+import { createImage as e } from "../../../../lib/createImage.js";
+const r = e("EmptyState3", t);
+export {
+  r as Component,
+  r as default
+};

package/dist/components/ui/empty-container/illustrations/empty-state-4.d.ts

@@ -0,0 +1,3 @@
+declare const Component: import('impact-nova-icons').ImageComponent;
+export default Component;
+export { Component };

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

@@ -0,0 +1,7 @@
+import t from "../assets/empty-state-4.webp.js";
+import { createImage as e } from "../../../../lib/createImage.js";
+const r = e("EmptyState4", t);
+export {
+  r as Component,
+  r as default
+};

package/dist/components/ui/empty-container/illustrations/empty-state-5.d.ts

@@ -0,0 +1,3 @@
+declare const Component: import('impact-nova-icons').ImageComponent;
+export default Component;
+export { Component };

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

@@ -0,0 +1,7 @@
+import t from "../assets/empty-state-5.webp.js";
+import { createImage as e } from "../../../../lib/createImage.js";
+const r = e("EmptyState5", t);
+export {
+  r as Component,
+  r as default
+};

package/dist/components/ui/empty-container/illustrations/empty-state-6.d.ts

@@ -0,0 +1,3 @@
+declare const Component: import('impact-nova-icons').ImageComponent;
+export default Component;
+export { Component };

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

@@ -0,0 +1,7 @@
+import t from "../assets/empty-state-6.webp.js";
+import { createImage as e } from "../../../../lib/createImage.js";
+const r = e("EmptyState6", t);
+export {
+  r as Component,
+  r as default
+};

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

@@ -1,72 +1,79 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as m from "react";
+import { jsx as m } from "react/jsx-runtime";
+import * as r from "react";
 import { Slot as s } from "@radix-ui/react-slot";
-import { cn as l } from "../../lib/utils.js";
-import { EMPTY_STATE_IMAGES as p } from "./empty-container/emptyStateIllustrations.js";
-const E = m.forwardRef(
-  ({ className: a, children: t, asChild: e = !1, ...n }, o) => /* @__PURE__ */ r(
+import { cn as c } from "../../lib/utils.js";
+import { EMPTY_STATE_IMAGES as f } from "./empty-container/emptyStateIllustrations.js";
+const b = r.forwardRef(
+  ({ className: a, children: t, asChild: e = !1, ...n }, o) => /* @__PURE__ */ m(
     e ? s : "div",
     {
       ref: o,
-      className: l(
+      className: c(
         "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",
       ...n,
-      children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center max-w-[650px]", children: t })
+      children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center max-w-[650px]", children: t })
     }
   )
 );
-E.displayName = "EmptyContainer";
-const w = m.forwardRef(({ className: a, children: t, width: e, height: n, asChild: o = !1, ...i }, d) => {
-  const [c, v] = m.useState(() => t ? null : Math.floor(Math.random() * p.length)), u = () => {
-    if (t) return t;
-    if (c !== null) {
-      const {
-        Component: C,
-        width: g,
-        height: h
-      } = p[c];
-      return /* @__PURE__ */ r(
-        C,
-        {
-          size: "100%",
-          style: {
-            width: e || g,
-            height: n || h
-          }
+b.displayName = "EmptyContainer";
+const N = r.forwardRef(({ className: a, children: t, width: e, height: n, asChild: o = !1, ...l }, x) => {
+  const [i] = r.useState(() => t ? null : Math.floor(Math.random() * f.length)), [d, C] = r.useState(null);
+  r.useEffect(() => {
+    if (t || i === null)
+      return;
+    let p = !1;
+    return f[i].load().then((w) => {
+      p || C(() => w.Component);
+    }), () => {
+      p = !0;
+    };
+  }, [t, i]);
+  const g = () => {
+    if (t)
+      return t;
+    if (i === null || !d)
+      return null;
+    const { width: p, height: y } = f[i];
+    return /* @__PURE__ */ m(
+      d,
+      {
+        size: "100%",
+        style: {
+          width: e || p,
+          height: n || y
         }
-      );
-    }
-    return null;
-  }, f = c !== null ? p[c] : null, y = e || (t ? "auto" : f?.width || 225), x = n || (t ? "auto" : f?.height || 150);
-  return /* @__PURE__ */ r(
+      }
+    );
+  }, u = i !== null ? f[i] : null, h = e || (t ? "auto" : u?.width || 225), E = n || (t ? "auto" : u?.height || 150);
+  return /* @__PURE__ */ m(
     o ? s : "div",
     {
-      ref: d,
-      className: l(
+      ref: x,
+      className: c(
         "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: y,
-        height: x,
-        ...i.style
+        width: h,
+        height: E,
+        ...l.style
       },
       "data-component": "empty-container-image",
-      ...i,
-      children: u()
+      ...l,
+      children: g()
     }
   );
 });
-w.displayName = "EmptyContainerImage";
-const b = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...n }, o) => /* @__PURE__ */ r(
+N.displayName = "EmptyContainerImage";
+const I = r.forwardRef(({ className: a, children: t, asChild: e = !1, ...n }, o) => /* @__PURE__ */ m(
   e ? s : "h3",
   {
     ref: o,
-    className: l(
+    className: c(
       "text-xl font-bold tracking-tight leading-[30px] text-content",
       a
     ),
@@ -75,12 +82,12 @@ const b = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...n }, o)
     children: t
   }
 ));
-b.displayName = "EmptyContainerTitle";
-const N = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...n }, o) => /* @__PURE__ */ r(
+I.displayName = "EmptyContainerTitle";
+const v = r.forwardRef(({ className: a, children: t, asChild: e = !1, ...n }, o) => /* @__PURE__ */ m(
   e ? s : "p",
   {
     ref: o,
-    className: l(
+    className: c(
       "text-base leading-[21px] mt-1 font-medium text-secondary-foreground",
       a
     ),
@@ -89,12 +96,12 @@ const N = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...n }, o)
     children: t
   }
 ));
-N.displayName = "EmptyContainerDescription";
-const I = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...n }, o) => /* @__PURE__ */ r(
+v.displayName = "EmptyContainerDescription";
+const R = r.forwardRef(({ className: a, children: t, asChild: e = !1, ...n }, o) => /* @__PURE__ */ m(
   e ? s : "div",
   {
     ref: o,
-    className: l(
+    className: c(
       "mt-6 flex flex-wrap items-center justify-center gap-3",
       a
     ),
@@ -103,11 +110,11 @@ const I = m.forwardRef(({ className: a, children: t, asChild: e = !1, ...n }, o)
     children: t
   }
 ));
-I.displayName = "EmptyContainerAction";
+R.displayName = "EmptyContainerAction";
 export {
-  E as EmptyContainer,
-  I as EmptyContainerAction,
-  N as EmptyContainerDescription,
-  w as EmptyContainerImage,
-  b as EmptyContainerTitle
+  b as EmptyContainer,
+  R as EmptyContainerAction,
+  v as EmptyContainerDescription,
+  N as EmptyContainerImage,
+  I as EmptyContainerTitle
 };

package/dist/components/ui/progress-bar.js

@@ -0,0 +1,4 @@
+import { Progress as o } from "./progress.js";
+export {
+  o as ProgressBar
+};

package/dist/index.d.ts

@@ -58,63 +58,7 @@ export * from './components/ui/tooltip';
 export * from './components/ui/data-table';
 export * from './components/ui/command-palette';
 export type { ImpactNovaMessages } from './i18n';
-export * from './components/ui/accordion-nested-list';
-export * from './components/ui/accordion';
-export * from './components/ui/alert-dialog';
-export * from './components/ui/alert';
-export * from './components/ui/avatar';
-export * from './components/ui/badge';
-export * from './components/ui/breadcrumb';
-export * from './components/ui/button-group';
-export * from './components/ui/button';
-export * from './components/ui/calendar';
-export * from './components/ui/card';
-export * from './components/ui/chart';
-export * from './components/ui/checkbox';
-export * from './components/ui/chips';
-export * from './components/ui/combobox';
-export * from './components/ui/date-picker';
-export * from './components/ui/dialog';
-export * from './components/ui/drawer';
-export * from './components/ui/dropdown-menu';
-export * from './components/ui/dynamic-layout';
-export * from './components/ui/empty-container';
-export * from './components/ui/file-upload';
-export * from './components/ui/filter-panel';
-export * from './components/ui/filter-strip';
-export * from './components/ui/header';
-export * from './components/ui/horizontal-scroller';
-export * from './components/ui/hover-card';
-export * from './components/ui/input';
-export * from './components/ui/loader';
-export * from './components/ui/nested-list';
-export * from './components/ui/notification-panel';
-export * from './components/ui/popover';
-export * from './components/ui/portal';
-export * from './components/ui/progress-bar';
-export * from './components/ui/progress';
-export * from './components/ui/prompt';
-export * from './components/ui/radio-group';
-export * from './components/ui/select';
-export * from './components/ui/separator';
-export * from './components/ui/sheet';
-export * from './components/ui/sidebar';
-export * from './components/ui/skeleton';
-export * from './components/ui/slider';
-export * from './components/ui/smart-input';
-export * from './components/ui/statistics-card';
-export * from './components/ui/stepper';
-export * from './components/ui/switch';
-export * from './components/ui/tabs';
-export * from './components/ui/tag-group';
-export * from './components/ui/tag';
-export * from './components/ui/textarea';
-export * from './components/ui/toast';
-export * from './components/ui/toaster';
 export { useToast, toast } from './hooks/use-toast';
-export * from './components/ui/tooltip';
-export * from './components/ui/data-table';
-export * from './components/ui/command-palette';
 export * from './components/ui/wizard';
 export * from './components/ui/choice-card';
 export { AG_GRID_VALUE_FORMATTERS, type AGGridFormatterName, } from './components/ui/ag-grid-react/value-formatters';