@zentauri-ui/zentauri-components 2.3.0 → 2.3.2

package/dist/ui/dynamic-stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":["zuiDynamicStepperIndicatorToneClasses","cva","zuiDynamicStepperRootBase","zuiDynamicStepperRootOrientations","zuiDynamicStepperMapperBase","zuiDynamicStepperMapperOrientations","zuiDynamicStepperItemBase","zuiDynamicStepperItemOrientations","zuiDynamicStepperIndicatorBase","zuiDynamicStepperIndicatorSizes","useId","useDynamicStepper","jsxs","cn","jsx","Button"],"mappings":"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","file":"dynamic-stepper.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDynamicStepperIndicatorBase,\n  zuiDynamicStepperIndicatorSizes,\n  zuiDynamicStepperIndicatorToneClasses,\n  zuiDynamicStepperItemBase,\n  zuiDynamicStepperItemOrientations,\n  zuiDynamicStepperMapperBase,\n  zuiDynamicStepperMapperOrientations,\n  zuiDynamicStepperRootBase,\n  zuiDynamicStepperRootOrientations,\n  type ZuiDynamicStepperIndicatorSemanticState,\n  type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n  ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n  ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n  state: DynamicStepperIndicatorSemanticState,\n  tone: DynamicStepperIndicatorToneAppearance,\n) {\n  return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n  variants: {\n    orientation: zuiDynamicStepperRootOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n  variants: {\n    orientation: zuiDynamicStepperMapperOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n  variants: {\n    orientation: zuiDynamicStepperItemOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n  zuiDynamicStepperIndicatorBase,\n  {\n    variants: {\n      size: zuiDynamicStepperIndicatorSizes,\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n  dynamicStepperIndicatorToneClass,\n  dynamicStepperIndicatorVariants,\n  dynamicStepperItemVariants,\n  dynamicStepperMapperVariants,\n  dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n  steps,\n  orientation = \"horizontal\",\n  buttonAppearance = \"outline\",\n  buttonSize = \"md\",\n  indicatorSize = \"md\",\n  indicatorCompleteAppearance = \"emerald\",\n  indicatorCurrentAppearance = \"violet\",\n  indicatorUpcomingAppearance = \"outline\",\n  activeStep: activeStepProp,\n  defaultActiveStep,\n  onActiveStepChange,\n  onPrevious,\n  onNext,\n  prevLabel = \"Previous\",\n  nextLabel = \"Next\",\n  className,\n  ref,\n  ...rest\n}: DynamicStepperProps) => {\n  const baseId = useId();\n  const previousId = `${baseId}-previous`;\n  const nextId = `${baseId}-next`;\n  const mapperId = `${baseId}-mapper`;\n\n  const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n    useDynamicStepper({\n      stepCount: steps.length,\n      activeStep: activeStepProp,\n      defaultActiveStep,\n      onActiveStepChange,\n      onPrevious,\n      onNext,\n    });\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const itemOrientation =\n    orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      ref={ref}\n      role=\"navigation\"\n      data-slot=\"dynamic-stepper\"\n      className={cn(dynamicStepperRootVariants({ orientation }), className)}\n      {...rest}\n    >\n      <Button\n        id={previousId}\n        data-slot=\"dynamic-stepper-previous\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoPrevious}\n        onClick={goPrevious}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {prevLabel}\n      </Button>\n\n      <ol\n        id={mapperId}\n        aria-label=\"Steps\"\n        data-slot=\"dynamic-stepper-mapper\"\n        className={dynamicStepperMapperVariants({ orientation })}\n      >\n        {steps.map((step, index) => {\n          const key = step.id ?? `dynamic-stepper-step-${index}`;\n          const isCurrent = index === activeStep;\n          const semanticState =\n            index < activeStep\n              ? \"complete\"\n              : isCurrent\n                ? \"current\"\n                : \"upcoming\";\n          const indicatorTone =\n            semanticState === \"complete\"\n              ? indicatorCompleteAppearance\n              : semanticState === \"current\"\n                ? indicatorCurrentAppearance\n                : indicatorUpcomingAppearance;\n\n          const isVertical = orientation === \"vertical\";\n\n          return (\n            <li\n              key={key}\n              data-slot=\"dynamic-stepper-item\"\n              aria-current={isCurrent ? \"step\" : undefined}\n              className={dynamicStepperItemVariants({\n                orientation: itemOrientation,\n              })}\n            >\n              <div\n                data-slot=\"dynamic-stepper-indicator\"\n                className={cn(\n                  dynamicStepperIndicatorVariants({ size: indicatorSize }),\n                  dynamicStepperIndicatorToneClass(\n                    semanticState,\n                    indicatorTone,\n                  ),\n                )}\n              >\n                {step.indicator ?? index + 1}\n              </div>\n              <div\n                className={cn(\n                  \"min-w-0\",\n                  !isVertical && \"flex flex-col items-center\",\n                )}\n              >\n                {step.title != null && (\n                  <div\n                    className={cn(\n                      \"text-sm font-semibold dark:text-white text-slate-900\",\n                      !isVertical && \"mt-3\",\n                    )}\n                  >\n                    {step.title}\n                  </div>\n                )}\n                {step.description != null && (\n                  <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n                    {step.description}\n                  </p>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n\n      <Button\n        id={nextId}\n        data-slot=\"dynamic-stepper-next\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoNext}\n        onClick={goNext}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {nextLabel}\n      </Button>\n    </div>\n  );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}
+{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":["zuiDynamicStepperIndicatorToneClasses","cva","zuiDynamicStepperRootBase","zuiDynamicStepperRootOrientations","zuiDynamicStepperMapperBase","zuiDynamicStepperMapperOrientations","zuiDynamicStepperItemBase","zuiDynamicStepperItemOrientations","zuiDynamicStepperIndicatorBase","zuiDynamicStepperIndicatorSizes","useId","useDynamicStepper","jsxs","cn","jsx","Button"],"mappings":"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","file":"dynamic-stepper.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDynamicStepperIndicatorBase,\n  zuiDynamicStepperIndicatorSizes,\n  zuiDynamicStepperIndicatorToneClasses,\n  zuiDynamicStepperItemBase,\n  zuiDynamicStepperItemOrientations,\n  zuiDynamicStepperMapperBase,\n  zuiDynamicStepperMapperOrientations,\n  zuiDynamicStepperRootBase,\n  zuiDynamicStepperRootOrientations,\n  type ZuiDynamicStepperIndicatorSemanticState,\n  type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n  ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n  ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n  state: DynamicStepperIndicatorSemanticState,\n  tone: DynamicStepperIndicatorToneAppearance,\n) {\n  return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n  variants: {\n    orientation: zuiDynamicStepperRootOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n  variants: {\n    orientation: zuiDynamicStepperMapperOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n  variants: {\n    orientation: zuiDynamicStepperItemOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n  zuiDynamicStepperIndicatorBase,\n  {\n    variants: {\n      size: zuiDynamicStepperIndicatorSizes,\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n  dynamicStepperIndicatorToneClass,\n  dynamicStepperIndicatorVariants,\n  dynamicStepperItemVariants,\n  dynamicStepperMapperVariants,\n  dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n  steps,\n  orientation = \"horizontal\",\n  buttonAppearance = \"outline\",\n  buttonSize = \"md\",\n  indicatorSize = \"md\",\n  indicatorCompleteAppearance = \"emerald\",\n  indicatorCurrentAppearance = \"violet\",\n  indicatorUpcomingAppearance = \"outline\",\n  activeStep: activeStepProp,\n  defaultActiveStep,\n  onActiveStepChange,\n  onPrevious,\n  onNext,\n  prevLabel = \"Previous\",\n  nextLabel = \"Next\",\n  className,\n  ref,\n  ...rest\n}: DynamicStepperProps) => {\n  const baseId = useId();\n  const previousId = `${baseId}-previous`;\n  const nextId = `${baseId}-next`;\n  const mapperId = `${baseId}-mapper`;\n\n  const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n    useDynamicStepper({\n      stepCount: steps.length,\n      activeStep: activeStepProp,\n      defaultActiveStep,\n      onActiveStepChange,\n      onPrevious,\n      onNext,\n    });\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const itemOrientation =\n    orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      ref={ref}\n      role=\"navigation\"\n      data-slot=\"dynamic-stepper\"\n      className={cn(dynamicStepperRootVariants({ orientation }), className)}\n      {...rest}\n    >\n      <Button\n        id={previousId}\n        data-slot=\"dynamic-stepper-previous\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoPrevious}\n        onClick={goPrevious}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {prevLabel}\n      </Button>\n\n      <ol\n        id={mapperId}\n        aria-label=\"Steps\"\n        data-slot=\"dynamic-stepper-mapper\"\n        className={dynamicStepperMapperVariants({ orientation })}\n      >\n        {steps.map((step, index) => {\n          const key = step.id ?? `dynamic-stepper-step-${index}`;\n          const isCurrent = index === activeStep;\n          const semanticState =\n            index < activeStep\n              ? \"complete\"\n              : isCurrent\n                ? \"current\"\n                : \"upcoming\";\n          const indicatorTone =\n            semanticState === \"complete\"\n              ? indicatorCompleteAppearance\n              : semanticState === \"current\"\n                ? indicatorCurrentAppearance\n                : indicatorUpcomingAppearance;\n\n          const isVertical = orientation === \"vertical\";\n\n          return (\n            <li\n              key={key}\n              data-slot=\"dynamic-stepper-item\"\n              aria-current={isCurrent ? \"step\" : undefined}\n              className={dynamicStepperItemVariants({\n                orientation: itemOrientation,\n              })}\n            >\n              <div\n                data-slot=\"dynamic-stepper-indicator\"\n                className={cn(\n                  dynamicStepperIndicatorVariants({ size: indicatorSize }),\n                  dynamicStepperIndicatorToneClass(\n                    semanticState,\n                    indicatorTone,\n                  ),\n                )}\n              >\n                {step.indicator ?? index + 1}\n              </div>\n              <div\n                className={cn(\n                  \"min-w-0\",\n                  !isVertical && \"flex flex-col items-center\",\n                )}\n              >\n                {step.title != null && (\n                  <div\n                    className={cn(\n                      \"text-sm font-semibold dark:text-white text-slate-900\",\n                      !isVertical && \"mt-3\",\n                    )}\n                  >\n                    {step.title}\n                  </div>\n                )}\n                {step.description != null && (\n                  <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n                    {step.description}\n                  </p>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n\n      <Button\n        id={nextId}\n        data-slot=\"dynamic-stepper-next\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoNext}\n        onClick={goNext}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {nextLabel}\n      </Button>\n    </div>\n  );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}

package/dist/ui/dynamic-stepper.mjs

@@ -1,28 +1,32 @@
 "use client";
 import { useDynamicStepper } from '../chunk-4MPNRGUA.mjs';
 import '../chunk-NWOE2TZN.mjs';
-import { Button } from '../chunk-JKKF5DCF.mjs';
-import '../chunk-WZY32L6K.mjs';
-import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-ZB6C6CJQ.mjs';
+import { Button } from '../chunk-R2JXARKB.mjs';
+import '../chunk-YDD5HQGX.mjs';
+import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-TZTUL6C4.mjs';
 import '../chunk-2NQKFH26.mjs';
+import '../chunk-XY3TKIIH.mjs';
+import '../chunk-FX5KR2GP.mjs';
+import '../chunk-ZBAKTM2R.mjs';
+import '../chunk-4ZBMDWWY.mjs';
 import '../chunk-YH6MOKHR.mjs';
 import '../chunk-T4ZLTKV2.mjs';
 import '../chunk-EMZC6ICD.mjs';
 import '../chunk-PUSCPBT2.mjs';
+import '../chunk-CIZQQ32L.mjs';
+import '../chunk-LRYKMXKI.mjs';
 import '../chunk-XFJIX2YP.mjs';
+import '../chunk-N4MLFU2Q.mjs';
+import '../chunk-K2VCZK4I.mjs';
 import '../chunk-4WG3VNVL.mjs';
 import '../chunk-YPTHTFVF.mjs';
-import '../chunk-XY3TKIIH.mjs';
-import '../chunk-FX5KR2GP.mjs';
-import '../chunk-ZBAKTM2R.mjs';
-import '../chunk-4ZBMDWWY.mjs';
 import '../chunk-3IE4IELX.mjs';
 import '../chunk-BUEI4RMR.mjs';
+import '../chunk-4U6PVVST.mjs';
+import '../chunk-PWYEC3KY.mjs';
 import '../chunk-5AOVTY2X.mjs';
 import '../chunk-523VQLCW.mjs';
 import '../chunk-3VW4HMJT.mjs';
-import '../chunk-DIAA5VH4.mjs';
-import '../chunk-LRYKMXKI.mjs';
 import '../chunk-RWF3NVZP.mjs';
 import '../chunk-34LHS26H.mjs';
 import '../chunk-JEDMUBYI.mjs';

package/dist/ui/dynamic-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":[],"mappings":"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","file":"dynamic-stepper.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDynamicStepperIndicatorBase,\n  zuiDynamicStepperIndicatorSizes,\n  zuiDynamicStepperIndicatorToneClasses,\n  zuiDynamicStepperItemBase,\n  zuiDynamicStepperItemOrientations,\n  zuiDynamicStepperMapperBase,\n  zuiDynamicStepperMapperOrientations,\n  zuiDynamicStepperRootBase,\n  zuiDynamicStepperRootOrientations,\n  type ZuiDynamicStepperIndicatorSemanticState,\n  type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n  ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n  ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n  state: DynamicStepperIndicatorSemanticState,\n  tone: DynamicStepperIndicatorToneAppearance,\n) {\n  return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n  variants: {\n    orientation: zuiDynamicStepperRootOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n  variants: {\n    orientation: zuiDynamicStepperMapperOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n  variants: {\n    orientation: zuiDynamicStepperItemOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n  zuiDynamicStepperIndicatorBase,\n  {\n    variants: {\n      size: zuiDynamicStepperIndicatorSizes,\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n  dynamicStepperIndicatorToneClass,\n  dynamicStepperIndicatorVariants,\n  dynamicStepperItemVariants,\n  dynamicStepperMapperVariants,\n  dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n  steps,\n  orientation = \"horizontal\",\n  buttonAppearance = \"outline\",\n  buttonSize = \"md\",\n  indicatorSize = \"md\",\n  indicatorCompleteAppearance = \"emerald\",\n  indicatorCurrentAppearance = \"violet\",\n  indicatorUpcomingAppearance = \"outline\",\n  activeStep: activeStepProp,\n  defaultActiveStep,\n  onActiveStepChange,\n  onPrevious,\n  onNext,\n  prevLabel = \"Previous\",\n  nextLabel = \"Next\",\n  className,\n  ref,\n  ...rest\n}: DynamicStepperProps) => {\n  const baseId = useId();\n  const previousId = `${baseId}-previous`;\n  const nextId = `${baseId}-next`;\n  const mapperId = `${baseId}-mapper`;\n\n  const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n    useDynamicStepper({\n      stepCount: steps.length,\n      activeStep: activeStepProp,\n      defaultActiveStep,\n      onActiveStepChange,\n      onPrevious,\n      onNext,\n    });\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const itemOrientation =\n    orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      ref={ref}\n      role=\"navigation\"\n      data-slot=\"dynamic-stepper\"\n      className={cn(dynamicStepperRootVariants({ orientation }), className)}\n      {...rest}\n    >\n      <Button\n        id={previousId}\n        data-slot=\"dynamic-stepper-previous\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoPrevious}\n        onClick={goPrevious}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {prevLabel}\n      </Button>\n\n      <ol\n        id={mapperId}\n        aria-label=\"Steps\"\n        data-slot=\"dynamic-stepper-mapper\"\n        className={dynamicStepperMapperVariants({ orientation })}\n      >\n        {steps.map((step, index) => {\n          const key = step.id ?? `dynamic-stepper-step-${index}`;\n          const isCurrent = index === activeStep;\n          const semanticState =\n            index < activeStep\n              ? \"complete\"\n              : isCurrent\n                ? \"current\"\n                : \"upcoming\";\n          const indicatorTone =\n            semanticState === \"complete\"\n              ? indicatorCompleteAppearance\n              : semanticState === \"current\"\n                ? indicatorCurrentAppearance\n                : indicatorUpcomingAppearance;\n\n          const isVertical = orientation === \"vertical\";\n\n          return (\n            <li\n              key={key}\n              data-slot=\"dynamic-stepper-item\"\n              aria-current={isCurrent ? \"step\" : undefined}\n              className={dynamicStepperItemVariants({\n                orientation: itemOrientation,\n              })}\n            >\n              <div\n                data-slot=\"dynamic-stepper-indicator\"\n                className={cn(\n                  dynamicStepperIndicatorVariants({ size: indicatorSize }),\n                  dynamicStepperIndicatorToneClass(\n                    semanticState,\n                    indicatorTone,\n                  ),\n                )}\n              >\n                {step.indicator ?? index + 1}\n              </div>\n              <div\n                className={cn(\n                  \"min-w-0\",\n                  !isVertical && \"flex flex-col items-center\",\n                )}\n              >\n                {step.title != null && (\n                  <div\n                    className={cn(\n                      \"text-sm font-semibold dark:text-white text-slate-900\",\n                      !isVertical && \"mt-3\",\n                    )}\n                  >\n                    {step.title}\n                  </div>\n                )}\n                {step.description != null && (\n                  <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n                    {step.description}\n                  </p>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n\n      <Button\n        id={nextId}\n        data-slot=\"dynamic-stepper-next\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoNext}\n        onClick={goNext}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {nextLabel}\n      </Button>\n    </div>\n  );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}
+{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":[],"mappings":"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","file":"dynamic-stepper.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDynamicStepperIndicatorBase,\n  zuiDynamicStepperIndicatorSizes,\n  zuiDynamicStepperIndicatorToneClasses,\n  zuiDynamicStepperItemBase,\n  zuiDynamicStepperItemOrientations,\n  zuiDynamicStepperMapperBase,\n  zuiDynamicStepperMapperOrientations,\n  zuiDynamicStepperRootBase,\n  zuiDynamicStepperRootOrientations,\n  type ZuiDynamicStepperIndicatorSemanticState,\n  type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n  ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n  ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n  state: DynamicStepperIndicatorSemanticState,\n  tone: DynamicStepperIndicatorToneAppearance,\n) {\n  return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n  variants: {\n    orientation: zuiDynamicStepperRootOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n  variants: {\n    orientation: zuiDynamicStepperMapperOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n  variants: {\n    orientation: zuiDynamicStepperItemOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n  zuiDynamicStepperIndicatorBase,\n  {\n    variants: {\n      size: zuiDynamicStepperIndicatorSizes,\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n  dynamicStepperIndicatorToneClass,\n  dynamicStepperIndicatorVariants,\n  dynamicStepperItemVariants,\n  dynamicStepperMapperVariants,\n  dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n  steps,\n  orientation = \"horizontal\",\n  buttonAppearance = \"outline\",\n  buttonSize = \"md\",\n  indicatorSize = \"md\",\n  indicatorCompleteAppearance = \"emerald\",\n  indicatorCurrentAppearance = \"violet\",\n  indicatorUpcomingAppearance = \"outline\",\n  activeStep: activeStepProp,\n  defaultActiveStep,\n  onActiveStepChange,\n  onPrevious,\n  onNext,\n  prevLabel = \"Previous\",\n  nextLabel = \"Next\",\n  className,\n  ref,\n  ...rest\n}: DynamicStepperProps) => {\n  const baseId = useId();\n  const previousId = `${baseId}-previous`;\n  const nextId = `${baseId}-next`;\n  const mapperId = `${baseId}-mapper`;\n\n  const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n    useDynamicStepper({\n      stepCount: steps.length,\n      activeStep: activeStepProp,\n      defaultActiveStep,\n      onActiveStepChange,\n      onPrevious,\n      onNext,\n    });\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const itemOrientation =\n    orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      ref={ref}\n      role=\"navigation\"\n      data-slot=\"dynamic-stepper\"\n      className={cn(dynamicStepperRootVariants({ orientation }), className)}\n      {...rest}\n    >\n      <Button\n        id={previousId}\n        data-slot=\"dynamic-stepper-previous\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoPrevious}\n        onClick={goPrevious}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {prevLabel}\n      </Button>\n\n      <ol\n        id={mapperId}\n        aria-label=\"Steps\"\n        data-slot=\"dynamic-stepper-mapper\"\n        className={dynamicStepperMapperVariants({ orientation })}\n      >\n        {steps.map((step, index) => {\n          const key = step.id ?? `dynamic-stepper-step-${index}`;\n          const isCurrent = index === activeStep;\n          const semanticState =\n            index < activeStep\n              ? \"complete\"\n              : isCurrent\n                ? \"current\"\n                : \"upcoming\";\n          const indicatorTone =\n            semanticState === \"complete\"\n              ? indicatorCompleteAppearance\n              : semanticState === \"current\"\n                ? indicatorCurrentAppearance\n                : indicatorUpcomingAppearance;\n\n          const isVertical = orientation === \"vertical\";\n\n          return (\n            <li\n              key={key}\n              data-slot=\"dynamic-stepper-item\"\n              aria-current={isCurrent ? \"step\" : undefined}\n              className={dynamicStepperItemVariants({\n                orientation: itemOrientation,\n              })}\n            >\n              <div\n                data-slot=\"dynamic-stepper-indicator\"\n                className={cn(\n                  dynamicStepperIndicatorVariants({ size: indicatorSize }),\n                  dynamicStepperIndicatorToneClass(\n                    semanticState,\n                    indicatorTone,\n                  ),\n                )}\n              >\n                {step.indicator ?? index + 1}\n              </div>\n              <div\n                className={cn(\n                  \"min-w-0\",\n                  !isVertical && \"flex flex-col items-center\",\n                )}\n              >\n                {step.title != null && (\n                  <div\n                    className={cn(\n                      \"text-sm font-semibold dark:text-white text-slate-900\",\n                      !isVertical && \"mt-3\",\n                    )}\n                  >\n                    {step.title}\n                  </div>\n                )}\n                {step.description != null && (\n                  <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n                    {step.description}\n                  </p>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n\n      <Button\n        id={nextId}\n        data-slot=\"dynamic-stepper-next\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoNext}\n        onClick={goNext}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {nextLabel}\n      </Button>\n    </div>\n  );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}

package/dist/ui/pagination.js

@@ -1,29 +1,33 @@
 "use client";
 'use strict';
 
-var chunkDSX6RUYI_js = require('../chunk-DSX6RUYI.js');
+var chunkKVBFWRPF_js = require('../chunk-KVBFWRPF.js');
 var chunk2VUMVDR3_js = require('../chunk-2VUMVDR3.js');
-require('../chunk-ENKXB2BA.js');
-require('../chunk-YY7G4NV3.js');
+require('../chunk-2RBBXVFA.js');
+require('../chunk-NZQA4M35.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-OH5VOGNW.js');
+require('../chunk-Y7BU5RC4.js');
+require('../chunk-NDF3HORF.js');
+require('../chunk-USLNTKVQ.js');
 require('../chunk-D7ATXPVI.js');
 require('../chunk-IEHY6KNM.js');
 require('../chunk-HNPGWFVY.js');
 require('../chunk-3MK7CWEX.js');
+require('../chunk-HNAUUCR5.js');
+require('../chunk-3EJCQXGV.js');
 require('../chunk-6KVTKYTB.js');
+require('../chunk-OME7XOPN.js');
+require('../chunk-HJ7EFBED.js');
 require('../chunk-L7W4NRK6.js');
 require('../chunk-KWBGLH7G.js');
-require('../chunk-OH5VOGNW.js');
-require('../chunk-Y7BU5RC4.js');
-require('../chunk-NDF3HORF.js');
-require('../chunk-USLNTKVQ.js');
 require('../chunk-PZ25OHJE.js');
 require('../chunk-HOOZYA4N.js');
+require('../chunk-XUK5P37Y.js');
+require('../chunk-PVVYOIU2.js');
 require('../chunk-CJCOURVM.js');
 require('../chunk-22FJROCI.js');
 require('../chunk-UJXFD4SK.js');
-require('../chunk-H3BJOK22.js');
-require('../chunk-3EJCQXGV.js');
 require('../chunk-YRQN3AV4.js');
 require('../chunk-A7MU6SFI.js');
 require('../chunk-WGN2CBG6.js');
@@ -58,15 +62,15 @@ require('../chunk-PZ5AY32C.js');
 
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunkDSX6RUYI_js.Pagination; }
+  get: function () { return chunkKVBFWRPF_js.Pagination; }
 });
 Object.defineProperty(exports, "paginationEllipsisVariants", {
   enumerable: true,
-  get: function () { return chunkDSX6RUYI_js.paginationEllipsisVariants; }
+  get: function () { return chunkKVBFWRPF_js.paginationEllipsisVariants; }
 });
 Object.defineProperty(exports, "paginationListVariants", {
   enumerable: true,
-  get: function () { return chunkDSX6RUYI_js.paginationListVariants; }
+  get: function () { return chunkKVBFWRPF_js.paginationListVariants; }
 });
 Object.defineProperty(exports, "usePagination", {
   enumerable: true,

package/dist/ui/pagination.mjs

@@ -1,27 +1,31 @@
 "use client";
-export { Pagination, paginationEllipsisVariants, paginationListVariants } from '../chunk-BFHJF4MV.mjs';
+export { Pagination, paginationEllipsisVariants, paginationListVariants } from '../chunk-425DAZTS.mjs';
 export { usePagination } from '../chunk-YNBJAFI2.mjs';
-import '../chunk-WZY32L6K.mjs';
-import '../chunk-ZB6C6CJQ.mjs';
+import '../chunk-YDD5HQGX.mjs';
+import '../chunk-TZTUL6C4.mjs';
 import '../chunk-2NQKFH26.mjs';
+import '../chunk-XY3TKIIH.mjs';
+import '../chunk-FX5KR2GP.mjs';
+import '../chunk-ZBAKTM2R.mjs';
+import '../chunk-4ZBMDWWY.mjs';
 import '../chunk-YH6MOKHR.mjs';
 import '../chunk-T4ZLTKV2.mjs';
 import '../chunk-EMZC6ICD.mjs';
 import '../chunk-PUSCPBT2.mjs';
+import '../chunk-CIZQQ32L.mjs';
+import '../chunk-LRYKMXKI.mjs';
 import '../chunk-XFJIX2YP.mjs';
+import '../chunk-N4MLFU2Q.mjs';
+import '../chunk-K2VCZK4I.mjs';
 import '../chunk-4WG3VNVL.mjs';
 import '../chunk-YPTHTFVF.mjs';
-import '../chunk-XY3TKIIH.mjs';
-import '../chunk-FX5KR2GP.mjs';
-import '../chunk-ZBAKTM2R.mjs';
-import '../chunk-4ZBMDWWY.mjs';
 import '../chunk-3IE4IELX.mjs';
 import '../chunk-BUEI4RMR.mjs';
+import '../chunk-4U6PVVST.mjs';
+import '../chunk-PWYEC3KY.mjs';
 import '../chunk-5AOVTY2X.mjs';
 import '../chunk-523VQLCW.mjs';
 import '../chunk-3VW4HMJT.mjs';
-import '../chunk-DIAA5VH4.mjs';
-import '../chunk-LRYKMXKI.mjs';
 import '../chunk-RWF3NVZP.mjs';
 import '../chunk-34LHS26H.mjs';
 import '../chunk-JEDMUBYI.mjs';

package/dist/ui/qr-code/animated/animations.d.ts

@@ -0,0 +1,8 @@
+import type { Transition, Variants } from "framer-motion";
+export type QrCodeAnimation = "none" | "fade-in" | "zoom-in" | "slide-up" | "rotate-in";
+export type QrCodeAnimationPresets = Record<QrCodeAnimation, {
+    transition: Transition;
+    variants: Variants;
+}>;
+export declare const qrCodeAnimationPresets: QrCodeAnimationPresets;
+//# sourceMappingURL=animations.d.ts.map

package/dist/ui/qr-code/animated/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/qr-code/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE1D,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,sBAAsB,GAAG,MAAM,CACzC,eAAe,EACf;IAAE,UAAU,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,QAAQ,CAAA;CAAE,CAC/C,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,sBAoCpC,CAAC"}

package/dist/ui/qr-code/animated/index.d.ts

@@ -0,0 +1,4 @@
+export { QrCodeAnimated } from "./qr-code-animated";
+export type { QrCodeAnimation, QrCodeAnimatedProps } from "./types";
+export { qrCodeAnimationPresets } from "./animations";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/qr-code/animated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/qr-code/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/qr-code/animated/qr-code-animated.d.ts

@@ -0,0 +1,6 @@
+import type { QrCodeAnimatedProps } from "./types";
+export declare function QrCodeAnimated({ animation, value, canvasSize, level, bgColor, fgColor, margin, caption, className, ...props }: QrCodeAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace QrCodeAnimated {
+    var displayName: string;
+}
+//# sourceMappingURL=qr-code-animated.d.ts.map

package/dist/ui/qr-code/animated/qr-code-animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/qr-code/animated/qr-code-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,EAC7B,SAAkB,EAClB,KAAK,EACL,UAAgB,EAChB,KAAW,EACX,OAAmB,EACnB,OAAmB,EACnB,MAAU,EACV,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAsFrB;yBAjGe,cAAc"}

package/dist/ui/qr-code/animated/types.d.ts

@@ -0,0 +1,9 @@
+import type { Ref } from "react";
+import type { QrCodeBaseProps } from "../types";
+import type { QrCodeAnimation } from "./animations";
+export type { QrCodeAnimation };
+export type QrCodeAnimatedProps = QrCodeBaseProps & {
+    animation?: QrCodeAnimation;
+    ref?: Ref<HTMLDivElement>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/qr-code/animated/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/qr-code/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,CAAC"}

package/dist/ui/qr-code/animated.js

@@ -0,0 +1,156 @@
+"use client";
+'use strict';
+
+var chunkPWEZB53R_js = require('../../chunk-PWEZB53R.js');
+require('../../chunk-XUK5P37Y.js');
+var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
+require('../../chunk-PZ5AY32C.js');
+var react = require('react');
+var framerMotion = require('framer-motion');
+var QRCode = require('qrcode');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var QRCode__default = /*#__PURE__*/_interopDefault(QRCode);
+
+// src/ui/qr-code/animated/animations.ts
+var qrCodeAnimationPresets = {
+  none: {
+    transition: { duration: 0 },
+    variants: {
+      initial: { opacity: 1 },
+      animate: { opacity: 1 }
+    }
+  },
+  "fade-in": {
+    transition: { duration: 0.3, ease: "easeOut" },
+    variants: {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 }
+    }
+  },
+  "zoom-in": {
+    transition: { type: "spring", stiffness: 300, damping: 24 },
+    variants: {
+      initial: { opacity: 0, scale: 0.85 },
+      animate: { opacity: 1, scale: 1 }
+    }
+  },
+  "slide-up": {
+    transition: { type: "spring", stiffness: 280, damping: 22 },
+    variants: {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 }
+    }
+  },
+  "rotate-in": {
+    transition: { type: "spring", stiffness: 200, damping: 18 },
+    variants: {
+      initial: { opacity: 0, rotate: -90, scale: 0.8 },
+      animate: { opacity: 1, rotate: 0, scale: 1 }
+    }
+  }
+};
+function QrCodeAnimated({
+  animation = "none",
+  value,
+  canvasSize = 200,
+  level = "M",
+  bgColor = "#ffffff",
+  fgColor = "#000000",
+  margin = 2,
+  caption,
+  className,
+  ...props
+}) {
+  const canvasRef = react.useRef(null);
+  react.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas || animation === "none") return;
+    if (!value) {
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+      }
+      return;
+    }
+    QRCode__default.default.toCanvas(
+      canvas,
+      value,
+      {
+        width: canvasSize,
+        margin,
+        color: {
+          dark: fgColor,
+          light: bgColor
+        },
+        errorCorrectionLevel: level
+      },
+      (error) => {
+        if (error) {
+          console.error("QR Code generation error:", error);
+        }
+      }
+    );
+  }, [value, canvasSize, level, bgColor, fgColor, margin, animation]);
+  if (animation === "none") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkPWEZB53R_js.QrCodeBase,
+      {
+        value,
+        canvasSize,
+        level,
+        bgColor,
+        fgColor,
+        margin,
+        caption,
+        className,
+        ...props
+      }
+    );
+  }
+  const preset = qrCodeAnimationPresets[animation];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      "data-slot": "qr-code",
+      className: chunkZS5756ZC_js.cn(
+        "inline-flex flex-col items-center gap-3 rounded-2xl border p-6 border-[color:var(--zui-qr-code-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-qr-code-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-qr-code-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-qr-code-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]",
+        className
+      ),
+      variants: preset.variants,
+      initial: "initial",
+      animate: "animate",
+      transition: preset.transition,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl bg-[var(--zui-qr-code-canvas-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-qr-code-canvas-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            width: canvasSize,
+            height: canvasSize,
+            "data-slot": "qr-code-canvas",
+            className: "block h-auto max-w-full",
+            "aria-label": `QR code for ${value}`
+          }
+        ) }),
+        caption ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "qr-code-caption",
+            className: "text-xs text-center text-[color:var(--zui-qr-code-caption-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-qr-code-caption-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] max-w-full truncate px-2",
+            children: caption
+          }
+        ) : null
+      ]
+    }
+  );
+}
+QrCodeAnimated.displayName = "QrCodeAnimated";
+
+exports.QrCodeAnimated = QrCodeAnimated;
+exports.qrCodeAnimationPresets = qrCodeAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/qr-code/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/qr-code/animated/animations.ts","../../../src/ui/qr-code/animated/qr-code-animated.tsx"],"names":["useRef","useEffect","QRCode","jsx","QrCodeBase","jsxs","motion","cn"],"mappings":"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","file":"animated.js","sourcesContent":["import type { Transition, Variants } from \"framer-motion\";\n\nexport type QrCodeAnimation =\n  | \"none\"\n  | \"fade-in\"\n  | \"zoom-in\"\n  | \"slide-up\"\n  | \"rotate-in\";\n\nexport type QrCodeAnimationPresets = Record<\n  QrCodeAnimation,\n  { transition: Transition; variants: Variants }\n>;\n\nexport const qrCodeAnimationPresets: QrCodeAnimationPresets = {\n  none: {\n    transition: { duration: 0 },\n    variants: {\n      initial: { opacity: 1 },\n      animate: { opacity: 1 },\n    },\n  },\n  \"fade-in\": {\n    transition: { duration: 0.3, ease: \"easeOut\" },\n    variants: {\n      initial: { opacity: 0 },\n      animate: { opacity: 1 },\n    },\n  },\n  \"zoom-in\": {\n    transition: { type: \"spring\", stiffness: 300, damping: 24 },\n    variants: {\n      initial: { opacity: 0, scale: 0.85 },\n      animate: { opacity: 1, scale: 1 },\n    },\n  },\n  \"slide-up\": {\n    transition: { type: \"spring\", stiffness: 280, damping: 22 },\n    variants: {\n      initial: { opacity: 0, y: 20 },\n      animate: { opacity: 1, y: 0 },\n    },\n  },\n  \"rotate-in\": {\n    transition: { type: \"spring\", stiffness: 200, damping: 18 },\n    variants: {\n      initial: { opacity: 0, rotate: -90, scale: 0.8 },\n      animate: { opacity: 1, rotate: 0, scale: 1 },\n    },\n  },\n};\n","\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport { motion } from \"framer-motion\";\nimport QRCode from \"qrcode\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { qrCodeAnimationPresets } from \"./animations\";\nimport type { QrCodeAnimatedProps } from \"./types\";\nimport { QrCodeBase } from \"../qr-code-base\";\n\nexport function QrCodeAnimated({\n  animation = \"none\",\n  value,\n  canvasSize = 200,\n  level = \"M\",\n  bgColor = \"#ffffff\",\n  fgColor = \"#000000\",\n  margin = 2,\n  caption,\n  className,\n  ...props\n}: QrCodeAnimatedProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || animation === \"none\") return;\n\n    if (!value) {\n      const ctx = canvas.getContext(\"2d\");\n      if (ctx) {\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\n      }\n      return;\n    }\n\n    QRCode.toCanvas(\n      canvas,\n      value,\n      {\n        width: canvasSize,\n        margin,\n        color: {\n          dark: fgColor,\n          light: bgColor,\n        },\n        errorCorrectionLevel: level,\n      },\n      (error) => {\n        if (error) {\n          console.error(\"QR Code generation error:\", error);\n        }\n      },\n    );\n  }, [value, canvasSize, level, bgColor, fgColor, margin, animation]);\n\n  if (animation === \"none\") {\n    return (\n      <QrCodeBase\n        value={value}\n        canvasSize={canvasSize}\n        level={level}\n        bgColor={bgColor}\n        fgColor={fgColor}\n        margin={margin}\n        caption={caption}\n        className={className}\n        {...props}\n      />\n    );\n  }\n\n  const preset = qrCodeAnimationPresets[animation];\n\n  return (\n    <motion.div\n      data-slot=\"qr-code\"\n      className={cn(\n        \"inline-flex flex-col items-center gap-3 rounded-2xl border p-6 border-[color:var(--zui-qr-code-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-qr-code-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-qr-code-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-qr-code-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]\",\n        className,\n      )}\n      variants={preset.variants}\n      initial=\"initial\"\n      animate=\"animate\"\n      transition={preset.transition}\n      {...(props as Record<string, unknown>)}\n    >\n      <div className=\"overflow-hidden rounded-xl bg-[var(--zui-qr-code-canvas-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-qr-code-canvas-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]\">\n        <canvas\n          ref={canvasRef}\n          width={canvasSize}\n          height={canvasSize}\n          data-slot=\"qr-code-canvas\"\n          className=\"block h-auto max-w-full\"\n          aria-label={`QR code for ${value}`}\n        />\n      </div>\n      {caption ? (\n        <span\n          data-slot=\"qr-code-caption\"\n          className=\"text-xs text-center text-[color:var(--zui-qr-code-caption-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-qr-code-caption-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] max-w-full truncate px-2\"\n        >\n          {caption}\n        </span>\n      ) : null}\n    </motion.div>\n  );\n}\n\nQrCodeAnimated.displayName = \"QrCodeAnimated\";\n"]}

package/dist/ui/qr-code/animated.mjs

@@ -0,0 +1,149 @@
+"use client";
+import { QrCodeBase } from '../../chunk-UBQY572I.mjs';
+import '../../chunk-4U6PVVST.mjs';
+import { cn } from '../../chunk-4D54YOL6.mjs';
+import '../../chunk-J5LGTIGS.mjs';
+import { useRef, useEffect } from 'react';
+import { motion } from 'framer-motion';
+import QRCode from 'qrcode';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/ui/qr-code/animated/animations.ts
+var qrCodeAnimationPresets = {
+  none: {
+    transition: { duration: 0 },
+    variants: {
+      initial: { opacity: 1 },
+      animate: { opacity: 1 }
+    }
+  },
+  "fade-in": {
+    transition: { duration: 0.3, ease: "easeOut" },
+    variants: {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 }
+    }
+  },
+  "zoom-in": {
+    transition: { type: "spring", stiffness: 300, damping: 24 },
+    variants: {
+      initial: { opacity: 0, scale: 0.85 },
+      animate: { opacity: 1, scale: 1 }
+    }
+  },
+  "slide-up": {
+    transition: { type: "spring", stiffness: 280, damping: 22 },
+    variants: {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 }
+    }
+  },
+  "rotate-in": {
+    transition: { type: "spring", stiffness: 200, damping: 18 },
+    variants: {
+      initial: { opacity: 0, rotate: -90, scale: 0.8 },
+      animate: { opacity: 1, rotate: 0, scale: 1 }
+    }
+  }
+};
+function QrCodeAnimated({
+  animation = "none",
+  value,
+  canvasSize = 200,
+  level = "M",
+  bgColor = "#ffffff",
+  fgColor = "#000000",
+  margin = 2,
+  caption,
+  className,
+  ...props
+}) {
+  const canvasRef = useRef(null);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas || animation === "none") return;
+    if (!value) {
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+      }
+      return;
+    }
+    QRCode.toCanvas(
+      canvas,
+      value,
+      {
+        width: canvasSize,
+        margin,
+        color: {
+          dark: fgColor,
+          light: bgColor
+        },
+        errorCorrectionLevel: level
+      },
+      (error) => {
+        if (error) {
+          console.error("QR Code generation error:", error);
+        }
+      }
+    );
+  }, [value, canvasSize, level, bgColor, fgColor, margin, animation]);
+  if (animation === "none") {
+    return /* @__PURE__ */ jsx(
+      QrCodeBase,
+      {
+        value,
+        canvasSize,
+        level,
+        bgColor,
+        fgColor,
+        margin,
+        caption,
+        className,
+        ...props
+      }
+    );
+  }
+  const preset = qrCodeAnimationPresets[animation];
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      "data-slot": "qr-code",
+      className: cn(
+        "inline-flex flex-col items-center gap-3 rounded-2xl border p-6 border-[color:var(--zui-qr-code-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-qr-code-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-qr-code-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-qr-code-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]",
+        className
+      ),
+      variants: preset.variants,
+      initial: "initial",
+      animate: "animate",
+      transition: preset.transition,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl bg-[var(--zui-qr-code-canvas-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-qr-code-canvas-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]", children: /* @__PURE__ */ jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            width: canvasSize,
+            height: canvasSize,
+            "data-slot": "qr-code-canvas",
+            className: "block h-auto max-w-full",
+            "aria-label": `QR code for ${value}`
+          }
+        ) }),
+        caption ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "qr-code-caption",
+            className: "text-xs text-center text-[color:var(--zui-qr-code-caption-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-qr-code-caption-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] max-w-full truncate px-2",
+            children: caption
+          }
+        ) : null
+      ]
+    }
+  );
+}
+QrCodeAnimated.displayName = "QrCodeAnimated";
+
+export { QrCodeAnimated, qrCodeAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map