laif-ds 0.2.19 → 0.2.21

package/dist/_virtual/index4.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  a as default
+  x as default
 };

package/dist/_virtual/index5.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const x = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
+var t = e();
+const a = /* @__PURE__ */ r(t);
 export {
-  x as default
+  a as default
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,5 @@
 "use client";
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,5 @@
 "use client";
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/components/ui/app-stepper.js

@@ -0,0 +1,212 @@
+"use client";
+import { jsx as l, jsxs as s } from "react/jsx-runtime";
+import { Stepper as g, StepperNav as z, StepperItem as V, StepperTrigger as S, StepperIndicator as b, StepperTitle as N, StepperSeparator as w, StepperPanel as C, StepperContent as I } from "./stepper.js";
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+const T = e("", {
+  variants: {
+    align: {
+      horizontal: "flex w-full flex-col",
+      vertical: "flex items-start gap-8"
+    }
+  },
+  defaultVariants: {
+    align: "horizontal"
+  }
+}), j = e(
+  "rounded-lg p-6 shadow w-full max-w-6xl",
+  {
+    variants: {
+      align: {
+        horizontal: "mt-6",
+        vertical: "mt-1"
+      }
+    },
+    defaultVariants: {
+      align: "horizontal"
+    }
+  }
+), k = e("", {
+  variants: {
+    align: {
+      horizontal: "flex flex-col gap-3",
+      vertical: "flex flex-row gap-3 items-center"
+    }
+  },
+  defaultVariants: {
+    align: "horizontal"
+  }
+}), y = e("relative", {
+  variants: {
+    align: {
+      horizontal: "flex-1 items-start",
+      vertical: "flex items-start"
+    }
+  },
+  defaultVariants: {
+    align: "horizontal"
+  }
+}), A = e("", {
+  variants: {
+    align: {
+      horizontal: "w-full",
+      vertical: "relative flex flex-col py-2"
+    }
+  },
+  defaultVariants: {
+    align: "horizontal"
+  }
+}), W = e("", {
+  variants: {
+    size: {
+      sm: "w-6 h-6 text-sm font-medium",
+      md: "w-8 h-8 text-base font-bold"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+}), q = e("", {
+  variants: {
+    size: {
+      sm: "text-sm font-medium",
+      md: "text-base font-bold"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+}), B = e(
+  "group-data-[state=completed]/step:bg-d-primary",
+  {
+    variants: {
+      align: {
+        horizontal: "absolute left-1/2 h-0.5",
+        vertical: "!w-0.5"
+      },
+      size: {
+        sm: "top-2.5 ml-2 w-[calc(100%-1rem)]",
+        md: "top-3.5 ml-4 w-[calc(100%-2rem)]"
+      }
+    },
+    compoundVariants: [
+      {
+        align: "vertical",
+        size: "sm",
+        class: "ml-2.5"
+      },
+      {
+        align: "vertical",
+        size: "md",
+        class: "ml-3.5"
+      }
+    ],
+    defaultVariants: {
+      align: "horizontal",
+      size: "sm"
+    }
+  }
+), D = e("flex flex-1", {
+  variants: {
+    align: {
+      horizontal: "justify-center",
+      vertical: "flex-grow"
+    }
+  },
+  defaultVariants: {
+    align: "horizontal"
+  }
+}), E = e("flex flex-1 flex-col", {
+  variants: {
+    align: {
+      horizontal: "items-center",
+      vertical: ""
+    }
+  },
+  defaultVariants: {
+    align: "horizontal"
+  }
+});
+function J({
+  steps: r,
+  align: t = "horizontal",
+  size: n = "sm",
+  showSeparators: f = !0,
+  defaultStep: u,
+  allowStepNavigation: c = !0,
+  allowClickOnlyCompleted: p = !1,
+  onStepClick: d,
+  indicators: h,
+  ...o
+}) {
+  const v = (a, i) => {
+    if (d) {
+      d(a, i);
+      return;
+    }
+    c && !a.disabled && (!p || a.completed) && o.onValueChange?.(a.id);
+  }, x = o.value ?? u ?? r[0]?.id;
+  return /* @__PURE__ */ l(
+    g,
+    {
+      ...o,
+      value: x,
+      orientation: t,
+      indicators: h,
+      children: /* @__PURE__ */ s("div", { className: T({ align: t }), children: [
+        /* @__PURE__ */ l(z, { className: A({ align: t }), children: r.map((a, i) => {
+          const m = c && !a.disabled && (!p || a.completed);
+          return /* @__PURE__ */ s(
+            V,
+            {
+              step: a.id,
+              completed: a.completed,
+              disabled: a.disabled,
+              loading: a.loading,
+              className: y({ align: t }),
+              children: [
+                /* @__PURE__ */ s(
+                  S,
+                  {
+                    className: k({ align: t }),
+                    onClick: () => v(a, i),
+                    style: { cursor: m ? "pointer" : "default" },
+                    children: [
+                      /* @__PURE__ */ l(
+                        b,
+                        {
+                          className: W({ size: n }),
+                          children: a.id
+                        }
+                      ),
+                      /* @__PURE__ */ l(N, { className: q({ size: n }), children: a.label })
+                    ]
+                  }
+                ),
+                f && i < r.length - 1 && /* @__PURE__ */ l(
+                  w,
+                  {
+                    className: B({ align: t, size: n })
+                  }
+                )
+              ]
+            },
+            a.id
+          );
+        }) }),
+        /* @__PURE__ */ l(C, { className: D({ align: t }), children: r.map((a) => /* @__PURE__ */ l(
+          I,
+          {
+            value: a.id,
+            className: E({ align: t }),
+            children: /* @__PURE__ */ l("div", { className: j({ align: t }), children: a.component })
+          },
+          a.id
+        )) })
+      ] })
+    }
+  );
+}
+export {
+  J as AppStepper,
+  J as default
+};