impact-nova 2.6.2 → 3.0.0-alpha.0

package/dist/components/flows/wizard/wizard.js

@@ -1,246 +1,325 @@
-import { jsx as n } from "react/jsx-runtime";
-import * as a from "react";
-import { useControllableState as y } from "@radix-ui/react-use-controllable-state";
-import { cn as p } from "../../../lib/utils.js";
-import { CreateFlowImage as S } from "impact-nova-icons";
-import { WizardScrollContext as R, useWizardScrollContext as N, useWizardContext as W, WizardContext as C } from "./wizard-context.js";
-const k = ({
-  value: r,
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
+import * as r from "react";
+import { useControllableState as S } from "@radix-ui/react-use-controllable-state";
+import { cn as n } from "../../../lib/utils.js";
+import { CreateFlowImage as R } from "impact-nova-icons";
+import { WizardScrollContext as C, useWizardLayout as k, useWizardScrollContext as N, WizardLayoutContext as E, useWizardContext as W, WizardContext as M } from "./wizard-context.js";
+const D = ({
+  value: o,
   defaultValue: e = 1,
-  onValueChange: o,
-  totalSteps: t,
-  steps: s = [],
+  onValueChange: t,
+  totalSteps: a,
+  steps: l = [],
   children: i
 }) => {
-  const [d, f] = y({
-    prop: r,
+  const [c, p] = S({
+    prop: o,
     defaultProp: e,
-    onChange: o
-  }), [u, l] = a.useState([]), x = a.useCallback((g) => {
-    l((b) => b.includes(g) ? b : [...b, g].sort((v, w) => v - w));
-  }, []), c = a.useCallback((g) => {
-    l((b) => b.filter((v) => v !== g));
-  }, []), m = t ?? (u.length > 0 ? Math.max(...u) : s.length), h = a.useMemo(
+    onChange: t
+  }), [g, f] = r.useState([]), d = r.useCallback((v) => {
+    f((w) => w.includes(v) ? w : [...w, v].sort((b, h) => b - h));
+  }, []), x = r.useCallback((v) => {
+    f((w) => w.filter((b) => b !== v));
+  }, []), m = a ?? (g.length > 0 ? Math.max(...g) : l.length), u = r.useMemo(
     () => ({
-      value: d ?? e,
+      value: c ?? e,
       totalSteps: m,
-      steps: s,
-      setValue: f,
-      registerStep: x,
-      unregisterStep: c
+      steps: l,
+      setValue: p,
+      registerStep: d,
+      unregisterStep: x
     }),
-    [d, e, m, s, f, x, c]
+    [c, e, m, l, p, d, x]
   );
-  return /* @__PURE__ */ n(C.Provider, { value: h, children: i });
+  return /* @__PURE__ */ s(M.Provider, { value: u, children: i });
 };
-k.displayName = "WizardRoot";
-const E = a.forwardRef(
-  ({ className: r, children: e, ...o }, t) => /* @__PURE__ */ n(
+D.displayName = "WizardRoot";
+const L = r.forwardRef(
+  ({ className: o, children: e, orientation: t = "horizontal", ...a }, l) => /* @__PURE__ */ s(E.Provider, { value: { orientation: t }, children: /* @__PURE__ */ s(
     "div",
     {
-      ref: t,
+      ref: l,
       "data-component": "wizard",
       "data-slot": "layout",
-      className: p(
-        "bg-canvas-elevated rounded-lg shadow-elevation-card overflow-hidden w-[83%] mx-auto min-h-0 min-w-0 flex-1",
-        r
+      "data-orientation": t,
+      className: n(
+        "relative bg-canvas-elevated rounded-lg shadow-elevation-card overflow-hidden w-full max-w-full mx-auto min-h-0 min-w-0 flex-1",
+        t !== "vertical" && "md:w-[83%]",
+        o
       ),
-      ...o,
+      ...a,
+      children: e
+    }
+  ) })
+);
+L.displayName = "WizardLayout";
+const P = r.forwardRef(
+  ({ className: o, children: e, bordered: t = !0, ...a }, l) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: l,
+      className: n(
+        "relative z-[1] flex w-full shrink-0 flex-col gap-1 px-4 pt-4 pb-3 sm:px-6 sm:pt-5 sm:pb-4",
+        t && "border-b border-stroke-hairline",
+        o
+      ),
+      "data-slot": "intro",
+      "data-bordered": t ? "true" : "false",
+      ...a,
+      children: e
+    }
+  )
+);
+P.displayName = "WizardIntro";
+const _ = r.forwardRef(
+  ({ className: o, children: e, ...t }, a) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: a,
+      className: n(
+        "relative z-[1] flex flex-1 min-h-0 min-w-0 flex-col items-stretch overflow-hidden md:flex-row",
+        o
+      ),
+      "data-slot": "main",
+      ...t,
+      children: e
+    }
+  )
+);
+_.displayName = "WizardMain";
+const I = r.forwardRef(
+  ({ className: o, children: e, bordered: t = !0, ...a }, l) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: l,
+      className: n(
+        "relative flex h-auto min-h-0 w-full shrink-0 flex-col self-stretch overflow-x-auto px-4 py-3 sm:px-6 md:h-full md:w-[240px] md:overflow-visible md:py-4 lg:w-[280px]",
+        o
+      ),
+      "data-slot": "nav",
+      "data-bordered": t ? "true" : "false",
+      ...a,
+      children: e
+    }
+  )
+);
+I.displayName = "WizardNav";
+const j = r.forwardRef(
+  ({ className: o, children: e, ...t }, a) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: a,
+      className: n(
+        "pointer-events-none absolute z-0 select-none",
+        o
+      ),
+      "data-slot": "decoration",
+      "aria-hidden": !0,
+      ...t,
       children: e
     }
   )
 );
-E.displayName = "WizardLayout";
-const M = a.forwardRef(
-  ({ className: r, children: e, ...o }, t) => /* @__PURE__ */ n(
+j.displayName = "WizardDecoration";
+const F = r.forwardRef(
+  ({ className: o, children: e, ...t }, a) => /* @__PURE__ */ s(
     "div",
     {
-      ref: t,
-      className: p(
-        "w-[300px] xl:w-[427px] shrink-0 bg-canvas-elevated border-r border-stroke-hairline pt-[100px]",
-        r
+      ref: a,
+      className: n(
+        "relative z-[1] w-[300px] xl:w-[427px] shrink-0 bg-canvas-elevated border-r border-stroke-hairline pt-[100px]",
+        o
       ),
       "data-slot": "sidebar",
-      ...o,
+      ...t,
       children: e
     }
   )
 );
-M.displayName = "WizardSidebar";
-const D = a.forwardRef(
-  ({ className: r, children: e, ...o }, t) => /* @__PURE__ */ n(
+F.displayName = "WizardSidebar";
+const H = r.forwardRef(
+  ({ className: o, children: e, ...t }, a) => /* @__PURE__ */ s(
     "h1",
     {
-      ref: t,
-      className: p("font-manrope text-[24px] font-[800] leading-[36px] text-foreground mb-3 px-6 lg:px-10 xl:px-[64px]", r),
-      ...o,
+      ref: a,
+      className: n(
+        "font-manrope text-[24px] font-[800] leading-[36px] text-foreground mb-3 px-6 lg:px-10 xl:px-[64px]",
+        o
+      ),
+      "data-slot": "title",
+      ...t,
       children: e
     }
   )
 );
-D.displayName = "WizardTitle";
-const _ = a.forwardRef(
-  ({ className: r, children: e, ...o }, t) => /* @__PURE__ */ n(
+H.displayName = "WizardTitle";
+const T = r.forwardRef(
+  ({ className: o, children: e, ...t }, a) => /* @__PURE__ */ s(
     "p",
     {
-      ref: t,
-      className: p("font-manrope text-[12px] font-[500] leading-[16px] text-secondary-foreground px-6 lg:px-10 xl:px-[64px]", r),
-      ...o,
+      ref: a,
+      className: n(
+        "font-manrope text-[12px] font-[500] leading-[16px] text-secondary-foreground px-6 lg:px-10 xl:px-[64px]",
+        o
+      ),
+      "data-slot": "description",
+      ...t,
       children: e
     }
   )
 );
-_.displayName = "WizardDescription";
-const L = a.forwardRef(
-  ({ className: r, src: e, alt: o = "Wizard illustration", children: t, ...s }, i) => /* @__PURE__ */ n(
+T.displayName = "WizardDescription";
+const A = r.forwardRef(
+  ({ className: o, src: e, alt: t = "Wizard illustration", children: a, ...l }, i) => /* @__PURE__ */ s(
     "div",
     {
       ref: i,
-      className: p(
+      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]",
-        r
+        o
       ),
       "data-slot": "media",
-      ...s,
-      children: t || (e ? /* @__PURE__ */ n("img", { src: e, alt: o, className: "w-full h-full object-contain" }) : /* @__PURE__ */ n(S, { className: "w-full h-full", role: "img", "aria-label": o }))
+      ...l,
+      children: a || (e ? /* @__PURE__ */ s("img", { src: e, alt: t, className: "w-full h-full object-contain" }) : /* @__PURE__ */ s(R, { className: "w-full h-full", role: "img", "aria-label": t }))
     }
   )
 );
-L.displayName = "WizardMedia";
-const P = a.forwardRef(
-  ({ className: r, children: e, ...o }, t) => {
-    const [s, i] = a.useState({ top: !1, bottom: !1 }), d = a.useMemo(
-      () => ({ edges: s, setEdges: i }),
-      [s]
+A.displayName = "WizardMedia";
+const B = r.forwardRef(
+  ({ className: o, children: e, ...t }, a) => {
+    const [l, i] = r.useState({ top: !1, bottom: !1 }), c = r.useMemo(
+      () => ({ edges: l, setEdges: i }),
+      [l]
     );
-    return /* @__PURE__ */ n(R.Provider, { value: d, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ s(C.Provider, { value: c, children: /* @__PURE__ */ s(
       "div",
       {
-        ref: t,
-        className: p(
+        ref: a,
+        className: n(
           "flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden pt-[50px] pb-[73px]",
-          r
+          o
         ),
         "data-slot": "body",
-        ...o,
+        ...t,
         children: e
       }
     ) });
   }
 );
-P.displayName = "WizardBody";
-const F = a.forwardRef(
-  ({ className: r, interactive: e = !0, linear: o = !1, ...t }, s) => {
-    const { value: i, totalSteps: d, steps: f, setValue: u } = W();
-    if (d <= 0) return null;
-    const l = (x) => {
-      e && (o && x > i || u(x));
+B.displayName = "WizardBody";
+const $ = r.forwardRef(
+  ({ className: o, interactive: e = !0, linear: t = !1, ...a }, l) => {
+    const { value: i, totalSteps: c, steps: p, setValue: g } = W();
+    if (c <= 0) return null;
+    const f = (d) => {
+      e && (t && d > i || g(d));
     };
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ s(
       "div",
       {
-        ref: s,
-        className: p("flex gap-2 mb-[42px] shrink-0 px-6 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px]", r),
+        ref: l,
+        className: n("flex gap-2 mb-[42px] shrink-0 px-6 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px]", o),
         "data-slot": "progress",
         role: "list",
-        ...t,
-        children: Array.from({ length: d }, (x, c) => {
-          const m = c + 1, h = c === i - 1, g = c < i - 1, v = f[c]?.label ?? `Step ${m} of ${d}`, w = e && (!o || m <= i);
-          return /* @__PURE__ */ n(
+        ...a,
+        children: Array.from({ length: c }, (d, x) => {
+          const m = x + 1, u = x === i - 1, v = x < i - 1, b = p[x]?.label ?? `Step ${m} of ${c}`, h = e && (!t || m <= i);
+          return /* @__PURE__ */ s(
             "div",
             {
               role: "listitem",
-              "aria-label": v,
-              "aria-current": h ? "step" : void 0,
-              tabIndex: w ? 0 : void 0,
-              onClick: () => l(m),
-              onKeyDown: w ? (z) => {
-                (z.key === "Enter" || z.key === " ") && (z.preventDefault(), l(m));
+              "aria-label": b,
+              "aria-current": u ? "step" : void 0,
+              tabIndex: h ? 0 : void 0,
+              onClick: () => f(m),
+              onKeyDown: h ? (z) => {
+                (z.key === "Enter" || z.key === " ") && (z.preventDefault(), f(m));
               } : void 0,
-              className: p(
+              className: n(
                 "h-2 flex-1 max-w-[132px] rounded-[4px] transition-colors duration-300 motion-reduce:transition-none",
-                h || g ? "bg-brand" : "bg-accent",
-                w ? "cursor-pointer" : "cursor-default"
+                u || v ? "bg-brand" : "bg-accent",
+                h ? "cursor-pointer" : "cursor-default"
               )
             },
-            c
+            x
           );
         })
       }
     );
   }
 );
-F.displayName = "WizardProgress";
-const H = a.forwardRef(
-  ({ className: r, children: e, ...o }, t) => /* @__PURE__ */ n(
+$.displayName = "WizardProgress";
+const q = r.forwardRef(
+  ({ className: o, children: e, ...t }, a) => /* @__PURE__ */ s(
     "h2",
     {
-      ref: t,
-      className: p("font-manrope text-[14px] font-[800] leading-[21px] text-foreground", r),
-      ...o,
+      ref: a,
+      className: n("font-manrope text-[14px] font-[800] leading-[21px] text-foreground", o),
+      ...t,
       children: e
     }
   )
 );
-H.displayName = "WizardHeader";
-const T = a.forwardRef(
-  ({ className: r, children: e, ...o }, t) => /* @__PURE__ */ n(
+q.displayName = "WizardHeader";
+const K = r.forwardRef(
+  ({ className: o, children: e, ...t }, a) => /* @__PURE__ */ s(
     "p",
     {
-      ref: t,
-      className: p("text-[14px] font-normal leading-relaxed text-secondary-foreground", r),
-      ...o,
+      ref: a,
+      className: n("text-[14px] font-normal leading-relaxed text-secondary-foreground", o),
+      ...t,
       children: e
     }
   )
 );
-T.displayName = "WizardStepDescription";
-const j = a.forwardRef(
-  ({ className: r, children: e, ...o }, t) => {
-    const { edges: s, setEdges: i } = N(), d = a.useRef(null), f = a.useCallback(
-      (l) => {
-        d.current = l, typeof t == "function" ? t(l) : t && (t.current = l);
+K.displayName = "WizardStepDescription";
+const O = r.forwardRef(
+  ({ className: o, children: e, ...t }, a) => {
+    const { orientation: l } = k(), { edges: i, setEdges: c } = N(), p = r.useRef(null), g = r.useCallback(
+      (d) => {
+        p.current = d, typeof a == "function" ? a(d) : a && (a.current = d);
       },
-      [t]
-    ), u = a.useCallback(() => {
-      const l = d.current;
-      if (!l) return;
-      const { scrollTop: x, scrollHeight: c, clientHeight: m } = l, h = 1, g = x > h, b = x + m < c - h;
-      i((v) => v.top === g && v.bottom === b ? v : { top: g, bottom: b });
-    }, [i]);
-    return a.useEffect(() => {
-      const l = d.current;
-      if (!l) return;
+      [a]
+    ), f = r.useCallback(() => {
+      const d = p.current;
+      if (!d) return;
+      const { scrollTop: x, scrollHeight: m, clientHeight: u } = d, v = 1, w = x > v, b = x + u < m - v;
+      c((h) => h.top === w && h.bottom === b ? h : { top: w, bottom: b });
+    }, [c]);
+    return r.useEffect(() => {
+      const d = p.current;
+      if (!d) return;
       const x = () => {
-        requestAnimationFrame(u);
+        requestAnimationFrame(f);
       };
-      x(), l.addEventListener("scroll", u, { passive: !0 });
-      const c = new ResizeObserver(x);
-      c.observe(l);
-      const m = l.firstElementChild;
-      return m && c.observe(m), () => {
-        l.removeEventListener("scroll", u), c.disconnect();
+      x(), d.addEventListener("scroll", f, { passive: !0 });
+      const m = new ResizeObserver(x);
+      m.observe(d);
+      const u = d.firstElementChild;
+      return u && m.observe(u), () => {
+        d.removeEventListener("scroll", f), m.disconnect();
       };
-    }, [u, e]), /* @__PURE__ */ n(
+    }, [f, e]), /* @__PURE__ */ s(
       "div",
       {
-        className: p(
+        className: n(
           "flex flex-col flex-1 min-h-0 transition-[box-shadow] duration-200",
-          s.top && "shadow-[inset_0_1px_0_0_var(--color-border-hairline)]"
+          i.top && "shadow-[inset_0_1px_0_0_var(--color-border-hairline)]"
         ),
         "data-slot": "content-wrapper",
-        "data-scroll-top": s.top || void 0,
-        "data-scroll-bottom": s.bottom || void 0,
-        children: /* @__PURE__ */ n(
+        "data-scroll-top": i.top || void 0,
+        "data-scroll-bottom": i.bottom || void 0,
+        children: /* @__PURE__ */ s(
           "div",
           {
-            ref: f,
-            className: p(
-              "flex-1 min-h-0 overflow-y-auto overflow-x-hidden px-6 py-4 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px]",
-              r
+            ref: g,
+            className: n(
+              "flex-1 min-h-0 overflow-y-auto overflow-x-hidden py-4",
+              l === "vertical" ? "px-6 sm:px-8" : "px-6 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px]",
+              o
             ),
             "data-slot": "content",
-            ...o,
+            ...t,
             children: e
           }
         )
@@ -248,47 +327,72 @@ const j = a.forwardRef(
     );
   }
 );
-j.displayName = "WizardContent";
-const A = a.forwardRef(
-  ({ className: r, value: e, children: o, ...t }, s) => {
-    const { value: i, registerStep: d, unregisterStep: f } = W();
-    return a.useEffect(() => (d(e), () => f(e)), [e, d, f]), i !== e ? null : /* @__PURE__ */ n("div", { ref: s, className: p(r), "data-step": e, ...t, children: o });
+O.displayName = "WizardContent";
+const U = r.forwardRef(
+  ({ className: o, value: e, children: t, ...a }, l) => {
+    const { value: i, registerStep: c, unregisterStep: p } = W();
+    return r.useEffect(() => (c(e), () => p(e)), [e, c, p]), i !== e ? null : /* @__PURE__ */ s("div", { ref: l, className: n(o), "data-step": e, ...a, children: t });
   }
 );
-A.displayName = "WizardStep";
-const B = a.forwardRef(
-  ({ className: r, children: e, ...o }, t) => {
-    const { edges: s } = N();
-    return /* @__PURE__ */ n(
+U.displayName = "WizardStep";
+const G = r.forwardRef(
+  ({ className: o, children: e, bordered: t, ...a }, l) => {
+    const { edges: i } = N(), c = t === !0, p = t === void 0 && i.bottom;
+    return /* @__PURE__ */ y(
       "div",
       {
-        ref: t,
-        className: p(
-          "relative z-10 mt-auto flex shrink-0 items-center justify-between bg-canvas-elevated pt-6 pb-[27px] px-6 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px] transition-[box-shadow,border-color] duration-200",
-          s.bottom && "border-t border-stroke-hairline shadow-elevation-wizard-footer",
-          r
+        ref: l,
+        className: n(
+          "relative z-10 mt-auto flex w-full shrink-0 flex-col bg-canvas-elevated transition-[box-shadow,border-color] duration-200",
+          p && "border-t border-stroke-hairline",
+          (c || p) && "shadow-elevation-wizard-footer"
         ),
         "data-slot": "footer",
-        "data-scroll-bottom": s.bottom || void 0,
-        ...o,
-        children: e
+        "data-bordered": t === void 0 ? void 0 : t ? "true" : "false",
+        "data-scroll-bottom": i.bottom || void 0,
+        ...a,
+        children: [
+          c ? /* @__PURE__ */ s(
+            "div",
+            {
+              "data-slot": "footer-rule",
+              "aria-hidden": !0,
+              className: "mx-6 border-t border-stroke-hairline sm:mx-8 md:mx-10 lg:mx-12 xl:mx-[60px] 2xl:mx-[60px]"
+            }
+          ) : null,
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: n(
+                "flex w-full flex-wrap items-center justify-between gap-3 px-6 pt-6 pb-[27px] sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px]",
+                o
+              ),
+              "data-slot": "footer-inner",
+              children: e
+            }
+          )
+        ]
       }
     );
   }
 );
-B.displayName = "WizardFooter";
+G.displayName = "WizardFooter";
 export {
-  P as WizardBody,
-  j as WizardContent,
-  _ as WizardDescription,
-  B as WizardFooter,
-  H as WizardHeader,
-  E as WizardLayout,
-  L as WizardMedia,
-  F as WizardProgress,
-  k as WizardRoot,
-  M as WizardSidebar,
-  A as WizardStep,
-  T as WizardStepDescription,
-  D as WizardTitle
+  B as WizardBody,
+  O as WizardContent,
+  j as WizardDecoration,
+  T as WizardDescription,
+  G as WizardFooter,
+  q as WizardHeader,
+  P as WizardIntro,
+  L as WizardLayout,
+  _ as WizardMain,
+  A as WizardMedia,
+  I as WizardNav,
+  $ as WizardProgress,
+  D as WizardRoot,
+  F as WizardSidebar,
+  U as WizardStep,
+  K as WizardStepDescription,
+  H as WizardTitle
 };

package/dist/components/flows/wizard/wizard.types.d.ts

@@ -17,6 +17,37 @@ export interface WizardRootProps {
     steps?: WizardStepDefinition[];
     children?: React.ReactNode;
 }
+/**
+ * Layout shell orientation. Parts remain optional — compose sidebar, intro, nav,
+ * progress, media, etc. only when needed (shadcn / Radix compound style).
+ */
+export type WizardLayoutOrientation = "horizontal" | "vertical";
+export interface WizardLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * `horizontal` — sidebar | body (default, existing reporting chrome).
+     * `vertical` — stack intro / main / footer for top-header + stepper compositions.
+     */
+    orientation?: WizardLayoutOrientation;
+}
+export interface WizardIntroProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Full-width bottom divider under the top title band.
+     * - `true` (default) — show hairline under intro
+     * - `false` — no divider (override via className if you need a custom rule)
+     */
+    bordered?: boolean;
+}
+export interface WizardNavProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Inset divider on the nav’s trailing edge (desktop: vertical with top/bottom gaps;
+     * stacked viewports: horizontal under the nav).
+     * - `true` (default) — show hairline
+     * - `false` — no divider
+     */
+    bordered?: boolean;
+}
+/** Optional absolute decoration slot — children only; never participates in content layout. */
+export type WizardDecorationProps = React.HTMLAttributes<HTMLDivElement>;
 export interface WizardMediaProps extends React.HTMLAttributes<HTMLDivElement> {
     src?: string;
     alt?: string;
@@ -28,3 +59,12 @@ export interface WizardProgressProps extends React.HTMLAttributes<HTMLDivElement
 export interface WizardStepProps extends React.HTMLAttributes<HTMLDivElement> {
     value: number;
 }
+export interface WizardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Top rule above actions.
+     * - `true` — inset hairline (stepper-nav pack)
+     * - `false` — never show
+     * - omit — edge-to-edge `border-t` when content can scroll further (sidebar pack)
+     */
+    bordered?: boolean;
+}

package/dist/components/forms/choice-card/assets/featured-backdrop-baked.webp.js

@@ -0,0 +1,4 @@
+const a = "data:image/webp;base64,UklGRpwBAABXRUJQVlA4TI8BAAAv1sAcAI9AkG3T+Tv/GgKCIv9HI5C0cf07//Mf/405DnOYMDBBBEEKYoBg2wrTKJreiNn/dhU+nOOfPvIj+s/AbSNFPaoycExf2H1Uw+a/Nv+1+a/Nf/0W1vReDkPXyPpAlWgoyp0NH0n+opaiJo+UxHyxdNVklOgTa6yWoEsSOMY9wzJk0lusMywXkyRebug6gr1ZxcpVkVEKrg5akpNRVQ/HpKE59aklUKyfdmAypU9wGXnOjzrLlRjkJjg2E0mH5QOE0Leos5J8Pvxwmvd19Wp+1NL5Q0xefdhLRGhBb5ggMb0lHs/dIhdf80eUSGJWhThlnk2vQzsxWR8YUqx3RPy+iz8KClPNAyrMj+qj2EwMaL17Wnwfx6QfovTgtYwb2n/iguShk6S1T0kKuSdKotialaHJPuFFD5PjXeeV9qjoibinuc7LR8hZJ4nLZDH172WoN0DucyI9qDx5nZVkXUjaI4uY1jlbTmk6offyAc4/+kQSj/4WVZU5qF7SrXt9FUXTlHPWUf79rIhc+yIA";
+export {
+  a as default
+};