@definable/ui 0.1.8 → 0.1.10

package/dist/components/stepper.esm.js

@@ -1,214 +1,7 @@
-import { j as e } from "../jsx-runtime-DGlMoOmv.js";
-import { c as a } from "../utils-qaFjX9_3.js";
-import { motion as t, AnimatePresence as k } from "framer-motion";
-import { Modal as L } from "./modal.esm.js";
-import { Button as d } from "./button.esm.js";
-function A({ steps: o, className: s }) {
-  return /* @__PURE__ */ e.jsx("div", { className: a("py-6 space-y-5", s), children: o.map((i, r) => /* @__PURE__ */ e.jsxs(
-    t.div,
-    {
-      className: "relative",
-      initial: { opacity: 0, y: 10 },
-      animate: { opacity: 1, y: 0 },
-      transition: { delay: r * 0.1, duration: 0.3 },
-      children: [
-        r !== 0 && /* @__PURE__ */ e.jsx(
-          t.div,
-          {
-            className: a(
-              "absolute left-[15px] -top-[26px] w-[2px] h-[24px] origin-top",
-              i.isCompleted || i.isCurrent ? "bg-primary/60" : "bg-border"
-            ),
-            initial: { scaleY: 0 },
-            animate: { scaleY: 1 },
-            transition: { delay: r * 0.1 + 0.2, duration: 0.2 }
-          }
-        ),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex gap-4 items-start", children: [
-          /* @__PURE__ */ e.jsx(
-            t.div,
-            {
-              className: a(
-                "w-[30px] h-[30px] rounded-full flex items-center justify-center text-xs font-medium shrink-0 transition-all",
-                i.isCompleted && "bg-primary text-primary-foreground shadow-sm shadow-primary/20",
-                i.isCurrent && "border-2 border-primary bg-primary/10 text-primary",
-                !i.isCompleted && !i.isCurrent && "border-2 border-muted-foreground/30 text-muted-foreground"
-              ),
-              whileHover: { scale: 1.05 },
-              whileTap: { scale: 0.98 },
-              transition: { duration: 0.2 },
-              children: i.isCompleted ? /* @__PURE__ */ e.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsx(
-                "path",
-                {
-                  d: "M7.75 12.75L10 15.25L16.25 8.75",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              ) }) : r + 1
-            }
-          ),
-          /* @__PURE__ */ e.jsxs("div", { className: "space-y-0.5 pt-0.5", children: [
-            /* @__PURE__ */ e.jsx("h3", { className: a(
-              "text-sm font-medium transition-colors",
-              i.isCurrent && "text-primary",
-              i.isCompleted && "text-foreground",
-              !i.isCurrent && !i.isCompleted && "text-muted-foreground"
-            ), children: i.title }),
-            i.description && /* @__PURE__ */ e.jsx("p", { className: a(
-              "text-xs text-muted-foreground leading-relaxed",
-              i.isCurrent && "text-muted-foreground/90"
-            ), children: i.description })
-          ] })
-        ] })
-      ]
-    },
-    i.title
-  )) });
-}
-function O({
-  children: o,
-  title: s,
-  sidebar: i,
-  subclassName: r
-}) {
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex h-scroll-xl overflow-hidden", children: [
-    /* @__PURE__ */ e.jsx(
-      t.div,
-      {
-        className: "border-r bg-gradient-to-b from-muted/30 to-muted/60 sticky top-0 self-start h-full max-h-[calc(100vh-10rem)]",
-        initial: { opacity: 0, x: -10 },
-        animate: { opacity: 1, x: 0 },
-        transition: { duration: 0.3, ease: "easeInOut" },
-        children: i
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(
-      t.div,
-      {
-        className: a("flex-1 px-5 py-4 overflow-y-auto", r),
-        initial: { opacity: 0, x: 5 },
-        animate: { opacity: 1, x: 0 },
-        transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" },
-        children: [
-          s && /* @__PURE__ */ e.jsx("div", { className: "flex items-center mb-5", children: /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-semibold text-foreground", children: s }) }),
-          /* @__PURE__ */ e.jsx("div", { className: "h-full", children: o })
-        ]
-      }
-    )
-  ] });
-}
-function E({
-  isOpen: o,
-  onClose: s,
-  title: i,
-  description: r,
-  icon: m,
-  currentStep: l,
-  totalSteps: n,
-  onBack: u,
-  onNext: f,
-  onComplete: h,
-  sidebar: p,
-  children: y,
-  continueText: j = "Continue",
-  completeText: g = "Complete",
-  isNextDisabled: c = !1,
-  isNextLoading: x = !1,
-  size: v = "2xl",
-  stepLayoutSubclassName: b,
-  isShowBackButton: N = !0,
-  isModelContentScrollable: w = !1
-}) {
-  const C = (l + 1) / n * 100;
-  return /* @__PURE__ */ e.jsxs(
-    L,
-    {
-      isOpen: o,
-      onClose: s,
-      size: v,
-      showClose: !0,
-      title: i,
-      isContentScrollable: w,
-      description: r,
-      icon: m && /* @__PURE__ */ e.jsx("div", { className: "bg-primary/10 p-2 rounded-full", children: /* @__PURE__ */ e.jsx(m, { className: "h-5 w-5 text-primary" }) }),
-      contentClassName: "px-0 pt-0 pb-0",
-      footer: /* @__PURE__ */ e.jsxs("div", { className: "w-full flex items-center justify-between", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: l > 0 && N && /* @__PURE__ */ e.jsx(
-          d,
-          {
-            variant: "ghost",
-            onClick: u,
-            size: "sm",
-            className: "text-muted-foreground hover:text-foreground transition-colors",
-            children: "Back"
-          }
-        ) }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex justify-center text-xs text-muted-foreground", children: [
-          "Step ",
-          l + 1,
-          " of ",
-          n
-        ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "flex-1 flex justify-end", children: l < n - 1 ? /* @__PURE__ */ e.jsx(
-          d,
-          {
-            onClick: f,
-            disabled: c,
-            isLoading: x,
-            size: "sm",
-            className: "bg-primary text-primary-foreground hover:bg-primary/90",
-            children: j
-          }
-        ) : /* @__PURE__ */ e.jsx(
-          d,
-          {
-            onClick: h,
-            disabled: c,
-            isLoading: x,
-            size: "sm",
-            className: "bg-primary text-primary-foreground hover:bg-primary/90",
-            children: g
-          }
-        ) })
-      ] }),
-      children: [
-        /* @__PURE__ */ e.jsx("div", { className: "w-full h-0.5 bg-muted relative mb-1", children: /* @__PURE__ */ e.jsx(
-          t.div,
-          {
-            className: "absolute top-0 left-0 h-full bg-primary",
-            initial: { width: 0 },
-            animate: { width: `${C}%` },
-            transition: { duration: 0.3, ease: "easeInOut" }
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(
-          O,
-          {
-            sidebar: p,
-            subclassName: b,
-            children: /* @__PURE__ */ e.jsx(k, { mode: "wait", children: /* @__PURE__ */ e.jsx(
-              t.div,
-              {
-                initial: { opacity: 0, y: 10 },
-                animate: { opacity: 1, y: 0 },
-                exit: { opacity: 0, y: -10 },
-                transition: { duration: 0.25, ease: "easeInOut" },
-                className: "h-full",
-                children: y
-              },
-              l
-            ) })
-          }
-        )
-      ]
-    }
-  );
-}
+import { a as p, S as t, b as o } from "../stepper-modal-SYU9mbXs.js";
 export {
-  O as StepLayout,
-  A as Stepper,
-  E as StepperModal
+  p as StepLayout,
+  t as Stepper,
+  o as StepperModal
 };
 //# sourceMappingURL=stepper.esm.js.map

package/dist/components/stepper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.esm.js","sources":["../../src/components/stepper/stepper.tsx","../../src/components/stepper/step-layout.tsx","../../src/components/stepper/stepper-modal.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\"\nimport { motion } from \"framer-motion\"\nimport { Step } from \"./types\"\n\ninterface StepperProps {\n  steps: Step[]\n  className?: string\n}\n\nexport function Stepper({ steps, className }: StepperProps) {\n  return (\n    <div className={cn(\"py-6 space-y-5\", className)}>\n      {steps.map((step, index) => (\n        <motion.div \n          key={step.title} \n          className=\"relative\"\n          initial={{ opacity: 0, y: 10 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{ delay: index * 0.1, duration: 0.3 }}\n        >\n          {/* Connector line between steps */}\n          {index !== 0 && (\n            <motion.div \n              className={cn(\n                \"absolute left-[15px] -top-[26px] w-[2px] h-[24px] origin-top\",\n                step.isCompleted || step.isCurrent ? \"bg-primary/60\" : \"bg-border\"\n              )}\n              initial={{ scaleY: 0 }}\n              animate={{ scaleY: 1 }}\n              transition={{ delay: index * 0.1 + 0.2, duration: 0.2 }}\n            />\n          )}\n          \n          <div className=\"flex gap-4 items-start\">\n            {/* Step indicator circle */}\n            <motion.div \n              className={cn(\n                \"w-[30px] h-[30px] rounded-full flex items-center justify-center text-xs font-medium shrink-0 transition-all\",\n                step.isCompleted && \"bg-primary text-primary-foreground shadow-sm shadow-primary/20\",\n                step.isCurrent && \"border-2 border-primary bg-primary/10 text-primary\",\n                !step.isCompleted && !step.isCurrent && \"border-2 border-muted-foreground/30 text-muted-foreground\"\n              )}\n              whileHover={{ scale: 1.05 }}\n              whileTap={{ scale: 0.98 }}\n              transition={{ duration: 0.2 }}\n            >\n              {step.isCompleted ? (\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M7.75 12.75L10 15.25L16.25 8.75\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n              ) : (\n                index + 1\n              )}\n            </motion.div>\n            \n            {/* Step content */}\n            <div className=\"space-y-0.5 pt-0.5\">\n              <h3 className={cn(\n                \"text-sm font-medium transition-colors\",\n                step.isCurrent && \"text-primary\",\n                step.isCompleted && \"text-foreground\",\n                !step.isCurrent && !step.isCompleted && \"text-muted-foreground\"\n              )}>\n                {step.title}\n              </h3>\n              {step.description && (\n                <p className={cn(\n                  \"text-xs text-muted-foreground leading-relaxed\",\n                  step.isCurrent && \"text-muted-foreground/90\"\n                )}>\n                  {step.description}\n                </p>\n              )}\n            </div>\n          </div>\n        </motion.div>\n      ))}\n    </div>\n  )\n} ","import { cn } from \"@/lib/utils\"\nimport { motion } from \"framer-motion\"\n\ninterface StepLayoutProps {\n  children: React.ReactNode\n  title?: string\n  sidebar?: React.ReactNode\n  subclassName?: string\n}\n\nexport function StepLayout({ \n  children, \n  title,\n  sidebar,\n  subclassName,\n}: StepLayoutProps) {\n  return (\n    <div className=\"flex h-scroll-xl overflow-hidden\">\n      {/* Sidebar with sticky positioning */}\n      <motion.div \n        className=\"border-r bg-gradient-to-b from-muted/30 to-muted/60 sticky top-0 self-start h-full max-h-[calc(100vh-10rem)]\"\n        initial={{ opacity: 0, x: -10 }}\n        animate={{ opacity: 1, x: 0 }}\n        transition={{ duration: 0.3, ease: \"easeInOut\" }}\n      >\n        {sidebar}\n      </motion.div>\n      \n      {/* Main content area */}\n      <motion.div \n        className={cn(\"flex-1 px-5 py-4 overflow-y-auto\", subclassName)}\n        initial={{ opacity: 0, x: 5 }}\n        animate={{ opacity: 1, x: 0 }}\n        transition={{ duration: 0.3, delay: 0.1, ease: \"easeInOut\" }}\n      >\n        {title && (\n          <div className=\"flex items-center mb-5\">\n            <h2 className=\"text-lg font-semibold text-foreground\">{title}</h2>\n          </div>\n        )}\n        <div className=\"h-full\">\n          {children}\n        </div>\n      </motion.div>\n    </div>\n  )\n} ","import { Modal, ModalProps } from \"../modal\"\nimport { StepLayout } from \"./step-layout\"\nimport { Button } from \"../button\"\nimport { motion, AnimatePresence } from \"framer-motion\"\nimport { cn } from \"@/lib/utils\"\n\ninterface StepperModalProps {\n  isOpen: boolean\n  onClose: () => void\n  title: string\n  description?: string\n  icon?: React.ComponentType<any>\n  currentStep: number\n  totalSteps: number\n  onBack: () => void\n  onNext: () => void\n  onComplete: () => void\n  sidebar: React.ReactNode\n  children: React.ReactNode\n  continueText?: string\n  completeText?: string\n  isNextDisabled?: boolean\n  isNextLoading?: boolean\n  size?: ModalProps['size']\n  stepLayoutSubclassName?: string \n  isShowClose?: boolean\n  isShowBackButton?: boolean\n  isModelContentScrollable?: boolean\n}\n\nexport function StepperModal({\n  isOpen,\n  onClose,\n  title,\n  description,\n  icon: Icon,\n  currentStep,\n  totalSteps,\n  onBack,\n  onNext,\n  onComplete,\n  sidebar,\n  children,\n  continueText = \"Continue\",\n  completeText = \"Complete\",\n  isNextDisabled = false,\n  isNextLoading = false,\n  size = \"2xl\",\n  stepLayoutSubclassName,\n  isShowBackButton = true,\n  isModelContentScrollable = false\n}: StepperModalProps) {\n  // Calculate progress percentage\n  const progress = ((currentStep + 1) / totalSteps) * 100;\n  \n  return (\n    <Modal \n      isOpen={isOpen} \n      onClose={onClose}\n      size={size}\n      showClose={true}\n      title={title}\n      isContentScrollable={isModelContentScrollable}\n      description={description}\n      icon={Icon && (\n        <div className=\"bg-primary/10 p-2 rounded-full\">\n          <Icon className=\"h-5 w-5 text-primary\" />\n        </div>\n      )}\n      contentClassName=\"px-0 pt-0 pb-0\"\n      footer={\n        <div className=\"w-full flex items-center justify-between\">\n          <div className=\"flex-1\">\n            {currentStep > 0 && isShowBackButton && (\n              <Button \n                variant=\"ghost\" \n                onClick={onBack}\n                size=\"sm\"\n                className=\"text-muted-foreground hover:text-foreground transition-colors\"\n              >\n                Back\n              </Button>\n            )}\n          </div>\n          \n          <div className=\"flex-1 flex justify-center text-xs text-muted-foreground\">\n            Step {currentStep + 1} of {totalSteps}\n          </div>\n          \n          <div className=\"flex-1 flex justify-end\">\n            {currentStep < totalSteps - 1 ? (\n              <Button \n                onClick={onNext} \n                disabled={isNextDisabled} \n                isLoading={isNextLoading}\n                size=\"sm\"\n                className=\"bg-primary text-primary-foreground hover:bg-primary/90\"\n              >\n                {continueText}\n              </Button>\n            ) : (\n              <Button \n                onClick={onComplete} \n                disabled={isNextDisabled} \n                isLoading={isNextLoading}\n                size=\"sm\"\n                className=\"bg-primary text-primary-foreground hover:bg-primary/90\"\n              >\n                {completeText}\n              </Button>\n            )}\n          </div>\n        </div>\n      }\n    >\n      {/* Progress bar */}\n      <div className=\"w-full h-0.5 bg-muted relative mb-1\">\n        <motion.div \n          className=\"absolute top-0 left-0 h-full bg-primary\"\n          initial={{ width: 0 }}\n          animate={{ width: `${progress}%` }}\n          transition={{ duration: 0.3, ease: \"easeInOut\" }}\n        />\n      </div>\n      \n      <StepLayout\n        sidebar={sidebar}\n        subclassName={stepLayoutSubclassName}\n      >\n        <AnimatePresence mode=\"wait\">\n          <motion.div\n            key={currentStep}\n            initial={{ opacity: 0, y: 10 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: -10 }}\n            transition={{ duration: 0.25, ease: \"easeInOut\" }}\n            className=\"h-full\"\n          >\n            {children}\n          </motion.div>\n        </AnimatePresence>\n      </StepLayout>\n    </Modal>\n  )\n} "],"names":["Stepper","steps","className","jsx","cn","step","index","jsxs","motion","StepLayout","children","title","sidebar","subclassName","StepperModal","isOpen","onClose","description","Icon","currentStep","totalSteps","onBack","onNext","onComplete","continueText","completeText","isNextDisabled","isNextLoading","size","stepLayoutSubclassName","isShowBackButton","isModelContentScrollable","progress","Modal","Button","AnimatePresence"],"mappings":"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"}
+{"version":3,"file":"stepper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/stepper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BYECrxsp.cjs"),o=require("../utils-DSKoFOjv.cjs"),i=require("framer-motion"),C=require("./modal.js"),x=require("./button.js");function k({steps:n,className:r}){return e.jsxRuntimeExports.jsx("div",{className:o.cn("py-6 space-y-5",r),children:n.map((t,s)=>e.jsxRuntimeExports.jsxs(i.motion.div,{className:"relative",initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:s*.1,duration:.3},children:[s!==0&&e.jsxRuntimeExports.jsx(i.motion.div,{className:o.cn("absolute left-[15px] -top-[26px] w-[2px] h-[24px] origin-top",t.isCompleted||t.isCurrent?"bg-primary/60":"bg-border"),initial:{scaleY:0},animate:{scaleY:1},transition:{delay:s*.1+.2,duration:.2}}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-4 items-start",children:[e.jsxRuntimeExports.jsx(i.motion.div,{className:o.cn("w-[30px] h-[30px] rounded-full flex items-center justify-center text-xs font-medium shrink-0 transition-all",t.isCompleted&&"bg-primary text-primary-foreground shadow-sm shadow-primary/20",t.isCurrent&&"border-2 border-primary bg-primary/10 text-primary",!t.isCompleted&&!t.isCurrent&&"border-2 border-muted-foreground/30 text-muted-foreground"),whileHover:{scale:1.05},whileTap:{scale:.98},transition:{duration:.2},children:t.isCompleted?e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("path",{d:"M7.75 12.75L10 15.25L16.25 8.75",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}):s+1}),e.jsxRuntimeExports.jsxs("div",{className:"space-y-0.5 pt-0.5",children:[e.jsxRuntimeExports.jsx("h3",{className:o.cn("text-sm font-medium transition-colors",t.isCurrent&&"text-primary",t.isCompleted&&"text-foreground",!t.isCurrent&&!t.isCompleted&&"text-muted-foreground"),children:t.title}),t.description&&e.jsxRuntimeExports.jsx("p",{className:o.cn("text-xs text-muted-foreground leading-relaxed",t.isCurrent&&"text-muted-foreground/90"),children:t.description})]})]})]},t.title))})}function c({children:n,title:r,sidebar:t,subclassName:s}){return e.jsxRuntimeExports.jsxs("div",{className:"flex h-scroll-xl overflow-hidden",children:[e.jsxRuntimeExports.jsx(i.motion.div,{className:"border-r bg-gradient-to-b from-muted/30 to-muted/60 sticky top-0 self-start h-full max-h-[calc(100vh-10rem)]",initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.3,ease:"easeInOut"},children:t}),e.jsxRuntimeExports.jsxs(i.motion.div,{className:o.cn("flex-1 px-5 py-4 overflow-y-auto",s),initial:{opacity:0,x:5},animate:{opacity:1,x:0},transition:{duration:.3,delay:.1,ease:"easeInOut"},children:[r&&e.jsxRuntimeExports.jsx("div",{className:"flex items-center mb-5",children:e.jsxRuntimeExports.jsx("h2",{className:"text-lg font-semibold text-foreground",children:r})}),e.jsxRuntimeExports.jsx("div",{className:"h-full",children:n})]})]})}function L({isOpen:n,onClose:r,title:t,description:s,icon:m,currentStep:a,totalSteps:l,onBack:p,onNext:j,onComplete:h,sidebar:f,children:y,continueText:g="Continue",completeText:b="Complete",isNextDisabled:d=!1,isNextLoading:u=!1,size:v="2xl",stepLayoutSubclassName:R,isShowBackButton:E=!0,isModelContentScrollable:N=!1}){const w=(a+1)/l*100;return e.jsxRuntimeExports.jsxs(C.Modal,{isOpen:n,onClose:r,size:v,showClose:!0,title:t,isContentScrollable:N,description:s,icon:m&&e.jsxRuntimeExports.jsx("div",{className:"bg-primary/10 p-2 rounded-full",children:e.jsxRuntimeExports.jsx(m,{className:"h-5 w-5 text-primary"})}),contentClassName:"px-0 pt-0 pb-0",footer:e.jsxRuntimeExports.jsxs("div",{className:"w-full flex items-center justify-between",children:[e.jsxRuntimeExports.jsx("div",{className:"flex-1",children:a>0&&E&&e.jsxRuntimeExports.jsx(x.Button,{variant:"ghost",onClick:p,size:"sm",className:"text-muted-foreground hover:text-foreground transition-colors",children:"Back"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex-1 flex justify-center text-xs text-muted-foreground",children:["Step ",a+1," of ",l]}),e.jsxRuntimeExports.jsx("div",{className:"flex-1 flex justify-end",children:a<l-1?e.jsxRuntimeExports.jsx(x.Button,{onClick:j,disabled:d,isLoading:u,size:"sm",className:"bg-primary text-primary-foreground hover:bg-primary/90",children:g}):e.jsxRuntimeExports.jsx(x.Button,{onClick:h,disabled:d,isLoading:u,size:"sm",className:"bg-primary text-primary-foreground hover:bg-primary/90",children:b})})]}),children:[e.jsxRuntimeExports.jsx("div",{className:"w-full h-0.5 bg-muted relative mb-1",children:e.jsxRuntimeExports.jsx(i.motion.div,{className:"absolute top-0 left-0 h-full bg-primary",initial:{width:0},animate:{width:`${w}%`},transition:{duration:.3,ease:"easeInOut"}})}),e.jsxRuntimeExports.jsx(c,{sidebar:f,subclassName:R,children:e.jsxRuntimeExports.jsx(i.AnimatePresence,{mode:"wait",children:e.jsxRuntimeExports.jsx(i.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.25,ease:"easeInOut"},className:"h-full",children:y},a)})})]})}exports.StepLayout=c;exports.Stepper=k;exports.StepperModal=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../stepper-modal-CPlBpxWy.cjs");exports.StepLayout=e.StepLayout;exports.Stepper=e.Stepper;exports.StepperModal=e.StepperModal;
 //# sourceMappingURL=stepper.js.map

package/dist/components/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../src/components/stepper/stepper.tsx","../../src/components/stepper/step-layout.tsx","../../src/components/stepper/stepper-modal.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\"\nimport { motion } from \"framer-motion\"\nimport { Step } from \"./types\"\n\ninterface StepperProps {\n  steps: Step[]\n  className?: string\n}\n\nexport function Stepper({ steps, className }: StepperProps) {\n  return (\n    <div className={cn(\"py-6 space-y-5\", className)}>\n      {steps.map((step, index) => (\n        <motion.div \n          key={step.title} \n          className=\"relative\"\n          initial={{ opacity: 0, y: 10 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{ delay: index * 0.1, duration: 0.3 }}\n        >\n          {/* Connector line between steps */}\n          {index !== 0 && (\n            <motion.div \n              className={cn(\n                \"absolute left-[15px] -top-[26px] w-[2px] h-[24px] origin-top\",\n                step.isCompleted || step.isCurrent ? \"bg-primary/60\" : \"bg-border\"\n              )}\n              initial={{ scaleY: 0 }}\n              animate={{ scaleY: 1 }}\n              transition={{ delay: index * 0.1 + 0.2, duration: 0.2 }}\n            />\n          )}\n          \n          <div className=\"flex gap-4 items-start\">\n            {/* Step indicator circle */}\n            <motion.div \n              className={cn(\n                \"w-[30px] h-[30px] rounded-full flex items-center justify-center text-xs font-medium shrink-0 transition-all\",\n                step.isCompleted && \"bg-primary text-primary-foreground shadow-sm shadow-primary/20\",\n                step.isCurrent && \"border-2 border-primary bg-primary/10 text-primary\",\n                !step.isCompleted && !step.isCurrent && \"border-2 border-muted-foreground/30 text-muted-foreground\"\n              )}\n              whileHover={{ scale: 1.05 }}\n              whileTap={{ scale: 0.98 }}\n              transition={{ duration: 0.2 }}\n            >\n              {step.isCompleted ? (\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M7.75 12.75L10 15.25L16.25 8.75\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n              ) : (\n                index + 1\n              )}\n            </motion.div>\n            \n            {/* Step content */}\n            <div className=\"space-y-0.5 pt-0.5\">\n              <h3 className={cn(\n                \"text-sm font-medium transition-colors\",\n                step.isCurrent && \"text-primary\",\n                step.isCompleted && \"text-foreground\",\n                !step.isCurrent && !step.isCompleted && \"text-muted-foreground\"\n              )}>\n                {step.title}\n              </h3>\n              {step.description && (\n                <p className={cn(\n                  \"text-xs text-muted-foreground leading-relaxed\",\n                  step.isCurrent && \"text-muted-foreground/90\"\n                )}>\n                  {step.description}\n                </p>\n              )}\n            </div>\n          </div>\n        </motion.div>\n      ))}\n    </div>\n  )\n} ","import { cn } from \"@/lib/utils\"\nimport { motion } from \"framer-motion\"\n\ninterface StepLayoutProps {\n  children: React.ReactNode\n  title?: string\n  sidebar?: React.ReactNode\n  subclassName?: string\n}\n\nexport function StepLayout({ \n  children, \n  title,\n  sidebar,\n  subclassName,\n}: StepLayoutProps) {\n  return (\n    <div className=\"flex h-scroll-xl overflow-hidden\">\n      {/* Sidebar with sticky positioning */}\n      <motion.div \n        className=\"border-r bg-gradient-to-b from-muted/30 to-muted/60 sticky top-0 self-start h-full max-h-[calc(100vh-10rem)]\"\n        initial={{ opacity: 0, x: -10 }}\n        animate={{ opacity: 1, x: 0 }}\n        transition={{ duration: 0.3, ease: \"easeInOut\" }}\n      >\n        {sidebar}\n      </motion.div>\n      \n      {/* Main content area */}\n      <motion.div \n        className={cn(\"flex-1 px-5 py-4 overflow-y-auto\", subclassName)}\n        initial={{ opacity: 0, x: 5 }}\n        animate={{ opacity: 1, x: 0 }}\n        transition={{ duration: 0.3, delay: 0.1, ease: \"easeInOut\" }}\n      >\n        {title && (\n          <div className=\"flex items-center mb-5\">\n            <h2 className=\"text-lg font-semibold text-foreground\">{title}</h2>\n          </div>\n        )}\n        <div className=\"h-full\">\n          {children}\n        </div>\n      </motion.div>\n    </div>\n  )\n} ","import { Modal, ModalProps } from \"../modal\"\nimport { StepLayout } from \"./step-layout\"\nimport { Button } from \"../button\"\nimport { motion, AnimatePresence } from \"framer-motion\"\nimport { cn } from \"@/lib/utils\"\n\ninterface StepperModalProps {\n  isOpen: boolean\n  onClose: () => void\n  title: string\n  description?: string\n  icon?: React.ComponentType<any>\n  currentStep: number\n  totalSteps: number\n  onBack: () => void\n  onNext: () => void\n  onComplete: () => void\n  sidebar: React.ReactNode\n  children: React.ReactNode\n  continueText?: string\n  completeText?: string\n  isNextDisabled?: boolean\n  isNextLoading?: boolean\n  size?: ModalProps['size']\n  stepLayoutSubclassName?: string \n  isShowClose?: boolean\n  isShowBackButton?: boolean\n  isModelContentScrollable?: boolean\n}\n\nexport function StepperModal({\n  isOpen,\n  onClose,\n  title,\n  description,\n  icon: Icon,\n  currentStep,\n  totalSteps,\n  onBack,\n  onNext,\n  onComplete,\n  sidebar,\n  children,\n  continueText = \"Continue\",\n  completeText = \"Complete\",\n  isNextDisabled = false,\n  isNextLoading = false,\n  size = \"2xl\",\n  stepLayoutSubclassName,\n  isShowBackButton = true,\n  isModelContentScrollable = false\n}: StepperModalProps) {\n  // Calculate progress percentage\n  const progress = ((currentStep + 1) / totalSteps) * 100;\n  \n  return (\n    <Modal \n      isOpen={isOpen} \n      onClose={onClose}\n      size={size}\n      showClose={true}\n      title={title}\n      isContentScrollable={isModelContentScrollable}\n      description={description}\n      icon={Icon && (\n        <div className=\"bg-primary/10 p-2 rounded-full\">\n          <Icon className=\"h-5 w-5 text-primary\" />\n        </div>\n      )}\n      contentClassName=\"px-0 pt-0 pb-0\"\n      footer={\n        <div className=\"w-full flex items-center justify-between\">\n          <div className=\"flex-1\">\n            {currentStep > 0 && isShowBackButton && (\n              <Button \n                variant=\"ghost\" \n                onClick={onBack}\n                size=\"sm\"\n                className=\"text-muted-foreground hover:text-foreground transition-colors\"\n              >\n                Back\n              </Button>\n            )}\n          </div>\n          \n          <div className=\"flex-1 flex justify-center text-xs text-muted-foreground\">\n            Step {currentStep + 1} of {totalSteps}\n          </div>\n          \n          <div className=\"flex-1 flex justify-end\">\n            {currentStep < totalSteps - 1 ? (\n              <Button \n                onClick={onNext} \n                disabled={isNextDisabled} \n                isLoading={isNextLoading}\n                size=\"sm\"\n                className=\"bg-primary text-primary-foreground hover:bg-primary/90\"\n              >\n                {continueText}\n              </Button>\n            ) : (\n              <Button \n                onClick={onComplete} \n                disabled={isNextDisabled} \n                isLoading={isNextLoading}\n                size=\"sm\"\n                className=\"bg-primary text-primary-foreground hover:bg-primary/90\"\n              >\n                {completeText}\n              </Button>\n            )}\n          </div>\n        </div>\n      }\n    >\n      {/* Progress bar */}\n      <div className=\"w-full h-0.5 bg-muted relative mb-1\">\n        <motion.div \n          className=\"absolute top-0 left-0 h-full bg-primary\"\n          initial={{ width: 0 }}\n          animate={{ width: `${progress}%` }}\n          transition={{ duration: 0.3, ease: \"easeInOut\" }}\n        />\n      </div>\n      \n      <StepLayout\n        sidebar={sidebar}\n        subclassName={stepLayoutSubclassName}\n      >\n        <AnimatePresence mode=\"wait\">\n          <motion.div\n            key={currentStep}\n            initial={{ opacity: 0, y: 10 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: -10 }}\n            transition={{ duration: 0.25, ease: \"easeInOut\" }}\n            className=\"h-full\"\n          >\n            {children}\n          </motion.div>\n        </AnimatePresence>\n      </StepLayout>\n    </Modal>\n  )\n} "],"names":["Stepper","steps","className","jsx","cn","step","index","jsxs","motion","StepLayout","children","title","sidebar","subclassName","StepperModal","isOpen","onClose","description","Icon","currentStep","totalSteps","onBack","onNext","onComplete","continueText","completeText","isNextDisabled","isNextLoading","size","stepLayoutSubclassName","isShowBackButton","isModelContentScrollable","progress","Modal","Button","AnimatePresence"],"mappings":"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"}
+{"version":3,"file":"stepper.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}