@zentauri-ui/zentauri-components 1.6.2 → 1.7.0

package/dist/ui/stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/stepper/variants.ts","../../src/ui/stepper/stepper.tsx"],"names":[],"mappings":"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","file":"stepper.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const stepperVariants = cva(\"flex w-full\", {\n  variants: {\n    orientation: {\n      horizontal: \"flex-row flex-wrap items-start gap-4\",\n      vertical: \"flex-col gap-6\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const stepperItemVariants = cva(\"relative flex gap-3\", {\n  variants: {\n    orientation: {\n      horizontal: \"min-w-0 flex-col items-center text-center\",\n      vertical: \"flex-row items-center text-left\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const stepperIndicatorVariants = cva(\n  \"grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors\",\n  {\n    variants: {\n      appearance: {\n        complete:\n          \"border-emerald-500/60 bg-emerald-500/20 text-emerald-900 dark:text-emerald-100 ring-2 ring-emerald-400/30\",\n        current:\n          \"border-violet-600 dark:border-violet-400 bg-violet-500/20 text-slate-900 dark:text-white ring-2 ring-violet-400/50\",\n        upcoming:\n          \"border-black/15 dark:border-white/15 bg-black/5 dark:bg-white/5 text-slate-500 dark:text-slate-400\",\n        sky: \"border-sky-500/60 bg-sky-500/20 text-sky-900 dark:text-sky-100 ring-2 ring-sky-400/30\",\n        rose: \"border-rose-500/60 bg-rose-500/20 text-rose-900 dark:text-rose-100 ring-2 ring-rose-400/30\",\n        purple:\n          \"border-purple-500/60 bg-purple-500/20 text-purple-900 dark:text-purple-100 ring-2 ring-purple-400/30\",\n        pink: \"border-pink-500/60 bg-pink-500/20 text-pink-900 dark:text-pink-100 ring-2 ring-pink-400/30\",\n        orange:\n          \"border-orange-500/60 bg-orange-500/20 text-orange-900 dark:text-orange-100 ring-2 ring-orange-400/30\",\n        yellow:\n          \"border-yellow-500/60 bg-yellow-500/20 text-yellow-900 dark:text-yellow-100 ring-2 ring-yellow-400/30\",\n        teal: \"border-teal-500/60 bg-teal-500/20 text-teal-900 dark:text-teal-100 ring-2 ring-teal-400/30\",\n        indigo:\n          \"border-indigo-500/60 bg-indigo-500/20 text-indigo-900 dark:text-indigo-100 ring-2 ring-indigo-400/30\",\n        emerald:\n          \"border-emerald-500/60 bg-emerald-500/20 text-emerald-900 dark:text-emerald-100 ring-2 ring-emerald-400/30\",\n        gray: \"border-gray-500/60 bg-gray-500/20 text-gray-900 dark:text-gray-100 ring-2 ring-gray-400/30\",\n        violet:\n          \"border-violet-500/60 bg-violet-500/20 text-violet-900 dark:text-violet-100 ring-2 ring-violet-400/30\",\n        \"gradient-blue\":\n          \"border-blue-500/60 bg-blue-500/20 text-blue-900 dark:text-blue-100 ring-2 ring-blue-400/30\",\n        \"gradient-green\":\n          \"border-green-500/60 bg-green-500/20 text-green-900 dark:text-green-100 ring-2 ring-green-400/30\",\n        \"gradient-red\":\n          \"border-red-500/60 bg-red-500/20 text-red-900 dark:text-red-100 ring-2 ring-red-400/30\",\n        \"gradient-yellow\":\n          \"border-yellow-500/60 bg-yellow-500/20 text-yellow-900 dark:text-yellow-100 ring-2 ring-yellow-400/30\",\n        \"gradient-purple\":\n          \"border-purple-500/60 bg-purple-500/20 text-purple-900 dark:text-purple-100 ring-2 ring-purple-400/30\",\n        \"gradient-teal\":\n          \"border-teal-500/60 bg-teal-500/20 text-teal-900 dark:text-teal-100 ring-2 ring-teal-400/30\",\n        \"gradient-indigo\":\n          \"border-indigo-500/60 bg-indigo-500/20 text-indigo-900 dark:text-indigo-100 ring-2 ring-indigo-400/30\",\n        \"gradient-pink\":\n          \"border-pink-500/60 bg-pink-500/20 text-pink-900 dark:text-pink-100 ring-2 ring-pink-400/30\",\n        \"gradient-orange\":\n          \"border-orange-500/60 bg-orange-500/20 text-orange-900 dark:text-orange-100 ring-2 ring-orange-400/30\",\n      },\n      size: {\n        sm: \"size-8 text-xs\",\n        md: \"size-9 text-sm\",\n        lg: \"size-10 text-base\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"upcoming\",\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useMemo,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  StepperCtx,\n  StepperDescriptionProps,\n  StepperIndicatorProps,\n  StepperItemProps,\n  StepperProps,\n  StepperTitleProps,\n} from \"./types\";\nimport {\n  stepperIndicatorVariants,\n  stepperItemVariants,\n  stepperVariants,\n} from \"./variants\";\n\nconst StepperContext = createContext<StepperCtx | null>(null);\n\nfunction useStepper(component: string): StepperCtx {\n  const ctx = useContext(StepperContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Stepper>`);\n  }\n  return ctx;\n}\n\nconst StepperIndexContext = createContext<number | null>(null);\n\nfunction useStepperIndex(component: string): number {\n  const index = useContext(StepperIndexContext);\n  if (index === null) {\n    throw new Error(`${component} must be used within <StepperItem>`);\n  }\n  return index;\n}\n\nexport function Stepper({\n  className,\n  orientation = \"horizontal\",\n  size = \"md\",\n  children,\n  ref,\n  ...rest\n}: StepperProps) {\n  const items = useMemo(\n    () => Children.toArray(children).filter(isValidElement),\n    [children],\n  );\n  const ctx = useMemo(\n    () => ({\n      orientation: orientation ?? \"horizontal\",\n      size: size ?? \"md\",\n      total: items.length,\n    }),\n    [items.length, orientation, size],\n  );\n\n  return (\n    <StepperContext.Provider value={ctx}>\n      <ol\n        ref={ref}\n        data-slot=\"stepper\"\n        className={cn(\n          stepperVariants({ orientation }),\n          \"m-0 list-none p-0\",\n          className,\n        )}\n        {...rest}\n      >\n        {items.map((child, index) => (\n          <StepperIndexContext.Provider key={index} value={index}>\n            {child}\n          </StepperIndexContext.Provider>\n        ))}\n      </ol>\n    </StepperContext.Provider>\n  );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport function StepperItem({\n  className,\n  ref,\n  children,\n  ...rest\n}: StepperItemProps) {\n  const { orientation } = useStepper(\"StepperItem\");\n  return (\n    <li\n      ref={ref}\n      data-slot=\"stepper-item\"\n      className={cn(stepperItemVariants({ orientation }), className)}\n      {...rest}\n    >\n      {children}\n    </li>\n  );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport function StepperIndicator({\n  className,\n  ref,\n  children,\n  appearance,\n  ...rest\n}: StepperIndicatorProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const { size } = useStepper(\"StepperIndicator\");\n  const index = useStepperIndex(\"StepperIndicator\");\n  return (\n    <div\n      ref={ref}\n      data-slot=\"stepper-indicator\"\n      className={cn(stepperIndicatorVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children ?? index + 1}\n    </div>\n  );\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport function StepperTitle({\n  className,\n  ref,\n  ...rest\n}: StepperTitleProps & { ref?: React.Ref<HTMLDivElement> }) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"stepper-title\"\n      className={cn(\n        \"text-sm font-semibold text-slate-900 dark:text-white\",\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport function StepperDescription({\n  className,\n  ref,\n  ...rest\n}: StepperDescriptionProps & { ref?: React.Ref<HTMLParagraphElement> }) {\n  return (\n    <p\n      ref={ref}\n      data-slot=\"stepper-description\"\n      className={cn(\"text-xs text-slate-900 dark:text-slate-400\", className)}\n      {...rest}\n    />\n  );\n}\n\nStepperDescription.displayName = \"StepperDescription\";\n"]}
+{"version":3,"sources":["../../src/design-system/stepper.ts","../../src/ui/stepper/variants.ts","../../src/ui/stepper/stepper.tsx"],"names":[],"mappings":"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","file":"stepper.mjs","sourcesContent":["export const zuiStepperBase = \"flex w-full\";\n\nexport const zuiStepperOrientations = {\n  horizontal: \"flex-row flex-wrap items-start gap-4\",\n  vertical: \"flex-col gap-6\",\n} as const;\n\nexport const zuiStepperItemBase = \"relative flex gap-3\";\n\nexport const zuiStepperItemOrientations = {\n  horizontal: \"min-w-0 flex-col items-center text-center\",\n  vertical: \"flex-row items-center text-left\",\n} as const;\n\nexport const zuiStepperIndicatorBase =\n  \"grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors\";\n\nexport const zuiStepperIndicatorAppearances = {\n  complete:\n    \"border-[color:var(--zui-stepper-indicator-complete-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-complete-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-complete-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-complete-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-complete-ring,oklch(76.5%_0.177_163.223_/_0.3))]\",\n  current:\n    \"border-[color:var(--zui-stepper-indicator-current-border,oklch(54.1%_0.281_293.009))] dark:border-[color:var(--zui-stepper-indicator-current-border-dark,oklch(70.2%_0.183_293.541))] bg-[var(--zui-stepper-indicator-current-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-current-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-stepper-indicator-current-fg-dark,#ffffff)] ring-2 ring-[var(--zui-stepper-indicator-current-ring,oklch(70.2%_0.183_293.541_/_0.5))]\",\n  upcoming:\n    \"border-[color:var(--zui-stepper-indicator-upcoming-border,#00000026)] dark:border-[color:var(--zui-stepper-indicator-upcoming-border-dark,#ffffff26)] bg-[var(--zui-stepper-indicator-upcoming-bg,#0000000d)] dark:bg-[var(--zui-stepper-indicator-upcoming-bg-dark,#ffffff0d)] text-[color:var(--zui-stepper-indicator-upcoming-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-stepper-indicator-upcoming-fg-dark,oklch(70.4%_0.04_256.788))]\",\n  sky: \"border-[color:var(--zui-stepper-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-stepper-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-stepper-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-stepper-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-stepper-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]\",\n  rose: \"border-[color:var(--zui-stepper-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-stepper-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-stepper-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-stepper-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-stepper-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]\",\n  purple:\n    \"border-[color:var(--zui-stepper-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n  pink: \"border-[color:var(--zui-stepper-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n  orange:\n    \"border-[color:var(--zui-stepper-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n  yellow:\n    \"border-[color:var(--zui-stepper-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n  teal: \"border-[color:var(--zui-stepper-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n  indigo:\n    \"border-[color:var(--zui-stepper-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n  emerald:\n    \"border-[color:var(--zui-stepper-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]\",\n  gray: \"border-[color:var(--zui-stepper-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-stepper-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-stepper-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-stepper-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-stepper-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n  violet:\n    \"border-[color:var(--zui-stepper-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-stepper-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-stepper-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-stepper-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-stepper-indicator-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-blue-bg,oklch(62.3%_0.214_259.815_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-stepper-indicator-gradient-blue-fg-dark,oklch(93.2%_0.032_255.585))] ring-2 ring-[var(--zui-stepper-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-stepper-indicator-gradient-green-border,oklch(72.3%_0.219_149.579_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-green-bg,oklch(72.3%_0.219_149.579_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-stepper-indicator-gradient-green-fg-dark,oklch(96.2%_0.044_156.743))] ring-2 ring-[var(--zui-stepper-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-stepper-indicator-gradient-red-border,oklch(63.7%_0.237_25.331_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-red-bg,oklch(63.7%_0.237_25.331_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-stepper-indicator-gradient-red-fg-dark,oklch(93.6%_0.032_17.717))] ring-2 ring-[var(--zui-stepper-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-stepper-indicator-gradient-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-gradient-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-stepper-indicator-gradient-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-gradient-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-stepper-indicator-gradient-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-gradient-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-stepper-indicator-gradient-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-gradient-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-stepper-indicator-gradient-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-gradient-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-stepper-indicator-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-gradient-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n} as const;\n\nexport const zuiStepperIndicatorSizes = {\n  sm: \"size-8 text-xs\",\n  md: \"size-9 text-sm\",\n  lg: \"size-10 text-base\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiStepperBase,\n  zuiStepperIndicatorAppearances,\n  zuiStepperIndicatorBase,\n  zuiStepperIndicatorSizes,\n  zuiStepperItemBase,\n  zuiStepperItemOrientations,\n  zuiStepperOrientations,\n} from \"../../design-system/stepper\";\n\nexport const stepperVariants = cva(zuiStepperBase, {\n  variants: {\n    orientation: zuiStepperOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const stepperItemVariants = cva(zuiStepperItemBase, {\n  variants: {\n    orientation: zuiStepperItemOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const stepperIndicatorVariants = cva(zuiStepperIndicatorBase, {\n  variants: {\n    appearance: zuiStepperIndicatorAppearances,\n    size: zuiStepperIndicatorSizes,\n  },\n  defaultVariants: {\n    appearance: \"upcoming\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useMemo,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  StepperCtx,\n  StepperDescriptionProps,\n  StepperIndicatorProps,\n  StepperItemProps,\n  StepperProps,\n  StepperTitleProps,\n} from \"./types\";\nimport {\n  stepperIndicatorVariants,\n  stepperItemVariants,\n  stepperVariants,\n} from \"./variants\";\n\nconst StepperContext = createContext<StepperCtx | null>(null);\n\nfunction useStepper(component: string): StepperCtx {\n  const ctx = useContext(StepperContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Stepper>`);\n  }\n  return ctx;\n}\n\nconst StepperIndexContext = createContext<number | null>(null);\n\nfunction useStepperIndex(component: string): number {\n  const index = useContext(StepperIndexContext);\n  if (index === null) {\n    throw new Error(`${component} must be used within <StepperItem>`);\n  }\n  return index;\n}\n\nexport function Stepper({\n  className,\n  orientation = \"horizontal\",\n  size = \"md\",\n  children,\n  ref,\n  ...rest\n}: StepperProps) {\n  const items = useMemo(\n    () => Children.toArray(children).filter(isValidElement),\n    [children],\n  );\n  const ctx = useMemo(\n    () => ({\n      orientation: orientation ?? \"horizontal\",\n      size: size ?? \"md\",\n      total: items.length,\n    }),\n    [items.length, orientation, size],\n  );\n\n  return (\n    <StepperContext.Provider value={ctx}>\n      <ol\n        ref={ref}\n        data-slot=\"stepper\"\n        className={cn(\n          stepperVariants({ orientation }),\n          \"m-0 list-none p-0\",\n          className,\n        )}\n        {...rest}\n      >\n        {items.map((child, index) => (\n          <StepperIndexContext.Provider key={index} value={index}>\n            {child}\n          </StepperIndexContext.Provider>\n        ))}\n      </ol>\n    </StepperContext.Provider>\n  );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport function StepperItem({\n  className,\n  ref,\n  children,\n  ...rest\n}: StepperItemProps) {\n  const { orientation } = useStepper(\"StepperItem\");\n  return (\n    <li\n      ref={ref}\n      data-slot=\"stepper-item\"\n      className={cn(stepperItemVariants({ orientation }), className)}\n      {...rest}\n    >\n      {children}\n    </li>\n  );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport function StepperIndicator({\n  className,\n  ref,\n  children,\n  appearance,\n  ...rest\n}: StepperIndicatorProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const { size } = useStepper(\"StepperIndicator\");\n  const index = useStepperIndex(\"StepperIndicator\");\n  return (\n    <div\n      ref={ref}\n      data-slot=\"stepper-indicator\"\n      className={cn(stepperIndicatorVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children ?? index + 1}\n    </div>\n  );\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport function StepperTitle({\n  className,\n  ref,\n  ...rest\n}: StepperTitleProps & { ref?: React.Ref<HTMLDivElement> }) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"stepper-title\"\n      className={cn(\n        \"text-sm font-semibold text-slate-900 dark:text-white\",\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport function StepperDescription({\n  className,\n  ref,\n  ...rest\n}: StepperDescriptionProps & { ref?: React.Ref<HTMLParagraphElement> }) {\n  return (\n    <p\n      ref={ref}\n      data-slot=\"stepper-description\"\n      className={cn(\"text-xs text-slate-900 dark:text-slate-400\", className)}\n      {...rest}\n    />\n  );\n}\n\nStepperDescription.displayName = \"StepperDescription\";\n"]}

package/dist/ui/table/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkGHJN3Z3V_js = require('../../chunk-GHJN3Z3V.js');
+var chunkZYKJC5HH_js = require('../../chunk-ZYKJC5HH.js');
 require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -17,32 +17,32 @@ var tableAnimationPresets = {
 var TableRowAnimated = (props) => {
   const { rowAnimation = "hover" } = props;
   const motionProps = tableAnimationPresets[rowAnimation];
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGHJN3Z3V_js.TableRow, { ...props, as: framerMotion.motion.tr, initial: false, ...motionProps });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkZYKJC5HH_js.TableRow, { ...props, as: framerMotion.motion.tr, initial: false, ...motionProps });
 };
 
 Object.defineProperty(exports, "TableBody", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableBody; }
+  get: function () { return chunkZYKJC5HH_js.TableBody; }
 });
 Object.defineProperty(exports, "TableCaption", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableCaption; }
+  get: function () { return chunkZYKJC5HH_js.TableCaption; }
 });
 Object.defineProperty(exports, "TableCell", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableCell; }
+  get: function () { return chunkZYKJC5HH_js.TableCell; }
 });
 Object.defineProperty(exports, "TableFooter", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableFooter; }
+  get: function () { return chunkZYKJC5HH_js.TableFooter; }
 });
 Object.defineProperty(exports, "TableHead", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableHead; }
+  get: function () { return chunkZYKJC5HH_js.TableHead; }
 });
 Object.defineProperty(exports, "TableHeader", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableHeader; }
+  get: function () { return chunkZYKJC5HH_js.TableHeader; }
 });
 exports.TableRowAnimated = TableRowAnimated;
 exports.tableAnimationPresets = tableAnimationPresets;

package/dist/ui/table/animated.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { TableRow } from '../../chunk-PSIAOIXJ.mjs';
-export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader } from '../../chunk-PSIAOIXJ.mjs';
+import { TableRow } from '../../chunk-NHQ3S4Y6.mjs';
+export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader } from '../../chunk-NHQ3S4Y6.mjs';
 import '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui/table/variants.d.ts

@@ -1,6 +1,6 @@
 export declare const tableVariants: (props?: ({
     appearance?: "default" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "ghost" | "striped" | "bordered" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
     stickyHeader?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tableRowVariants: (props?: ({
@@ -8,7 +8,7 @@ export declare const tableRowVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tableCellVariants: (props?: ({
     appearance?: "default" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "ghost" | "striped" | "bordered" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
     textAlign?: "center" | "left" | "right" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/table/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/table/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;8EAsCzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;8EAiC5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;8EAmC7B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/table/variants.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa;;;;8EAWxB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAK3B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;8EAO5B,CAAC"}

package/dist/ui/table.js

@@ -1,62 +1,62 @@
 "use client";
 'use strict';
 
-var chunkGHJN3Z3V_js = require('../chunk-GHJN3Z3V.js');
+var chunkZYKJC5HH_js = require('../chunk-ZYKJC5HH.js');
 require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableBase; }
+  get: function () { return chunkZYKJC5HH_js.TableBase; }
 });
 Object.defineProperty(exports, "TableBody", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableBody; }
+  get: function () { return chunkZYKJC5HH_js.TableBody; }
 });
 Object.defineProperty(exports, "TableCaption", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableCaption; }
+  get: function () { return chunkZYKJC5HH_js.TableCaption; }
 });
 Object.defineProperty(exports, "TableCell", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableCell; }
+  get: function () { return chunkZYKJC5HH_js.TableCell; }
 });
 Object.defineProperty(exports, "TableContext", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableContext; }
+  get: function () { return chunkZYKJC5HH_js.TableContext; }
 });
 Object.defineProperty(exports, "TableFooter", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableFooter; }
+  get: function () { return chunkZYKJC5HH_js.TableFooter; }
 });
 Object.defineProperty(exports, "TableHead", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableHead; }
+  get: function () { return chunkZYKJC5HH_js.TableHead; }
 });
 Object.defineProperty(exports, "TableHeader", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableHeader; }
+  get: function () { return chunkZYKJC5HH_js.TableHeader; }
 });
 Object.defineProperty(exports, "TableRow", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.TableRow; }
+  get: function () { return chunkZYKJC5HH_js.TableRow; }
 });
 Object.defineProperty(exports, "tableCellVariants", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.tableCellVariants; }
+  get: function () { return chunkZYKJC5HH_js.tableCellVariants; }
 });
 Object.defineProperty(exports, "tableRowVariants", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.tableRowVariants; }
+  get: function () { return chunkZYKJC5HH_js.tableRowVariants; }
 });
 Object.defineProperty(exports, "tableVariants", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.tableVariants; }
+  get: function () { return chunkZYKJC5HH_js.tableVariants; }
 });
 Object.defineProperty(exports, "useTableContext", {
   enumerable: true,
-  get: function () { return chunkGHJN3Z3V_js.useTableContext; }
+  get: function () { return chunkZYKJC5HH_js.useTableContext; }
 });
 //# sourceMappingURL=table.js.map
 //# sourceMappingURL=table.js.map

package/dist/ui/table.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { TableBase as Table, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext } from '../chunk-PSIAOIXJ.mjs';
+export { TableBase as Table, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext } from '../chunk-NHQ3S4Y6.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=table.mjs.map
 //# sourceMappingURL=table.mjs.map

package/dist/ui/tabs/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunk3Z73M5TW_js = require('../../chunk-3Z73M5TW.js');
+var chunkQAJOE3HJ_js = require('../../chunk-QAJOE3HJ.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -54,7 +54,7 @@ function TabsContentAnimated({
     orientation,
     tabTriggerId,
     tabPanelId
-  } = chunk3Z73M5TW_js.useTabs();
+  } = chunkQAJOE3HJ_js.useTabs();
   const prefersReducedMotion2 = framerMotion.useReducedMotion();
   if (activeValue !== value) return null;
   const motionProps = getTabsContentMotionProps(

package/dist/ui/tabs/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { useTabs } from '../../chunk-LPL6NJ5Q.mjs';
+import { useTabs } from '../../chunk-P5WLYJ2C.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { useReducedMotion, motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui/tabs/variants.d.ts

@@ -1,11 +1,11 @@
 export declare const tabsListVariants: (props?: ({
     variant?: "default" | "underline" | "pills" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tabsTriggerVariants: (props?: ({
     appearance?: "default" | "sky" | "emerald" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
     variant?: "default" | "underline" | "pills" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/tabs/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;8EAsB3B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;8EA0D/B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/variants.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,gBAAgB;;;;8EAW3B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;8EAW9B,CAAC"}

package/dist/ui/tabs.js

@@ -1,42 +1,42 @@
 "use client";
 'use strict';
 
-var chunk3Z73M5TW_js = require('../chunk-3Z73M5TW.js');
+var chunkQAJOE3HJ_js = require('../chunk-QAJOE3HJ.js');
 require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunk3Z73M5TW_js.Tabs; }
+  get: function () { return chunkQAJOE3HJ_js.Tabs; }
 });
 Object.defineProperty(exports, "TabsContent", {
   enumerable: true,
-  get: function () { return chunk3Z73M5TW_js.TabsContent; }
+  get: function () { return chunkQAJOE3HJ_js.TabsContent; }
 });
 Object.defineProperty(exports, "TabsContext", {
   enumerable: true,
-  get: function () { return chunk3Z73M5TW_js.TabsContext; }
+  get: function () { return chunkQAJOE3HJ_js.TabsContext; }
 });
 Object.defineProperty(exports, "TabsList", {
   enumerable: true,
-  get: function () { return chunk3Z73M5TW_js.TabsList; }
+  get: function () { return chunkQAJOE3HJ_js.TabsList; }
 });
 Object.defineProperty(exports, "TabsTrigger", {
   enumerable: true,
-  get: function () { return chunk3Z73M5TW_js.TabsTrigger; }
+  get: function () { return chunkQAJOE3HJ_js.TabsTrigger; }
 });
 Object.defineProperty(exports, "tabsListVariants", {
   enumerable: true,
-  get: function () { return chunk3Z73M5TW_js.tabsListVariants; }
+  get: function () { return chunkQAJOE3HJ_js.tabsListVariants; }
 });
 Object.defineProperty(exports, "tabsTriggerVariants", {
   enumerable: true,
-  get: function () { return chunk3Z73M5TW_js.tabsTriggerVariants; }
+  get: function () { return chunkQAJOE3HJ_js.tabsTriggerVariants; }
 });
 Object.defineProperty(exports, "useTabs", {
   enumerable: true,
-  get: function () { return chunk3Z73M5TW_js.useTabs; }
+  get: function () { return chunkQAJOE3HJ_js.useTabs; }
 });
 //# sourceMappingURL=tabs.js.map
 //# sourceMappingURL=tabs.js.map

package/dist/ui/tabs.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants, useTabs } from '../chunk-LPL6NJ5Q.mjs';
+export { Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants, useTabs } from '../chunk-P5WLYJ2C.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=tabs.mjs.map
 //# sourceMappingURL=tabs.mjs.map

package/dist/ui/toast/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunk746CV3AN_js = require('../../chunk-746CV3AN.js');
+var chunk4ZKBLVQX_js = require('../../chunk-4ZKBLVQX.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var react = require('react');
@@ -28,7 +28,7 @@ function ToastViewportAnimated({
   position = "bottom-right",
   className
 }) {
-  const ctx = react.useContext(chunk746CV3AN_js.ToastStoreContext);
+  const ctx = react.useContext(chunk4ZKBLVQX_js.ToastStoreContext);
   if (!ctx) {
     throw new Error(
       "ToastViewportAnimated must be used within <ToastProvider>"
@@ -42,7 +42,7 @@ function ToastViewportAnimated({
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkZS5756ZC_js.cn(chunk746CV3AN_js.toastViewportVariants({ position }), className),
+        className: chunkZS5756ZC_js.cn(chunk4ZKBLVQX_js.toastViewportVariants({ position }), className),
         "data-slot": "toast-viewport",
         children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: ctx.toasts.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
           ToastAnimated,
@@ -52,9 +52,9 @@ function ToastViewportAnimated({
             size: item.size,
             animation: item.animation,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk746CV3AN_js.ToastTitle, { children: item.title }),
-              item.description ? /* @__PURE__ */ jsxRuntime.jsx(chunk746CV3AN_js.ToastDescription, { children: item.description }) : null,
-              /* @__PURE__ */ jsxRuntime.jsx(chunk746CV3AN_js.ToastClose, { onClick: () => ctx.dismiss(item.id) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunk4ZKBLVQX_js.ToastTitle, { children: item.title }),
+              item.description ? /* @__PURE__ */ jsxRuntime.jsx(chunk4ZKBLVQX_js.ToastDescription, { children: item.description }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(chunk4ZKBLVQX_js.ToastClose, { onClick: () => ctx.dismiss(item.id) })
             ]
           },
           item.id
@@ -85,7 +85,7 @@ function ToastAnimated({
       "aria-atomic": "true",
       className: chunkZS5756ZC_js.cn(
         "relative",
-        chunk746CV3AN_js.toastRootVariants({ appearance, size }),
+        chunk4ZKBLVQX_js.toastRootVariants({ appearance, size }),
         className
       ),
       initial: animation === "none" ? false : motionProps.initial,

package/dist/ui/toast/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { ToastStoreContext, ToastTitle, ToastDescription, ToastClose, toastViewportVariants, toastRootVariants } from '../../chunk-S5H2OMTZ.mjs';
+import { ToastStoreContext, ToastTitle, ToastDescription, ToastClose, toastViewportVariants, toastRootVariants } from '../../chunk-OZMSE44N.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useContext } from 'react';

package/dist/ui/toast/variants.d.ts

@@ -1,8 +1,8 @@
 export declare const toastViewportVariants: (props?: ({
-    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+    position?: "bottom-right" | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const toastRootVariants: (props?: ({
-    appearance?: "default" | "emerald" | "violet" | "amber" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "error" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "success" | "warning" | "info" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    appearance?: "default" | "emerald" | "violet" | "amber" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | "error" | "success" | "warning" | "info" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/toast/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;8EAiBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;8EA0D7B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/variants.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,qBAAqB;;8EAOhC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;8EAS5B,CAAC"}

package/dist/ui/toast.js

@@ -1,54 +1,54 @@
 "use client";
 'use strict';
 
-var chunk746CV3AN_js = require('../chunk-746CV3AN.js');
+var chunk4ZKBLVQX_js = require('../chunk-4ZKBLVQX.js');
 require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.Toast; }
+  get: function () { return chunk4ZKBLVQX_js.Toast; }
 });
 Object.defineProperty(exports, "ToastAction", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.ToastAction; }
+  get: function () { return chunk4ZKBLVQX_js.ToastAction; }
 });
 Object.defineProperty(exports, "ToastClose", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.ToastClose; }
+  get: function () { return chunk4ZKBLVQX_js.ToastClose; }
 });
 Object.defineProperty(exports, "ToastDescription", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.ToastDescription; }
+  get: function () { return chunk4ZKBLVQX_js.ToastDescription; }
 });
 Object.defineProperty(exports, "ToastProvider", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.ToastProvider; }
+  get: function () { return chunk4ZKBLVQX_js.ToastProvider; }
 });
 Object.defineProperty(exports, "ToastTitle", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.ToastTitle; }
+  get: function () { return chunk4ZKBLVQX_js.ToastTitle; }
 });
 Object.defineProperty(exports, "ToastViewport", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.ToastViewport; }
+  get: function () { return chunk4ZKBLVQX_js.ToastViewport; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.toast; }
+  get: function () { return chunk4ZKBLVQX_js.toast; }
 });
 Object.defineProperty(exports, "toastRootVariants", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.toastRootVariants; }
+  get: function () { return chunk4ZKBLVQX_js.toastRootVariants; }
 });
 Object.defineProperty(exports, "toastViewportVariants", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.toastViewportVariants; }
+  get: function () { return chunk4ZKBLVQX_js.toastViewportVariants; }
 });
 Object.defineProperty(exports, "useToast", {
   enumerable: true,
-  get: function () { return chunk746CV3AN_js.useToast; }
+  get: function () { return chunk4ZKBLVQX_js.useToast; }
 });
 //# sourceMappingURL=toast.js.map
 //# sourceMappingURL=toast.js.map

package/dist/ui/toast.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toast, toastRootVariants, toastViewportVariants, useToast } from '../chunk-S5H2OMTZ.mjs';
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toast, toastRootVariants, toastViewportVariants, useToast } from '../chunk-OZMSE44N.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=toast.mjs.map
 //# sourceMappingURL=toast.mjs.map

package/dist/ui/toggle/animated/toggle-animated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA+DxD;yBA/De,cAAc"}
+{"version":3,"file":"toggle-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAwExD;yBAxEe,cAAc"}

package/dist/ui/toggle/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkTIPNRH26_js = require('../../chunk-TIPNRH26.js');
+var chunkEN4VLNBF_js = require('../../chunk-EN4VLNBF.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var react = require('react');
@@ -31,6 +31,7 @@ function ToggleAnimated(props) {
     children,
     ...rest
   } = props;
+  const toggleLabelId = react.useId();
   const isControlled = checked !== void 0;
   const [uncontrolled, setUncontrolled] = react.useState(defaultChecked);
   const resolved = isControlled ? Boolean(checked) : uncontrolled;
@@ -44,7 +45,13 @@ function ToggleAnimated(props) {
     },
     [isControlled, onCheckedChange]
   );
-  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 24 : 18;
+  const thumbShiftPx = size === "sm" ? 16 : size === "lg" ? 24 : 20;
+  const labeledByChildren = chunkEN4VLNBF_js.hasToggleLabelChildren(children);
+  const labeling = labeledByChildren ? {
+    "aria-labelledby": toggleLabelId
+  } : {
+    "aria-label": ariaLabel ?? "Toggle"
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -53,10 +60,10 @@ function ToggleAnimated(props) {
       role: "switch",
       "data-slot": "toggle",
       "aria-checked": resolved,
-      "aria-label": ariaLabel,
       "data-state": resolved ? "checked" : "unchecked",
       disabled,
-      className: chunkZS5756ZC_js.cn(chunkTIPNRH26_js.toggleTrackVariants({ size, appearance }), className),
+      ...labeling,
+      className: chunkZS5756ZC_js.cn(chunkEN4VLNBF_js.toggleTrackVariants({ size, appearance }), className),
       onClick: () => {
         if (!disabled) {
           setChecked(!resolved);
@@ -64,12 +71,12 @@ function ToggleAnimated(props) {
       },
       ...rest,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", id: labeledByChildren ? toggleLabelId : void 0, children }),
         /* @__PURE__ */ jsxRuntime.jsx(
           framerMotion.motion.span,
           {
             className: chunkZS5756ZC_js.cn(
-              chunkTIPNRH26_js.toggleThumbVariants({ size, thumbColor }),
+              chunkEN4VLNBF_js.toggleThumbVariants({ size, thumbColor }),
               "absolute left-1 top-1/2 -translate-y-1/2"
             ),
             animate: { x: resolved ? thumbShiftPx : 0 },

package/dist/ui/toggle/animated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/toggle/animated/animations.ts","../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":["useState","useCallback","jsxs","cn","toggleTrackVariants","jsx","motion","toggleThumbVariants"],"mappings":";;;;;;;;;AAEO,IAAM,2BAAA,GAAsD;AAAA,EACjE,MAAM,EAAC;AAAA,EACP,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,IAAA;AAAA,IACR,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACGO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,GAAY,QAAA;AAAA,IACZ,OAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAc,SAAA,GAAY,QAAA;AAAA,IAC1B,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,eAAS,cAAc,CAAA;AAC/D,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,OAAA,CAAQ,OAAO,CAAA,GAAI,YAAA;AACnD,EAAA,MAAM,WAAA,GAAc,4BAA4B,SAAS,CAAA;AAEzD,EAAA,MAAM,UAAA,GAAaC,iBAAA;AAAA,IACjB,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,MACtB;AACA,MAAA,eAAA,GAAkB,IAAI,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,GAChC;AAEA,EAAA,MAAM,eAAe,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,IAAA,KAAS,OAAO,EAAA,GAAK,EAAA;AAE/D,EAAA,uBACEC,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,QAAA;AAAA,MACd,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAY,WAAW,SAAA,GAAY,WAAA;AAAA,MACnC,QAAA;AAAA,MACA,SAAA,EAAWC,oBAAGC,oCAAA,CAAoB,EAAE,MAAM,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAClE,SAAS,MAAM;AACb,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,UAAA,CAAW,CAAC,QAAQ,CAAA;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAS,CAAA;AAAA,wBACpCA,cAAA;AAAA,UAACC,mBAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,SAAA,EAAWH,mBAAA;AAAA,cACTI,oCAAA,CAAoB,EAAE,IAAA,EAAM,UAAA,EAAY,CAAA;AAAA,cACxC;AAAA,aACF;AAAA,YACA,OAAA,EAAS,EAAE,CAAA,EAAG,QAAA,GAAW,eAAe,CAAA,EAAE;AAAA,YAC1C,YAAY,WAAA,CAAY,UAAA;AAAA,YACxB,QAAQ,WAAA,CAAY;AAAA;AAAA;AACtB;AAAA;AAAA,GACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,QAAA","file":"animated.js","sourcesContent":["import { ToggleAnimationPresets } from \"./types\";\n\nexport const toggleThumbAnimationPresets: ToggleAnimationPresets = {\n  none: {},\n  spring: {\n    layout: true,\n    transition: { type: \"spring\", stiffness: 520, damping: 32 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toggleThumbAnimationPresets } from \"./animations\";\nimport type { ToggleAnimatedProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"../variants\";\n\nexport function ToggleAnimated(props: ToggleAnimatedProps) {\n  const {\n    className,\n    size,\n    appearance,\n    thumbColor,\n    animation = \"spring\",\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabel = \"Toggle\",\n    children,\n    ...rest\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n  const thumbMotion = toggleThumbAnimationPresets[animation];\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 24 : 18;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      aria-label={ariaLabel}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      <span className=\"sr-only\">{children}</span>\n      <motion.span\n        className={cn(\n          toggleThumbVariants({ size, thumbColor }),\n          \"absolute left-1 top-1/2 -translate-y-1/2\",\n        )}\n        animate={{ x: resolved ? thumbShiftPx : 0 }}\n        transition={thumbMotion.transition}\n        layout={thumbMotion.layout}\n      />\n    </button>\n  );\n}\n\nToggleAnimated.displayName = \"Toggle\";\n"]}
+{"version":3,"sources":["../../../src/ui/toggle/animated/animations.ts","../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":["useId","useState","useCallback","hasToggleLabelChildren","jsxs","cn","toggleTrackVariants","jsx","motion","toggleThumbVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import { ToggleAnimationPresets } from \"./types\";\n\nexport const toggleThumbAnimationPresets: ToggleAnimationPresets = {\n  none: {},\n  spring: {\n    layout: true,\n    transition: { type: \"spring\", stiffness: 520, damping: 32 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toggleThumbAnimationPresets } from \"./animations\";\nimport type { ToggleAnimatedProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"../variants\";\nimport { hasToggleLabelChildren } from \"../toggle-base\";\n\nexport function ToggleAnimated(props: ToggleAnimatedProps) {\n  const {\n    className,\n    size,\n    appearance,\n    thumbColor,\n    animation = \"spring\",\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabel = \"Toggle\",\n    children,\n    ...rest\n  } = props;\n  const toggleLabelId = useId();\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n  const thumbMotion = toggleThumbAnimationPresets[animation];\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 16 : size === \"lg\" ? 24 : 20;\n  const labeledByChildren = hasToggleLabelChildren(children);\n  const labeling = labeledByChildren\n    ? {\n        \"aria-labelledby\": toggleLabelId,\n      }\n    : {\n        \"aria-label\": ariaLabel ?? \"Toggle\",\n      };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      {...labeling}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      <span className=\"sr-only\" id={labeledByChildren ? toggleLabelId : undefined}>{children}</span>\n      <motion.span\n        className={cn(\n          toggleThumbVariants({ size, thumbColor }),\n          \"absolute left-1 top-1/2 -translate-y-1/2\",\n        )}\n        animate={{ x: resolved ? thumbShiftPx : 0 }}\n        transition={thumbMotion.transition}\n        layout={thumbMotion.layout}\n      />\n    </button>\n  );\n}\n\nToggleAnimated.displayName = \"Toggle\";\n"]}