qaema-ui 0.0.1

package/dist/components/StepperProcess.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperProcess.d.ts","sourceRoot":"","sources":["../../src/lib/components/StepperProcess.tsx"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAAmC,MAAM;8GAWpE,CAAC;AAEF,eAAO,MAAM,MAAM,yMAKlB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qHASzB,CAAC;AAEF,eAAO,MAAM,WAAW,yMAGvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qHAYtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,yMAKhC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qHAG/B,CAAC;AAEF,eAAO,MAAM,aAAa,yMAGzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qIAE5B,CAAC;AAUF,QAAA,MAAM,IAAI,EAAE,aAIX,CAAC;AAMF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyB/C,CAAC;AAGF,KAAK,uBAAuB,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,GAAG;IAC7D,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,aAAa,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,uBA6PrB,CAAC;AAMF,eAAe,cAAc,CAAC"}

package/dist/components/StepperProcess.js

@@ -0,0 +1,273 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import r, { useState as I, useMemo as v, useEffect as D } from "react";
+import { Container as tt, Row as et, Col as _ } from "react-grid-system";
+import o, { useTheme as nt } from "styled-components";
+import it from "../assets/svg/failed.svg.js";
+import rt from "../assets/svg/success.svg.js";
+import ot from "./Stepper.js";
+import { breakPoints as st, device as u } from "../constants/breakPoints.constant.js";
+import at from "../hooks/useBreakpointCheck.js";
+import N from "../hooks/useZIndex.js";
+import { useQaemaCoreTranslation as dt } from "../i18n/i18n.js";
+import { a as c } from "../node_modules/@react-spring/web/dist/react-spring_web.modern.js";
+import { Scrollbar as lt } from "../styles/Scrollbar.styles.js";
+import { EmptyContent as ct, FeedbackHeader as mt, TextContainer as pt, ImageContainer as ft, StickyContent as ht } from "../styles/StatusFeedback.styles.js";
+import gt from "./Image.js";
+import ut from "./PageHeader.js";
+import H from "./Typography.js";
+import { useTransition as Y, useSpring as T } from "../node_modules/@react-spring/core/dist/react-spring_core.modern.js";
+const xt = o.div`
+  overflow: auto;
+  padding-bottom: 1.938rem;
+  height: 100vh;
+  width: 100%;
+`, yt = o(c.div)`
+  background-color: ${({ theme: e }) => e.colors.secondary.lightBlue.n50};
+  padding: 0 9.438rem;
+  margin-top: ${({ $variant: e, theme: s }) => e === "step" ? "16.25rem" : s.spacing.m};
+  height: ${({ $variant: e }) => e === "step" ? "calc(100vh - 16.25rem)" : "auto"};
+  width: 100%;
+  @media ${u.tablet} {
+    padding: 0 1.438rem;
+    margin-top: ${({ $variant: e, theme: s }) => e === "step" ? "12.25rem" : s.spacing.m};
+    height: auto;
+  }
+  @media ${u.tablet} {
+    margin-top: ${({ $variant: e, theme: s }) => e === "step" ? "8.25rem" : s.spacing.m};
+  }
+`, vt = o(lt)`
+  background: white;
+  height: 100%;
+  overflow-y: ${({ $variant: e }) => e === "step" ? "auto" : "unset"};
+  overflow-x: ${({ $variant: e }) => e === "step" ? "hidden" : "unset"};
+`, jt = o(c.div)`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: ${({ $zIndex: e }) => e};
+  background-color: rgba(0, 0, 0, 0.5);
+`, Ct = o.div`
+  margin-inline-start: -60px;
+  @media ${u.mobile} {
+    margin-inline-start: -23px;
+  }
+`, bt = o(c.div)`
+  background-color: white;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  overscroll-behavior: contain;
+  direction: ${({ theme: e }) => e.dir};
+`, $t = o.div`
+  display: flex;
+  flex-direction: column;
+`, wt = o(c.div)`
+  padding-top: 7.25rem;
+  padding-inline-start: 8.438rem;
+  @media ${u.tablet} {
+    padding-top: 2.25rem;
+    padding-inline-start: 4.438rem;
+  }
+  @media ${u.mobile} {
+    padding-top: 0.5rem;
+    padding-inline-start: 0.5rem;
+    width: 100% !important;
+  }
+`, At = o.div`
+  padding-top: 1rem;
+  @media ${u.mobile} {
+    padding-top: 0;
+  }
+`, St = o(c.div)`
+  width: 100%;
+  height: 100%;
+`, kt = o.div`
+  display: flex;
+  align-items: center;
+`, Et = o(c.div)`
+  ${({ theme: e }) => e.dir === "rtl" ? "left: 0" : "right: 0"};
+`, W = ({ children: e }) => /* @__PURE__ */ t.jsx(t.Fragment, { children: e }), F = ({ children: e }) => /* @__PURE__ */ t.jsx(t.Fragment, { children: e }), w = ({ children: e }) => {
+  const s = r.Children.toArray(e).find((m) => r.isValidElement(m) && m.type === W);
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: s });
+};
+w.LeftSide = W;
+w.RightSide = F;
+const It = ({ isOpen: e, children: s }) => {
+  const m = N("stepper"), p = T({
+    opacity: e ? 1 : 0,
+    pointerEvents: e ? "all" : "none",
+    config: { tension: 170, friction: 26 }
+  }), j = T({
+    transform: e ? "translateY(0)" : "translateY(100%)",
+    config: { tension: 170, friction: 26 }
+  });
+  return /* @__PURE__ */ t.jsx(jt, { style: p, $zIndex: m, children: /* @__PURE__ */ t.jsx(bt, { style: j, onClick: (A) => A.stopPropagation(), children: /* @__PURE__ */ t.jsx(xt, { children: /* @__PURE__ */ t.jsx($t, { children: s }) }) }) });
+}, O = ({
+  initialStep: e = 0,
+  headerTitle: s = "Welcoming Business Bundle",
+  onHeaderBack: m,
+  activeStep: p,
+  children: j,
+  showStepper: A = !0
+}) => {
+  var z;
+  const S = nt(), M = S.dir === "rtl", [a, Q] = I(e), [R, P] = I("forward"), [k, C] = I(!1), U = at(st.mobile), { steps: f, rightContents: x } = v(() => {
+    const i = r.Children.toArray(j), h = [], g = {};
+    return i.flatMap((d) => r.isValidElement(d) && d.type === r.Fragment ? r.Children.toArray(d.props.children) : d).forEach((d, X) => {
+      if (r.isValidElement(d) && d.type === w) {
+        const l = d, $ = X, E = r.Children.toArray(l.props.children).find((y) => r.isValidElement(y) && y.type === F);
+        h.push({
+          id: $,
+          title: l.props.title,
+          description: l.props.description,
+          variant: l.props.variant,
+          statusProps: l.props.statusProps,
+          element: r.cloneElement(l, {
+            key: `step-${$}`,
+            id: $,
+            children: r.Children.toArray(l.props.children).filter((y) => !r.isValidElement(y) || y.type !== F)
+          })
+        }), E && r.isValidElement(E) && (g[$] = E.props.children);
+      }
+    }), { steps: h, rightContents: g };
+  }, [j]), n = v(() => f.find((i) => i.id === a), [f, a]), b = v(() => !!x[a], [x, a]), { t: L } = dt(), Z = N("stepper");
+  D(() => {
+    window.scrollTo(0, 0), p <= f.length && !k && P("forward"), p - 1 >= 0 && !k && P("backward"), Q(p);
+  }, [p, k, f.length]);
+  const q = v(() => x[a], [a, x]), G = Y(b ? q : null, {
+    keys: () => `right-content-${a}`,
+    from: {
+      opacity: 0,
+      y: 66.5
+    },
+    enter: {
+      opacity: 1,
+      y: 0
+    },
+    leave: {
+      opacity: 0,
+      y: 66.5
+    },
+    config: {
+      stiffness: 100.3,
+      damping: 20,
+      mass: 1
+    },
+    onStart: () => C(!0),
+    onRest: () => {
+      C(!1);
+    }
+  }), J = T({
+    width: b ? "60%" : "90%",
+    config: { tension: 170, friction: 26 }
+  }), V = v(
+    () => (i) => M ? i === "forward" ? -750 : 793 : i === "forward" ? 750 : -793,
+    [M]
+  ), K = Y(a, {
+    keys: (i) => i,
+    from: {
+      opacity: 0,
+      x: V(R),
+      position: "absolute",
+      config: {
+        stiffness: 99.7,
+        damping: 20,
+        mass: 1
+      }
+    },
+    enter: {
+      opacity: 1,
+      x: 0,
+      position: "relative",
+      config: {
+        stiffness: 99.7,
+        damping: 20,
+        mass: 1
+      }
+    },
+    leave: {
+      opacity: 0,
+      x: V(R === "forward" ? "backward" : "forward"),
+      position: "absolute",
+      config: {
+        stiffness: 99.7,
+        damping: 20,
+        mass: 1
+      }
+    },
+    onStart: () => C(!0),
+    onRest: () => C(!1)
+  });
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    (n == null ? void 0 : n.variant) === "success" || (n == null ? void 0 : n.variant) === "fail" ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(ct, {}),
+      /* @__PURE__ */ t.jsxs(mt, { $status: n.variant, children: [
+        /* @__PURE__ */ t.jsxs(pt, { children: [
+          /* @__PURE__ */ t.jsx(H, { variant: "h1", color: S.colors.grey.n50, children: (n == null ? void 0 : n.variant) === "success" ? L("ACTION_SUCCESS") : L("ACTION_FAILED") }),
+          /* @__PURE__ */ t.jsx(H, { variant: "mdText", component: "p", color: S.colors.grey.n50, children: ((z = n == null ? void 0 : n.statusProps) == null ? void 0 : z.subtitle) ?? "" })
+        ] }),
+        /* @__PURE__ */ t.jsx(ft, { $status: n.variant, children: /* @__PURE__ */ t.jsx(
+          gt,
+          {
+            ratio: n.variant === "success" ? "2:1" : "16:9",
+            src: n.variant === "success" ? rt : it,
+            alt: n.variant === "success" ? "success" : "error"
+          }
+        ) })
+      ] })
+    ] }) : /* @__PURE__ */ t.jsx(ht, { $zIndex: Z, children: /* @__PURE__ */ t.jsxs(wt, { style: J, children: [
+      /* @__PURE__ */ t.jsx(Ct, { children: /* @__PURE__ */ t.jsx(ut, { onHeaderBack: m, headerTitle: s }) }),
+      A && /* @__PURE__ */ t.jsx(kt, { children: n && /* @__PURE__ */ t.jsx(
+        ot,
+        {
+          currentStep: {
+            description: n.description,
+            number: a + 1,
+            title: n.title
+          },
+          filledPercentage: a / f.length * 100
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ t.jsx(vt, { $variant: (n == null ? void 0 : n.variant) ?? "step", children: /* @__PURE__ */ t.jsx(yt, { $variant: (n == null ? void 0 : n.variant) ?? "step", children: /* @__PURE__ */ t.jsx(tt, { fluid: !0, style: { padding: 0 }, children: /* @__PURE__ */ t.jsxs(et, { children: [
+      /* @__PURE__ */ t.jsx(_, { md: b ? 8 : 12, children: /* @__PURE__ */ t.jsx(At, { children: K((i, h) => {
+        const g = f.find((B) => B.id === h);
+        return /* @__PURE__ */ t.jsx(St, { style: i, children: g == null ? void 0 : g.element });
+      }) }) }),
+      b && /* @__PURE__ */ t.jsx(_, { md: 4, style: { padding: 0, paddingInlineStart: U ? "unset" : "1.5rem" }, children: /* @__PURE__ */ t.jsx(Et, { children: G((i) => /* @__PURE__ */ t.jsx(
+        c.div,
+        {
+          style: {
+            ...i,
+            transform: i.y.to((h) => `translateY(${h}rem)`)
+          },
+          children: x[a]
+        }
+      )) }) })
+    ] }) }) }) })
+  ] });
+};
+O.Step = w;
+O.Layout = It;
+export {
+  yt as AnimatedMainContent,
+  bt as AnimatedModal,
+  jt as AnimatedOverlay,
+  Et as AnimatedSideMenu,
+  St as AnimatedStepContent,
+  xt as Container,
+  At as FormContentContainer,
+  $t as MainContent,
+  Ct as Margin,
+  vt as ScrollableContent,
+  wt as StepHeader,
+  kt as StepIndicator,
+  O as default
+};

package/dist/components/SummaryCard.d.ts

@@ -0,0 +1,39 @@
+import { ButtonProps } from './Button';
+export type SummarySection = {
+    title: string;
+    items: Array<{
+        label: string;
+        value: unknown;
+        variant?: 'badge' | 'text' | 'trend';
+    }>;
+};
+type CalloutVariant = 'information' | 'error' | 'success' | 'warning';
+type CalloutConfig = {
+    title: string;
+    description?: string;
+    variant?: CalloutVariant;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+};
+export type SummaryCardProps = {
+    sections: SummarySection[];
+    total?: {
+        label?: string;
+        value?: unknown;
+        variant?: 'badge' | 'text' | 'trend';
+    };
+    title?: string;
+    subtitle?: string;
+    btnLabel?: string;
+    btnConfig?: ButtonProps;
+    trailingActionsConfig?: Array<{
+        label?: string;
+        btnConfig?: ButtonProps;
+    }>;
+    callout?: CalloutConfig;
+};
+declare function SummaryCard({ sections, total, title, subtitle, btnLabel, btnConfig, trailingActionsConfig, callout, }: Readonly<SummaryCardProps>): import("react/jsx-runtime").JSX.Element;
+export default SummaryCard;
+//# sourceMappingURL=SummaryCard.d.ts.map

package/dist/components/SummaryCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryCard.d.ts","sourceRoot":"","sources":["../../src/lib/components/SummaryCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAmI5C,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,OAAO,CAAC;QACf,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;KACtC,CAAC,CAAC;CACJ,CAAC;AAEF,KAAK,cAAc,GAAG,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtE,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;KACtC,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,qBAAqB,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IAC3E,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAyDF,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,qBAAqB,EACrB,OAAO,GACR,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAgE5B;AAED,eAAe,WAAW,CAAC"}

package/dist/components/SummaryCard.js

@@ -0,0 +1,177 @@
+import { j as n } from "../_virtual/jsx-runtime.js";
+import a, { useTheme as b } from "styled-components";
+import j from "./Badge.js";
+import m from "./Button.js";
+import { Card as v } from "./Card.js";
+import c from "./Typography.js";
+const w = a.div`
+  padding-bottom: ${(r) => r.theme.spacing.s};
+  border-bottom: 1px solid ${(r) => r.theme.colors.grey.n100};
+  caption {
+    display: inline-block;
+    text-align: start;
+  }
+`, k = a(c)`
+  font-family: ${({ theme: r }) => r.fonts.arabic};
+  font-weight: ${({ theme: r }) => r.typography.weights.semiBold};
+  font-size: 15px;
+  line-height: ${({ theme: r }) => r.typography.lineHeights.s};
+  letter-spacing: 0%;
+  vertical-align: middle;
+  color: ${({ theme: r }) => r.colors.grey.n650};
+  display: inline-block;
+`, B = a.div`
+  margin-top: ${({ theme: r }) => r.spacing.m};
+  padding: ${({ theme: r }) => r.spacing.sm};
+  border-radius: ${({ theme: r }) => r.borderRadius.md};
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+
+  ${({ $variant: r, theme: e }) => {
+  switch (r) {
+    case "information":
+      return `
+          background: ${e.colors.primary.purple.n150};
+          border-bottom: 2px solid ${e.colors.primary.purple.n450};
+        `;
+    case "error":
+      return `
+          background: ${e.colors.state.error.n150};
+          border-bottom: 2px solid ${e.colors.state.error.n450};
+        `;
+    case "success":
+      return `
+          background: ${e.colors.state.success.n100};
+          border-bottom: 2px solid ${e.colors.state.success.n450};
+        `;
+    case "warning":
+    default:
+      return `
+          background: ${e.colors.secondary.orange.n150};
+          border-bottom: 2px solid ${e.colors.secondary.orange.n450};
+        `;
+  }
+}}
+`, T = a.button`
+  width: 3.9375rem;
+  height: 2rem;
+  padding: 0.75rem;
+  border-radius: 0.25rem;
+  border: none;
+  cursor: pointer;
+  margin-top: ${({ theme: r }) => r.spacing.m};
+  ${({ $variant: r, theme: e }) => {
+  const i = r === "information" ? e.colors.primary.purple.n450 : r === "error" ? e.colors.state.error.n450 : r === "success" ? e.colors.state.success.n450 : e.colors.secondary.orange.n450;
+  return `
+      background:${e.colors.secondary.orange.n150};
+      color: ${i};
+    `;
+}}
+
+  font-weight: ${({ theme: r }) => r.typography.weights.semiBold};
+  font-size: ${({ theme: r }) => r.typography.sizes.s2};
+  line-height: ${({ theme: r }) => r.typography.lineHeights.xs};
+  text-align: center;
+  vertical-align: middle;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:hover {
+    opacity: 0.9;
+  }
+`, S = a.div`
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+`, R = a.div`
+  margin-top: ${(r) => r.theme.spacing.s};
+  display: flex;
+  flex-direction: column;
+  gap: ${(r) => r.theme.spacing.s};
+`, z = a(c)`
+  font-family: ${({ theme: r }) => r.fonts.arabic};
+  font-weight: ${({ theme: r }) => r.typography.weights.regular};
+  font-size: ${({ theme: r }) => r.typography.sizes.s2};
+  line-height: ${({ theme: r }) => r.typography.lineHeights.xs};
+  letter-spacing: ${({ theme: r }) => r.typography.letterSpacings.normal};
+  vertical-align: middle;
+  color: ${({ theme: r }) => r.colors.grey.n600};
+`, C = a.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${(r) => r.theme.spacing.s};
+`, f = a.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`, H = a(f)``, x = ({
+  variant: r = "text",
+  label: e,
+  value: i,
+  color: g
+}) => {
+  const h = b();
+  let l = null;
+  if (r === "badge") {
+    const s = i;
+    l = /* @__PURE__ */ n.jsx(j, { ...s });
+  } else if (r === "trend") {
+    const s = typeof i == "object" && i !== null ? i : { value: i }, t = s.direction ?? "neutral", d = h.colors.state.success.n450, o = h.colors.state.error.n450, y = t === "up" ? d : t === "down" ? o : g;
+    l = /* @__PURE__ */ n.jsx(c, { variant: "smText", color: y, children: typeof s.value == "number" ? s.value.toString() : s.value });
+  } else {
+    const s = i;
+    l = /* @__PURE__ */ n.jsx(c, { variant: "smText", color: g, children: typeof s == "number" ? s.toString() : s });
+  }
+  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(c, { variant: "smText", weight: "semiBold", children: e }),
+    l
+  ] });
+};
+function G({
+  sections: r,
+  total: e,
+  title: i,
+  subtitle: g,
+  btnLabel: h,
+  btnConfig: l,
+  trailingActionsConfig: s,
+  callout: t
+}) {
+  const d = b();
+  return /* @__PURE__ */ n.jsxs(v, { padding: "2rem", shadowVariant: "none", hoverEffect: !1, border: `1px solid ${d.colors.grey.n100}`, children: [
+    /* @__PURE__ */ n.jsxs(w, { children: [
+      /* @__PURE__ */ n.jsxs(S, { children: [
+        /* @__PURE__ */ n.jsx(c, { variant: "h6", weight: "semiBold", children: i }),
+        l && /* @__PURE__ */ n.jsxs(m, { ...l, children: [
+          h ?? "",
+          " "
+        ] })
+      ] }),
+      /* @__PURE__ */ n.jsx(c, { variant: "caption", color: d.colors.grey.n400, children: g })
+    ] }),
+    /* @__PURE__ */ n.jsxs(R, { children: [
+      r.map((o, u) => {
+        var y;
+        return ((y = o == null ? void 0 : o.items) == null ? void 0 : y.length) === 0 ? null : /* @__PURE__ */ n.jsxs(C, { children: [
+          /* @__PURE__ */ n.jsx(c, { variant: "span", weight: "regular", color: d.colors.grey.n400, children: o.title }),
+          o.items.map((p, $) => /* @__PURE__ */ n.jsx(f, { children: /* @__PURE__ */ n.jsx(x, { variant: p == null ? void 0 : p.variant, label: p.label, value: p.value, color: d.colors.grey.n400 }) }, `${u}-${$}`))
+        ] }, o.title);
+      }),
+      e && /* @__PURE__ */ n.jsx(H, { children: /* @__PURE__ */ n.jsx(x, { variant: e == null ? void 0 : e.variant, label: (e == null ? void 0 : e.label) ?? "", value: (e == null ? void 0 : e.value) ?? "", color: d.colors.grey.n400 }) }),
+      s && (s == null ? void 0 : s.length) > 0 && s.map((o) => /* @__PURE__ */ n.jsx(m, { ...o == null ? void 0 : o.btnConfig, children: (o == null ? void 0 : o.label) ?? "" })),
+      t && /* @__PURE__ */ n.jsxs(B, { $variant: t.variant ?? "warning", children: [
+        /* @__PURE__ */ n.jsxs("div", { children: [
+          /* @__PURE__ */ n.jsx(k, { variant: "span", weight: "semiBold", children: t.title }),
+          t.description && /* @__PURE__ */ n.jsx(z, { variant: "caption", children: t.description })
+        ] }),
+        t.action && /* @__PURE__ */ n.jsx(T, { $variant: t.variant ?? "warning", onClick: t.action.onClick, children: t.action.label })
+      ] })
+    ] })
+  ] });
+}
+export {
+  G as default
+};

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,4 @@
+import { TableProps } from './Table.types';
+declare function Table<T extends Record<string, unknown>>({ columns, data, keyField, selectable, onRowSelect, rowActions, stickyHeader, loading, emptyStateMessage, pagination, onRowClick, rowClassName, isRowDisabled, breakpoint, alignHeader, }: Readonly<TableProps<T>>): import("react/jsx-runtime").JSX.Element;
+export default Table;
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Table/Table.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAgC,UAAU,EAAE,MAAM,eAAe,CAAC;AAG9E,iBAAS,KAAK,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAChD,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,UAAkB,EAClB,WAAW,EACX,UAAU,EACV,YAAoB,EACpB,OAAe,EACf,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,UAAiB,EACjB,WAAwC,GACzC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,2CAsOzB;AAED,eAAe,KAAK,CAAC"}