impact-nova 1.7.33 → 1.7.36

package/dist/components/ui/create-item-flow/create-item-flow.js

@@ -1,267 +1,231 @@
-import { jsx as l, jsxs as f } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as r } from "../../../lib/utils.js";
-import { Button as w } from "../button.js";
-import { ChevronLeft as g, ChevronRight as y } from "lucide-react";
-import R from "../../../icons/assets/createFlowImage.svg.js";
-const I = n.createContext(null), C = () => {
-  const t = n.useContext(I);
+import { jsx as l } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as n } from "../../../lib/utils.js";
+import C from "../../../icons/assets/createFlowImage.svg.js";
+const f = r.createContext(null), w = () => {
+  const t = r.useContext(f);
   if (!t)
     throw new Error("CreateItemFlow.* components must be used within CreateItemFlowRoot");
   return t;
-}, b = ({
+}, u = ({
   step: t = 1,
   totalSteps: e,
-  steps: a = [],
-  onStepChange: o,
-  children: i
+  steps: o = [],
+  onStepChange: a,
+  children: m
 }) => {
-  const s = e ?? a.length;
-  return /* @__PURE__ */ l(I.Provider, { value: { step: t, totalSteps: s, steps: a, onStepChange: o }, children: i });
+  const s = e ?? o.length;
+  return /* @__PURE__ */ l(f.Provider, { value: { step: t, totalSteps: s, steps: o, onStepChange: a }, children: m });
 };
-b.displayName = "CreateItemFlowRoot";
-const S = n.forwardRef(
-  ({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
+u.displayName = "CreateItemFlowRoot";
+const I = r.forwardRef(
+  ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "div",
     {
-      ref: o,
-      className: r(
+      ref: a,
+      className: n(
         "flex flex-row bg-canvas-elevated rounded-lg shadow-elevation-card overflow-hidden w-full max-w-[1496px] h-[817px] m-auto min-w-0",
         t
       ),
-      ...a,
+      ...o,
       children: e
     }
   )
 );
-S.displayName = "CreateItemFlowCard";
-const k = n.forwardRef(
-  ({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
+I.displayName = "CreateItemFlowCard";
+const F = r.forwardRef(
+  ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "div",
     {
-      ref: o,
-      className: r(
+      ref: a,
+      className: n(
         "hidden lg:flex flex-col w-[300px] xl:w-[427px] shrink-0 bg-canvas-elevated border-r border-stroke-hairline pt-[100px]",
         t
       ),
       "data-slot": "left-panel",
-      ...a,
+      ...o,
       children: e
     }
   )
 );
-k.displayName = "CreateItemFlowLeftPanel";
-const D = n.forwardRef(
-  ({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
+F.displayName = "CreateItemFlowLeftPanel";
+const h = r.forwardRef(
+  ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "h1",
     {
-      ref: o,
-      className: r("font-manrope text-[24px] font-[800] leading-[36px] text-[#0D152C] mb-3 px-6 lg:px-10 xl:px-[64px]", t),
-      ...a,
+      ref: a,
+      className: n("font-manrope text-[24px] font-[800] leading-[36px] text-[#0D152C] mb-3 px-6 lg:px-10 xl:px-[64px]", t),
+      ...o,
       children: e
     }
   )
 );
-D.displayName = "CreateItemFlowTitle";
-const j = n.forwardRef(
-  ({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
+h.displayName = "CreateItemFlowTitle";
+const N = r.forwardRef(
+  ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "p",
     {
-      ref: o,
-      className: r("font-manrope text-[12px] font-[500] leading-[16px] text-[#7A8294] px-6 lg:px-10 xl:px-[64px]", t),
-      ...a,
+      ref: a,
+      className: n("font-manrope text-[12px] font-[500] leading-[16px] text-[#7A8294] px-6 lg:px-10 xl:px-[64px]", t),
+      ...o,
       children: e
     }
   )
 );
-j.displayName = "CreateItemFlowDescription";
-const A = n.forwardRef(
-  ({ className: t, src: e, alt: a = "Create Item Flow", children: o, ...i }, s) => /* @__PURE__ */ l(
+N.displayName = "CreateItemFlowDescription";
+const g = r.forwardRef(
+  ({ className: t, src: e, alt: o = "Create Item Flow", children: a, ...m }, s) => /* @__PURE__ */ l(
     "div",
     {
       ref: s,
-      className: r(
+      className: n(
         "mt-auto shrink-0 w-[200px] xl:w-[280px] h-[120px] xl:h-[166px] mx-auto xl:ml-[73px] xl:mr-[73px] mb-[100px]",
         t
       ),
       "data-slot": "left-panel-image",
-      ...i,
-      children: o || (e ? /* @__PURE__ */ l(
+      ...m,
+      children: a || (e ? /* @__PURE__ */ l(
         "img",
         {
           src: e,
-          alt: a,
+          alt: o,
           className: "w-full h-full object-contain"
         }
       ) : /* @__PURE__ */ l(
-        R,
+        C,
         {
           className: "w-full h-full",
           role: "img",
-          "aria-label": a
+          "aria-label": o
         }
       ))
     }
   )
 );
-A.displayName = "CreateItemFlowImage";
-const P = n.forwardRef(
-  ({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
+g.displayName = "CreateItemFlowImage";
+const v = r.forwardRef(
+  ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "div",
     {
-      ref: o,
-      className: r(
+      ref: a,
+      className: n(
         "flex flex-col flex-1 min-w-0 overflow-hidden pt-[50px] px-6 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px] pb-[73px]",
         t
       ),
       "data-slot": "right-panel",
-      ...a,
+      ...o,
       children: e
     }
   )
 );
-P.displayName = "CreateItemFlowRightPanel";
-const T = n.forwardRef(
-  ({ className: t, clickable: e = !0, ...a }, o) => {
-    const { step: i, totalSteps: s, onStepChange: p } = C();
+v.displayName = "CreateItemFlowRightPanel";
+const y = r.forwardRef(
+  ({ className: t, clickable: e = !0, ...o }, a) => {
+    const { step: m, totalSteps: s, onStepChange: i } = w();
     return s <= 0 ? null : /* @__PURE__ */ l(
       "div",
       {
-        ref: o,
-        className: r("flex gap-2 mb-[42px] shrink-0", t),
+        ref: a,
+        className: n("flex gap-2 mb-[42px] shrink-0", t),
         "data-slot": "stepper",
         role: "list",
-        ...a,
-        children: Array.from({ length: s }, (u, m) => {
-          const c = m === i - 1, d = m < i - 1;
+        ...o,
+        children: Array.from({ length: s }, (P, p) => {
+          const d = p === m - 1, c = p < m - 1;
           return /* @__PURE__ */ l(
             "div",
             {
               role: "listitem",
-              "aria-label": `Step ${m + 1} of ${s}`,
-              "aria-current": c ? "step" : void 0,
-              tabIndex: e && p ? 0 : void 0,
-              onClick: () => e && p?.(m + 1),
-              onKeyDown: e && p ? (x) => {
-                (x.key === "Enter" || x.key === " ") && (x.preventDefault(), p(m + 1));
+              "aria-label": `Step ${p + 1} of ${s}`,
+              "aria-current": d ? "step" : void 0,
+              tabIndex: e && i ? 0 : void 0,
+              onClick: () => e && i?.(p + 1),
+              onKeyDown: e && i ? (x) => {
+                (x.key === "Enter" || x.key === " ") && (x.preventDefault(), i(p + 1));
               } : void 0,
-              className: r(
+              className: n(
                 "h-2 flex-1 max-w-[132px] rounded-[4px] transition-colors duration-300",
-                c || d ? "bg-[#4259ee]" : "bg-[#e8eaf6]",
-                e && p ? "cursor-pointer" : "cursor-default"
+                d || c ? "bg-[#4259ee]" : "bg-[#e8eaf6]",
+                e && i ? "cursor-pointer" : "cursor-default"
               )
             },
-            m
+            p
           );
         })
       }
     );
   }
 );
-T.displayName = "CreateItemFlowStepper";
-const L = n.forwardRef(
-  ({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
+y.displayName = "CreateItemFlowStepper";
+const R = r.forwardRef(
+  ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "h2",
     {
-      ref: o,
-      className: r("font-manrope text-[14px] font-[800] leading-[21px] text-[#0D152C]", t),
-      ...a,
+      ref: a,
+      className: n("font-manrope text-[14px] font-[800] leading-[21px] text-[#0D152C]", t),
+      ...o,
       children: e
     }
   )
 );
-L.displayName = "CreateItemFlowContentTitle";
-const B = n.forwardRef(
-  ({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
+R.displayName = "CreateItemFlowContentTitle";
+const b = r.forwardRef(
+  ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "p",
     {
-      ref: o,
-      className: r("text-[14px] font-normal leading-relaxed text-content-muted", t),
-      ...a,
+      ref: a,
+      className: n("text-[14px] font-normal leading-relaxed text-content-muted", t),
+      ...o,
       children: e
     }
   )
 );
-B.displayName = "CreateItemFlowContentDescription";
-const E = n.forwardRef(
-  ({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
+b.displayName = "CreateItemFlowContentDescription";
+const S = r.forwardRef(
+  ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "div",
     {
-      ref: o,
-      className: r("flex-1 overflow-y-auto overflow-x-hidden min-h-0 p-0.5", t),
+      ref: a,
+      className: n("flex-1 overflow-y-auto overflow-x-hidden min-h-0 p-0.5", t),
       "data-slot": "content",
-      ...a,
+      ...o,
       children: e
     }
   )
 );
-E.displayName = "CreateItemFlowContent";
-const $ = n.forwardRef(
-  ({ className: t, forStep: e, children: a, ...o }, i) => {
-    const { step: s } = C();
-    return s !== e ? null : /* @__PURE__ */ l("div", { ref: i, className: r(t), "data-step": e, ...o, children: a });
+S.displayName = "CreateItemFlowContent";
+const D = r.forwardRef(
+  ({ className: t, forStep: e, children: o, ...a }, m) => {
+    const { step: s } = w();
+    return s !== e ? null : /* @__PURE__ */ l("div", { ref: m, className: n(t), "data-step": e, ...a, children: o });
   }
 );
-$.displayName = "CreateItemFlowStepContent";
-const K = n.forwardRef(
-  ({
-    className: t,
-    children: e,
-    cancelLabel: a = "Cancel",
-    backLabel: o = "Back",
-    nextLabel: i = "Next",
-    submitLabel: s = "Submit",
-    onCancel: p,
-    onSubmit: u,
-    ...m
-  }, c) => {
-    const { step: d, totalSteps: x, onStepChange: h } = C(), F = d === 1, N = d === x, v = x <= 1;
-    return e ? /* @__PURE__ */ l(
-      "div",
-      {
-        ref: c,
-        className: r("flex items-center justify-between mt-auto shrink-0 pt-6 pb-[27px]", t),
-        "data-slot": "actions",
-        ...m,
-        children: e
-      }
-    ) : /* @__PURE__ */ f(
-      "div",
-      {
-        ref: c,
-        className: r("flex items-center justify-between mt-auto shrink-0 pt-6 pb-[27px]", t),
-        "data-slot": "actions",
-        ...m,
-        children: [
-          /* @__PURE__ */ f("div", { className: "flex items-center gap-3", children: [
-            !F && !v && /* @__PURE__ */ f(w, { variant: "tertiary", onClick: () => h?.(d - 1), children: [
-              /* @__PURE__ */ l(g, { className: "w-4 h-4" }),
-              o
-            ] }),
-            /* @__PURE__ */ l(w, { variant: "secondary", onClick: p, children: a })
-          ] }),
-          /* @__PURE__ */ l("div", { children: v || N ? /* @__PURE__ */ l(w, { variant: "default", onClick: u, children: s }) : /* @__PURE__ */ f(w, { variant: "default", onClick: () => h?.(d + 1), children: [
-            i,
-            /* @__PURE__ */ l(y, { className: "w-4 h-4" })
-          ] }) })
-        ]
-      }
-    );
-  }
+D.displayName = "CreateItemFlowStepContent";
+const k = r.forwardRef(
+  ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: a,
+      className: n("flex items-center justify-between mt-auto shrink-0 pt-6 pb-[27px]", t),
+      "data-slot": "footer",
+      ...o,
+      children: e
+    }
+  )
 );
-K.displayName = "CreateItemFlowActions";
+k.displayName = "CreateItemFlowFooter";
 export {
-  K as CreateItemFlowActions,
-  S as CreateItemFlowCard,
-  E as CreateItemFlowContent,
-  B as CreateItemFlowContentDescription,
-  L as CreateItemFlowContentTitle,
-  j as CreateItemFlowDescription,
-  A as CreateItemFlowImage,
-  k as CreateItemFlowLeftPanel,
-  P as CreateItemFlowRightPanel,
-  b as CreateItemFlowRoot,
-  $ as CreateItemFlowStepContent,
-  T as CreateItemFlowStepper,
-  D as CreateItemFlowTitle
+  I as CreateItemFlowCard,
+  S as CreateItemFlowContent,
+  b as CreateItemFlowContentDescription,
+  R as CreateItemFlowContentTitle,
+  N as CreateItemFlowDescription,
+  k as CreateItemFlowFooter,
+  g as CreateItemFlowImage,
+  F as CreateItemFlowLeftPanel,
+  v as CreateItemFlowRightPanel,
+  u as CreateItemFlowRoot,
+  D as CreateItemFlowStepContent,
+  y as CreateItemFlowStepper,
+  h as CreateItemFlowTitle
 };

package/dist/components/ui/create-item-flow/index.d.ts

@@ -1 +1 @@
-export { CreateItemFlowRoot, CreateItemFlowCard, CreateItemFlowLeftPanel, CreateItemFlowTitle, CreateItemFlowDescription, CreateItemFlowImage, CreateItemFlowRightPanel, CreateItemFlowStepper, CreateItemFlowContentTitle, CreateItemFlowContentDescription, CreateItemFlowContent, CreateItemFlowStepContent, CreateItemFlowActions, type CreateItemFlowRootProps, type CreateItemFlowImageProps, type CreateItemFlowStep, type CreateItemFlowStepperProps, type CreateItemFlowStepContentProps, type CreateItemFlowActionsProps, } from './create-item-flow';
+export { CreateItemFlowRoot, CreateItemFlowCard, CreateItemFlowLeftPanel, CreateItemFlowTitle, CreateItemFlowDescription, CreateItemFlowImage, CreateItemFlowRightPanel, CreateItemFlowStepper, CreateItemFlowContentTitle, CreateItemFlowContentDescription, CreateItemFlowContent, CreateItemFlowStepContent, CreateItemFlowFooter, type CreateItemFlowRootProps, type CreateItemFlowImageProps, type CreateItemFlowStep, type CreateItemFlowStepperProps, type CreateItemFlowStepContentProps, } from './create-item-flow';

package/dist/components/ui/create-item-flow/index.js

@@ -1,15 +1,15 @@
-import { CreateItemFlowActions as o, CreateItemFlowCard as r, CreateItemFlowContent as C, CreateItemFlowContentDescription as a, CreateItemFlowContentTitle as l, CreateItemFlowDescription as m, CreateItemFlowImage as I, CreateItemFlowLeftPanel as n, CreateItemFlowRightPanel as w, CreateItemFlowRoot as F, CreateItemFlowStepContent as i, CreateItemFlowStepper as p, CreateItemFlowTitle as c } from "./create-item-flow.js";
+import { CreateItemFlowCard as o, CreateItemFlowContent as r, CreateItemFlowContentDescription as C, CreateItemFlowContentTitle as a, CreateItemFlowDescription as l, CreateItemFlowFooter as m, CreateItemFlowImage as F, CreateItemFlowLeftPanel as I, CreateItemFlowRightPanel as w, CreateItemFlowRoot as n, CreateItemFlowStepContent as i, CreateItemFlowStepper as p, CreateItemFlowTitle as c } from "./create-item-flow.js";
 export {
-  o as CreateItemFlowActions,
-  r as CreateItemFlowCard,
-  C as CreateItemFlowContent,
-  a as CreateItemFlowContentDescription,
-  l as CreateItemFlowContentTitle,
-  m as CreateItemFlowDescription,
-  I as CreateItemFlowImage,
-  n as CreateItemFlowLeftPanel,
+  o as CreateItemFlowCard,
+  r as CreateItemFlowContent,
+  C as CreateItemFlowContentDescription,
+  a as CreateItemFlowContentTitle,
+  l as CreateItemFlowDescription,
+  m as CreateItemFlowFooter,
+  F as CreateItemFlowImage,
+  I as CreateItemFlowLeftPanel,
   w as CreateItemFlowRightPanel,
-  F as CreateItemFlowRoot,
+  n as CreateItemFlowRoot,
   i as CreateItemFlowStepContent,
   p as CreateItemFlowStepper,
   c as CreateItemFlowTitle