@zentauri-ui/zentauri-components 1.8.42 → 1.9.1

package/dist/chunk-UR7TNW45.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/design-system/skeleton.ts","../src/ui/skeleton/variants.ts","../src/ui/skeleton/skeleton-base.tsx"],"names":[],"mappings":"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","file":"chunk-UR7TNW45.mjs","sourcesContent":["const shimmerLayer =\n  \"[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]\";\n\nexport const zuiSkeletonShimmerGradientClasses = {\n  default: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]`,\n  subtle: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]`,\n  muted: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]`,\n  sky: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]`,\n  rose: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]`,\n  purple: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]`,\n  pink: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n  orange: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n  yellow: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]`,\n  teal: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n  indigo: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n  emerald: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n  gray: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]`,\n  amber: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]`,\n  violet: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n  \"gradient-blue\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]`,\n  \"gradient-green\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n  \"gradient-red\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]`,\n  \"gradient-yellow\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]`,\n  \"gradient-purple\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n  \"gradient-teal\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n  \"gradient-indigo\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n  \"gradient-pink\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n  \"gradient-orange\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n} as const;\n\nexport type ZuiSkeletonShimmerTone =\n  keyof typeof zuiSkeletonShimmerGradientClasses;\n\nexport const zuiSkeletonBase =\n  \"relative overflow-hidden bg-[var(--zui-skeleton-bg,#0000001a)] dark:bg-[var(--zui-skeleton-bg-dark,#ffffff1a)] text-[color:var(--zui-skeleton-fg,transparent)] dark:text-[color:var(--zui-skeleton-fg-dark,transparent)]\";\n\nexport const zuiSkeletonAppearances = {\n  default:\n    \"bg-[var(--zui-skeleton-default-bg,#0000001a)] dark:bg-[var(--zui-skeleton-default-bg-dark,#ffffff1a)]\",\n  subtle:\n    \"bg-[var(--zui-skeleton-subtle-bg,#00000012)] dark:bg-[var(--zui-skeleton-subtle-bg-dark,#ffffff12)]\",\n  muted:\n    \"bg-[var(--zui-skeleton-muted-bg,oklch(92.9%_0.013_255.508_/_0.8))] dark:bg-[var(--zui-skeleton-muted-bg-dark,oklch(27.9%_0.041_260.031_/_0.8))]\",\n  sky: \"bg-[var(--zui-skeleton-sky-bg,oklch(68.5%_0.169_237.323_/_0.1))] dark:bg-[var(--zui-skeleton-sky-bg-dark,oklch(68.5%_0.169_237.323_/_0.1))]\",\n  rose: \"bg-[var(--zui-skeleton-rose-bg,oklch(64.5%_0.246_16.439_/_0.1))] dark:bg-[var(--zui-skeleton-rose-bg-dark,oklch(64.5%_0.246_16.439_/_0.1))]\",\n  purple:\n    \"bg-[var(--zui-skeleton-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-skeleton-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))]\",\n  pink: \"bg-[var(--zui-skeleton-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-skeleton-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))]\",\n  orange:\n    \"bg-[var(--zui-skeleton-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-skeleton-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))]\",\n  yellow:\n    \"bg-[var(--zui-skeleton-yellow-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-skeleton-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))]\",\n  teal: \"bg-[var(--zui-skeleton-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-skeleton-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))]\",\n  indigo:\n    \"bg-[var(--zui-skeleton-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-skeleton-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))]\",\n  emerald:\n    \"bg-[var(--zui-skeleton-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-skeleton-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))]\",\n  gray: \"bg-[var(--zui-skeleton-gray-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-skeleton-gray-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))]\",\n  amber:\n    \"bg-[var(--zui-skeleton-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-skeleton-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))]\",\n  violet:\n    \"bg-[var(--zui-skeleton-violet-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-skeleton-violet-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-skeleton-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-skeleton-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-skeleton-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-skeleton-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-skeleton-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-skeleton-gradient-green-to-dark,oklch(64.8%_0.2_131.684))]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-skeleton-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-skeleton-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-skeleton-gradient-red-to-dark,oklch(59.2%_0.249_0.584))]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-skeleton-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-skeleton-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-skeleton-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-skeleton-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-skeleton-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-skeleton-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-skeleton-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-skeleton-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-skeleton-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-skeleton-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-skeleton-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-skeleton-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-skeleton-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-skeleton-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-skeleton-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-skeleton-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-skeleton-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-skeleton-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))]\",\n} as const;\n\nexport const zuiSkeletonSizes = {\n  sm: \"min-h-3\",\n  md: \"min-h-4\",\n  lg: \"min-h-6\",\n} as const;\n\nexport const zuiSkeletonRounded = {\n  none: \"rounded-none\",\n  sm: \"rounded-md\",\n  md: \"rounded-lg\",\n  lg: \"rounded-xl\",\n  full: \"rounded-full\",\n} as const;\n\nexport const zuiSkeletonAnimations = {\n  none: \"\",\n  shimmer: \"\",\n  pulse: \"\",\n} as const;\n\nexport const zuiSkeletonShimmerTones = {\n  default: \"\",\n  subtle: \"\",\n  muted: \"\",\n  sky: \"\",\n  rose: \"\",\n  purple: \"\",\n  pink: \"\",\n  orange: \"\",\n  yellow: \"\",\n  teal: \"\",\n  indigo: \"\",\n  emerald: \"\",\n  gray: \"\",\n  amber: \"\",\n  violet: \"\",\n  \"gradient-blue\": \"\",\n  \"gradient-green\": \"\",\n  \"gradient-red\": \"\",\n  \"gradient-yellow\": \"\",\n  \"gradient-purple\": \"\",\n  \"gradient-teal\": \"\",\n  \"gradient-indigo\": \"\",\n  \"gradient-pink\": \"\",\n  \"gradient-orange\": \"\",\n} as const;\n\nexport const zuiSkeletonTextLineBase = \"block w-full\";\n\nexport const zuiSkeletonTextLineSizes = {\n  sm: \"h-2.5\",\n  md: \"h-3\",\n  lg: \"h-4\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSkeletonAnimations,\n  zuiSkeletonAppearances,\n  zuiSkeletonBase,\n  zuiSkeletonRounded,\n  zuiSkeletonShimmerGradientClasses,\n  zuiSkeletonShimmerTones,\n  zuiSkeletonSizes,\n  zuiSkeletonTextLineBase,\n  zuiSkeletonTextLineSizes,\n  type ZuiSkeletonShimmerTone,\n} from \"../../design-system/skeleton\";\n\nexport const skeletonShimmerGradientClasses = zuiSkeletonShimmerGradientClasses;\nexport type SkeletonShimmerTone = ZuiSkeletonShimmerTone;\n\nexport const skeletonVariants = cva(zuiSkeletonBase, {\n  variants: {\n    appearance: zuiSkeletonAppearances,\n    size: zuiSkeletonSizes,\n    rounded: zuiSkeletonRounded,\n    animation: zuiSkeletonAnimations,\n    shimmerTone: zuiSkeletonShimmerTones,\n  },\n  compoundVariants: [\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"default\",\n      class: skeletonShimmerGradientClasses.default,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"muted\",\n      class: skeletonShimmerGradientClasses.subtle,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"subtle\",\n      class: skeletonShimmerGradientClasses.subtle,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"sky\",\n      class: skeletonShimmerGradientClasses.sky,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"rose\",\n      class: skeletonShimmerGradientClasses.rose,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"purple\",\n      class: skeletonShimmerGradientClasses.purple,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"pink\",\n      class: skeletonShimmerGradientClasses.pink,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"orange\",\n      class: skeletonShimmerGradientClasses.orange,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"yellow\",\n      class: skeletonShimmerGradientClasses.yellow,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"teal\",\n      class: skeletonShimmerGradientClasses.teal,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"indigo\",\n      class: skeletonShimmerGradientClasses.indigo,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"emerald\",\n      class: skeletonShimmerGradientClasses.emerald,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gray\",\n      class: skeletonShimmerGradientClasses.gray,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"amber\",\n      class: skeletonShimmerGradientClasses.amber,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"violet\",\n      class: skeletonShimmerGradientClasses.violet,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-blue\",\n      class: skeletonShimmerGradientClasses[\"gradient-blue\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-green\",\n      class: skeletonShimmerGradientClasses[\"gradient-green\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-red\",\n      class: skeletonShimmerGradientClasses[\"gradient-red\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-yellow\",\n      class: skeletonShimmerGradientClasses[\"gradient-yellow\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-purple\",\n      class: skeletonShimmerGradientClasses[\"gradient-purple\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-teal\",\n      class: skeletonShimmerGradientClasses[\"gradient-teal\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-indigo\",\n      class: skeletonShimmerGradientClasses[\"gradient-indigo\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-pink\",\n      class: skeletonShimmerGradientClasses[\"gradient-pink\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-orange\",\n      class: skeletonShimmerGradientClasses[\"gradient-orange\"],\n    },\n    {\n      animation: \"pulse\",\n      class: \"\",\n    },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    rounded: \"md\",\n    animation: \"shimmer\",\n    shimmerTone: \"default\",\n  },\n});\n\nexport const skeletonTextLineVariants = cva(zuiSkeletonTextLineBase, {\n  variants: {\n    size: zuiSkeletonTextLineSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  SkeletonAnimation,\n  SkeletonAvatarProps,\n  SkeletonButtonProps,\n  SkeletonCardProps,\n  SkeletonProps,\n  SkeletonTextProps,\n} from \"./types\";\nimport { skeletonTextLineVariants, skeletonVariants } from \"./variants\";\n\nexport const SkeletonAnimationContext = createContext<\n  SkeletonAnimation | undefined\n>(undefined);\n\nexport function useSkeletonAnimation(\n  fallback: SkeletonAnimation,\n): SkeletonAnimation {\n  const value = useContext(SkeletonAnimationContext);\n  return value ?? fallback;\n}\n\nfunction skeletonMotionClass(animation: SkeletonAnimation): string {\n  if (animation === \"none\") {\n    return \"\";\n  }\n  return \"animate-pulse\";\n}\n\nexport function SkeletonBase(props: SkeletonProps) {\n  const {\n    className,\n    appearance,\n    size,\n    rounded,\n    animation = \"shimmer\",\n    shimmerTone,\n    busy,\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const ctx = useMemo(() => animation, [animation]);\n\n  return (\n    <SkeletonAnimationContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"skeleton\"\n        aria-hidden\n        aria-busy={busy ? true : undefined}\n        className={cn(\n          skeletonVariants({\n            appearance,\n            size,\n            rounded,\n            animation,\n            shimmerTone,\n          }),\n          skeletonMotionClass(animation),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </SkeletonAnimationContext.Provider>\n  );\n}\n\nSkeletonBase.displayName = \"Skeleton\";\n\nexport function SkeletonTextBase(props: SkeletonTextProps) {\n  const {\n    lines = 3,\n    className,\n    appearance,\n    size,\n    rounded,\n    animation = \"shimmer\",\n    shimmerTone,\n    busy,\n    ref,\n    as: Wrapper = \"div\",\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation);\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <div\n      data-slot=\"skeleton-text\"\n      className={cn(\"flex w-full flex-col gap-2\", className)}\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n    >\n      {Array.from({ length: lines }).map((_, index) => (\n        <Wrapper\n          key={index}\n          ref={index === 0 ? ref : undefined}\n          className={cn(\n            skeletonVariants({\n              appearance,\n              size,\n              rounded,\n              animation: effectiveAnimation,\n              shimmerTone,\n            }),\n            skeletonTextLineVariants({ size }),\n            index === lines - 1 ? \"w-3/5\" : \"w-full\",\n            motionClass,\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nSkeletonTextBase.displayName = \"SkeletonText\";\n\nconst avatarSizeClass: Record<\n  NonNullable<SkeletonAvatarProps[\"avatarSize\"]>,\n  string\n> = {\n  xs: \"size-6\",\n  sm: \"size-8\",\n  md: \"size-10\",\n  lg: \"size-12\",\n  xl: \"size-14\",\n  \"2xl\": \"size-16\",\n};\n\nexport function SkeletonAvatarBase(props: SkeletonAvatarProps) {\n  const {\n    avatarSize = \"md\",\n    className,\n    appearance,\n    size,\n    rounded = \"full\",\n    animation,\n    shimmerTone,\n    busy,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"skeleton-avatar\"\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n      className={cn(\n        skeletonVariants({\n          appearance,\n          size,\n          rounded,\n          animation: effectiveAnimation,\n          shimmerTone,\n        }),\n        avatarSizeClass[avatarSize],\n        motionClass,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nSkeletonAvatarBase.displayName = \"SkeletonAvatar\";\n\nexport function SkeletonCardBase(props: SkeletonCardProps) {\n  const {\n    className,\n    busy,\n    animation = \"shimmer\",\n    shimmerTone,\n    appearance,\n    size,\n    rounded,\n    ref,\n  } = props;\n\n  return (\n    <div\n      ref={ref as never}\n      data-slot=\"skeleton-card\"\n      className={cn(\"w-full max-w-sm\", className)}\n      aria-busy={busy ? true : undefined}\n    >\n      <SkeletonBase\n        rounded=\"lg\"\n        animation={animation}\n        shimmerTone={shimmerTone}\n        appearance={appearance}\n        size={size}\n        busy={busy}\n        className=\"flex flex-col gap-4 p-4\"\n      >\n        <div className=\"flex items-center gap-3\">\n          <SkeletonAvatarBase\n            appearance={appearance}\n            size={size}\n            animation={animation}\n            shimmerTone={shimmerTone}\n            rounded={rounded}\n          />\n          <div className=\"flex flex-1 flex-col gap-2\">\n            <SkeletonTextBase\n              lines={2}\n              appearance={appearance}\n              size={size}\n              animation={animation}\n              shimmerTone={shimmerTone}\n            />\n          </div>\n        </div>\n        <SkeletonTextBase\n          lines={4}\n          appearance={appearance}\n          size={size}\n          animation={animation}\n          shimmerTone={shimmerTone}\n        />\n      </SkeletonBase>\n    </div>\n  );\n}\n\nSkeletonCardBase.displayName = \"SkeletonCard\";\n\nconst buttonHeight: Record<\n  NonNullable<SkeletonButtonProps[\"buttonSize\"]>,\n  string\n> = {\n  sm: \"h-8 w-24\",\n  md: \"h-10 w-32\",\n  lg: \"h-12 w-40\",\n};\n\nexport function SkeletonButtonBase(props: SkeletonButtonProps) {\n  const {\n    buttonSize = \"md\",\n    className,\n    appearance,\n    size,\n    rounded = \"md\",\n    animation,\n    shimmerTone,\n    busy,\n    ref,\n    ...rest\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"skeleton-button\"\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n      className={cn(\n        skeletonVariants({\n          appearance,\n          size,\n          rounded,\n          animation: effectiveAnimation,\n          shimmerTone,\n        }),\n        buttonHeight[buttonSize],\n        motionClass,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nSkeletonButtonBase.displayName = \"SkeletonButton\";\n"]}

package/dist/chunk-UROKWFPX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/design-system/alert.ts","../src/ui/alert/variants.ts","../src/ui/alert/alert-base.tsx"],"names":[],"mappings":"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","file":"chunk-UROKWFPX.mjs","sourcesContent":["export const zuiAlertBase =\n  \"relative flex w-full gap-3 border text-sm ring-offset-[var(--zui-alert-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-alert-ring-offset-dark,oklch(12.9%_0.042_264.695))] transition-colors\";\n\nexport const zuiAlertAppearances = {\n  default:\n    \"border-[color:var(--zui-alert-default-border,#0000001a)] dark:border-[color:var(--zui-alert-default-border-dark,#ffffff1a)] bg-[var(--zui-alert-default-bg,#0000000d)] dark:bg-[var(--zui-alert-default-bg-dark,#ffffff0d)] text-[color:var(--zui-alert-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  success:\n    \"border-[color:var(--zui-alert-success-border,oklch(69.6%_0.17_162.48_/_0.4))] dark:border-[color:var(--zui-alert-success-border-dark,oklch(69.6%_0.17_162.48_/_0.4))] bg-[var(--zui-alert-success-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-alert-success-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-alert-success-fg,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-alert-success-fg-dark,oklch(97.9%_0.021_166.113))]\",\n  warning:\n    \"border-[color:var(--zui-alert-warning-border,oklch(76.9%_0.188_70.08_/_0.4))] dark:border-[color:var(--zui-alert-warning-border-dark,oklch(76.9%_0.188_70.08_/_0.4))] bg-[var(--zui-alert-warning-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-alert-warning-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-alert-warning-fg,oklch(27.9%_0.077_45.635))] dark:text-[color:var(--zui-alert-warning-fg-dark,oklch(98.7%_0.022_95.277))]\",\n  error:\n    \"border-[color:var(--zui-alert-error-border,oklch(64.5%_0.246_16.439_/_0.5))] dark:border-[color:var(--zui-alert-error-border-dark,oklch(64.5%_0.246_16.439_/_0.5))] bg-[var(--zui-alert-error-bg,oklch(64.5%_0.246_16.439_/_0.1))] dark:bg-[var(--zui-alert-error-bg-dark,oklch(64.5%_0.246_16.439_/_0.1))] text-[color:var(--zui-alert-error-fg,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-alert-error-fg-dark,oklch(96.9%_0.015_12.422))]\",\n  info: \"border-[color:var(--zui-alert-info-border,oklch(68.5%_0.169_237.323_/_0.4))] dark:border-[color:var(--zui-alert-info-border-dark,oklch(68.5%_0.169_237.323_/_0.4))] bg-[var(--zui-alert-info-bg,oklch(68.5%_0.169_237.323_/_0.1))] dark:bg-[var(--zui-alert-info-bg-dark,oklch(68.5%_0.169_237.323_/_0.1))] text-[color:var(--zui-alert-info-fg,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-alert-info-fg-dark,oklch(97.7%_0.013_236.62))]\",\n  ghost:\n    \"border-[color:var(--zui-alert-ghost-border,transparent)] dark:border-[color:var(--zui-alert-ghost-border-dark,transparent)] bg-[var(--zui-alert-ghost-bg,transparent)] dark:bg-[var(--zui-alert-ghost-bg-dark,transparent)] text-[color:var(--zui-alert-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-alert-ghost-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  purple:\n    \"border-[color:var(--zui-alert-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-alert-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-alert-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-alert-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-purple-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-purple-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  pink: \"border-[color:var(--zui-alert-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-alert-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-alert-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-alert-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-pink-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-pink-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  orange:\n    \"border-[color:var(--zui-alert-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-alert-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-alert-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-alert-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-orange-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-orange-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  yellow:\n    \"border-[color:var(--zui-alert-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-alert-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-alert-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-alert-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-yellow-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-yellow-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  teal: \"border-[color:var(--zui-alert-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-alert-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-alert-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-alert-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-teal-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-teal-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  indigo:\n    \"border-[color:var(--zui-alert-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-alert-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-alert-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-alert-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-indigo-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-indigo-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  gray: \"border-[color:var(--zui-alert-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-alert-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-alert-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-alert-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gray-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gray-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  violet:\n    \"border-[color:var(--zui-alert-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-alert-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-alert-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-alert-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-violet-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-violet-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-alert-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-alert-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-alert-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-alert-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-alert-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-alert-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-blue-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-blue-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-alert-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-alert-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-alert-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-alert-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-alert-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-alert-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-green-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-green-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-alert-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-alert-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-alert-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-alert-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-alert-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-alert-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-red-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-red-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-alert-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-alert-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-alert-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-alert-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-alert-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-alert-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-yellow-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-yellow-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-alert-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-alert-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-alert-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-alert-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-alert-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-alert-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-purple-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-purple-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-alert-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-alert-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-alert-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-alert-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-alert-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-alert-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-teal-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-teal-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-alert-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-alert-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-alert-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-alert-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-alert-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-alert-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-indigo-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-indigo-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-alert-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-alert-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-alert-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-alert-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-alert-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-alert-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-pink-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-pink-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-alert-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-alert-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-alert-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-alert-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-alert-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-alert-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-orange-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-orange-fg-dark,oklch(98.4%_0.003_247.858))]\",\n} as const;\n\nexport const zuiAlertSizes = {\n  sm: \"rounded-lg p-3\",\n  md: \"rounded-xl p-4\",\n  lg: \"rounded-2xl p-5 text-base\",\n} as const;\n\nexport const zuiAlertTitleBase = \"font-semibold leading-tight\";\n\nexport const zuiAlertTextSizes = {\n  sm: \"text-xs md:text-sm\",\n  md: \"text-xs md:text-sm\",\n  lg: \"text-xs md:text-sm\",\n} as const;\n\nexport const zuiAlertDescriptionBase =\n  \"text-[color:var(--zui-alert-description-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-alert-description-fg-dark,oklch(86.9%_0.022_252.894))]\";\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAlertAppearances,\n  zuiAlertBase,\n  zuiAlertDescriptionBase,\n  zuiAlertSizes,\n  zuiAlertTextSizes,\n  zuiAlertTitleBase,\n} from \"../../design-system/alert\";\n\nexport const alertVariants = cva(zuiAlertBase, {\n  variants: {\n    appearance: zuiAlertAppearances,\n    size: zuiAlertSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const alertTitleVariants = cva(zuiAlertTitleBase, {\n  variants: {\n    size: zuiAlertTextSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const alertDescriptionVariants = cva(zuiAlertDescriptionBase, {\n  variants: {\n    size: zuiAlertTextSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport {\n  HiExclamationTriangle,\n  HiInformationCircle,\n  HiXMark,\n} from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AlertBaseProps,\n  AlertProps,\n  AlertSectionProps,\n  AlertSize,\n} from \"./types\";\nimport {\n  alertDescriptionVariants,\n  alertTitleVariants,\n  alertVariants,\n} from \"./variants\";\n\nconst AlertSizeContext = createContext<AlertSize>(\"md\");\n\nfunction useAlertSize(): AlertSize {\n  const ctx = useContext(AlertSizeContext);\n  if (!ctx) {\n    throw new Error(\"useAlertSize must be used within an Alert\");\n  }\n  return ctx;\n}\n\nexport function AlertBase(props: AlertBaseProps) {\n  const {\n    className,\n    triggerClassName,\n    appearance = \"default\",\n    size = \"md\",\n    closable = false,\n    onClose,\n    closeLabel = \"Dismiss alert\",\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n\n  const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <AlertSizeContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"alert\"\n        role=\"alert\"\n        aria-live={live}\n        className={cn(\n          alertVariants({ appearance, size }),\n          closable ? \"pr-12\" : \"\",\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n        {closable ? (\n          <button\n            type=\"button\"\n            data-slot=\"alert-close\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            className={cn(\n              \"absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n              triggerClassName,\n            )}\n          >\n            <HiXMark className=\"size-4\" aria-hidden />\n          </button>\n        ) : null}\n      </Wrapper>\n    </AlertSizeContext.Provider>\n  );\n}\n\nAlertBase.displayName = \"AlertBase\";\n\nexport function AlertIcon({ className, children }: AlertSectionProps) {\n  return (\n    <span\n      data-slot=\"alert-icon\"\n      className={cn(\"mt-0.5 shrink-0 text-current\", className)}\n    >\n      {children}\n    </span>\n  );\n}\n\nAlertIcon.displayName = \"AlertIcon\";\n\nexport function AlertTitle({ className, children }: AlertSectionProps) {\n  const size = useAlertSize();\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(alertTitleVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nAlertTitle.displayName = \"AlertTitle\";\n\nexport function AlertDescription({ className, children }: AlertSectionProps) {\n  const size = useAlertSize();\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(alertDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nAlertDescription.displayName = \"AlertDescription\";\n\nexport function AlertClose({\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Dismiss alert\",\n  onClick,\n}: AlertSectionProps & { onClick?: () => void; \"aria-label\"?: string }) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"alert-close\"\n      aria-label={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n        className,\n      )}\n    >\n      {children ?? <HiXMark className=\"size-4\" aria-hidden />}\n    </button>\n  );\n}\n\nAlertClose.displayName = \"AlertClose\";\n\nexport function AlertDefaultIcon({\n  appearance,\n}: {\n  appearance?: AlertProps[\"appearance\"];\n}) {\n  if (appearance === \"error\") {\n    return <HiExclamationTriangle className=\"size-5\" aria-hidden />;\n  }\n  return <HiInformationCircle className=\"size-5\" aria-hidden />;\n}\n"]}

package/dist/chunk-UY65KX3M.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/design-system/drawer.ts","../src/ui/drawer/variants.ts","../src/ui/drawer/drawer-base.tsx"],"names":["cva","createContext","useContext","useState","useCallback","useId","useRef","useMemo","jsx","cn","useFocusManagement","createPortal","jsxs"],"mappings":"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","file":"chunk-UY65KX3M.js","sourcesContent":["export const zuiDrawerOverlayBase =\n  \"fixed inset-0 z-101 bg-[var(--zui-drawer-overlay-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-sm\";\n\nexport const zuiDrawerTriggerBase =\n  \"relative inline-flex shrink-0 cursor-pointer border rounded px-3 py-1.5\";\n\nexport const zuiDrawerTriggerAppearances = {\n  default:\n    \"bg-[var(--zui-drawer-trigger-default-bg,oklch(12.9%_0.042_264.695))] dark:bg-[var(--zui-drawer-trigger-default-bg-dark,oklch(12.9%_0.042_264.695))]\",\n  glass:\n    \"border-[color:var(--zui-drawer-trigger-glass-border,#00000026)] dark:border-[color:var(--zui-drawer-trigger-glass-border-dark,#ffffff26)] bg-[var(--zui-drawer-trigger-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-trigger-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-trigger-glass-fg-dark,#ffffff)]\",\n  sky: \"border-[color:var(--zui-drawer-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-drawer-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-drawer-trigger-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-drawer-trigger-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-drawer-trigger-sky-fg-dark,#ffffff)]\",\n  rose: \"border-[color:var(--zui-drawer-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-drawer-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-drawer-trigger-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-drawer-trigger-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-drawer-trigger-rose-fg-dark,#ffffff)]\",\n  purple:\n    \"border-[color:var(--zui-drawer-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-drawer-trigger-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-drawer-trigger-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-drawer-trigger-purple-fg-dark,#ffffff)]\",\n  pink: \"border-[color:var(--zui-drawer-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-drawer-trigger-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-drawer-trigger-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-drawer-trigger-pink-fg-dark,#ffffff)]\",\n  orange:\n    \"border-[color:var(--zui-drawer-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-drawer-trigger-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-drawer-trigger-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-drawer-trigger-orange-fg-dark,#ffffff)]\",\n  yellow:\n    \"border-[color:var(--zui-drawer-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-drawer-trigger-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-drawer-trigger-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-drawer-trigger-yellow-fg-dark,#ffffff)]\",\n  teal: \"border-[color:var(--zui-drawer-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-trigger-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-drawer-trigger-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-drawer-trigger-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-drawer-trigger-teal-fg-dark,#ffffff)]\",\n  indigo:\n    \"border-[color:var(--zui-drawer-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-drawer-trigger-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-drawer-trigger-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-drawer-trigger-indigo-fg-dark,#ffffff)]\",\n  emerald:\n    \"border-[color:var(--zui-drawer-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-drawer-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-drawer-trigger-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-drawer-trigger-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-drawer-trigger-emerald-fg-dark,#ffffff)]\",\n  gray: \"border-[color:var(--zui-drawer-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-drawer-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-drawer-trigger-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-drawer-trigger-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-drawer-trigger-gray-fg-dark,#ffffff)]\",\n  amber:\n    \"border-[color:var(--zui-drawer-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-drawer-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-drawer-trigger-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-drawer-trigger-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-drawer-trigger-amber-fg-dark,#ffffff)]\",\n  violet:\n    \"border-[color:var(--zui-drawer-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-drawer-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-drawer-trigger-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-drawer-trigger-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-drawer-trigger-violet-fg-dark,#ffffff)]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-drawer-trigger-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-drawer-trigger-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-drawer-trigger-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-trigger-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-blue-fg,oklch(42.4%_0.199_265.638))] dark:text-[color:var(--zui-drawer-trigger-gradient-blue-fg-dark,#ffffff)]\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-drawer-trigger-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-drawer-trigger-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-drawer-trigger-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-drawer-trigger-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-green-fg,oklch(44.8%_0.119_151.328))] dark:text-[color:var(--zui-drawer-trigger-gradient-green-fg-dark,#ffffff)]\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-drawer-trigger-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-drawer-trigger-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-drawer-trigger-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-trigger-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-red-fg,oklch(44.4%_0.177_26.899))] dark:text-[color:var(--zui-drawer-trigger-gradient-red-fg-dark,#ffffff)]\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-trigger-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-drawer-trigger-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-drawer-trigger-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-drawer-trigger-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-drawer-trigger-gradient-yellow-fg-dark,#ffffff)]\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-trigger-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-drawer-trigger-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-drawer-trigger-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-trigger-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-drawer-trigger-gradient-purple-fg-dark,#ffffff)]\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-trigger-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-drawer-trigger-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-drawer-trigger-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-drawer-trigger-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-drawer-trigger-gradient-teal-fg-dark,#ffffff)]\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-trigger-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-drawer-trigger-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-drawer-trigger-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-trigger-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-drawer-trigger-gradient-indigo-fg-dark,#ffffff)]\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-trigger-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-drawer-trigger-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-drawer-trigger-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-drawer-trigger-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-drawer-trigger-gradient-pink-fg-dark,#ffffff)]\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-drawer-trigger-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-trigger-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-drawer-trigger-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-drawer-trigger-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-drawer-trigger-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-drawer-trigger-gradient-orange-fg-dark,#ffffff)]\",\n} as const;\n\nexport const zuiDrawerContentBase =\n  \"fixed z-101 flex max-h-[min(92vh,900px)] flex-col border border-[color:var(--zui-drawer-content-border,#0000001a)] dark:border-[color:var(--zui-drawer-content-border-dark,#ffffff1a)] bg-[var(--zui-drawer-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-drawer-content-bg-dark,oklch(12.9%_0.042_264.695))] p-6 text-[color:var(--zui-drawer-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-drawer-content-shadow,0_12px_40px_rgba(15,23,42,0.14))] dark:shadow-[var(--zui-drawer-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.55))] focus:outline-none\";\n\nexport const zuiDrawerContentSides = {\n  left: \"left-0 top-0 h-full w-[min(100%,420px)]\",\n  right: \"right-0 top-0 h-full w-[min(100%,420px)]\",\n  top: \"left-0 top-0 w-full max-h-[min(92vh,520px)]\",\n  bottom: \"bottom-0 left-0 w-full max-h-[min(92vh,520px)]\",\n} as const;\n\nexport const zuiDrawerContentSizes = {\n  sm: \"\",\n  md: \"\",\n  lg: \"\",\n  xl: \"\",\n  full: \"\",\n} as const;\n\nexport const zuiDrawerContentAppearances = {\n  default:\n    \"bg-[var(--zui-drawer-content-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-drawer-content-default-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-drawer-content-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-content-default-fg-dark,#ffffff)]\",\n  glass:\n    \"border-[color:var(--zui-drawer-content-glass-border,#00000026)] dark:border-[color:var(--zui-drawer-content-glass-border-dark,#ffffff26)] bg-[var(--zui-drawer-content-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-content-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl\",\n  sky: \"border-[color:var(--zui-drawer-content-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-drawer-content-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-drawer-content-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-drawer-content-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl\",\n  rose: \"border-[color:var(--zui-drawer-content-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-drawer-content-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-drawer-content-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-drawer-content-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n  purple:\n    \"border-[color:var(--zui-drawer-content-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-content-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-drawer-content-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-drawer-content-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  pink: \"border-[color:var(--zui-drawer-content-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-content-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-drawer-content-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-drawer-content-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  orange:\n    \"border-[color:var(--zui-drawer-content-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-content-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-drawer-content-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-drawer-content-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n  yellow:\n    \"border-[color:var(--zui-drawer-content-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-content-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-drawer-content-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-drawer-content-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl\",\n  teal: \"border-[color:var(--zui-drawer-content-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-content-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-drawer-content-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-drawer-content-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl\",\n  indigo:\n    \"border-[color:var(--zui-drawer-content-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-content-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-drawer-content-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-drawer-content-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl\",\n  emerald:\n    \"border-[color:var(--zui-drawer-content-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-drawer-content-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-drawer-content-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-drawer-content-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl\",\n  gray: \"border-[color:var(--zui-drawer-content-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-drawer-content-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-drawer-content-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-drawer-content-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl\",\n  amber:\n    \"border-[color:var(--zui-drawer-content-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-drawer-content-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-drawer-content-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-drawer-content-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl\",\n  violet:\n    \"border-[color:var(--zui-drawer-content-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-drawer-content-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-drawer-content-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-drawer-content-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-drawer-content-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-drawer-content-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-drawer-content-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-drawer-content-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-content-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-drawer-content-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-drawer-content-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-drawer-content-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-drawer-content-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-drawer-content-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-drawer-content-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-drawer-content-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-drawer-content-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-drawer-content-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-content-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-drawer-content-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-content-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-drawer-content-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-drawer-content-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-drawer-content-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-drawer-content-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-drawer-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-drawer-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-content-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-drawer-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-drawer-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-drawer-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-drawer-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-drawer-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-drawer-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-drawer-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-drawer-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-drawer-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-drawer-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-drawer-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-drawer-content-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-content-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-drawer-content-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-drawer-content-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-drawer-content-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDrawerContentAppearances,\n  zuiDrawerContentBase,\n  zuiDrawerContentSides,\n  zuiDrawerContentSizes,\n  zuiDrawerOverlayBase,\n  zuiDrawerTriggerAppearances,\n  zuiDrawerTriggerBase,\n} from \"../../design-system/drawer\";\n\nexport const drawerOverlayVariants = cva(zuiDrawerOverlayBase);\n\nexport const drawerTriggerVariants = cva(zuiDrawerTriggerBase, {\n  variants: {\n    appearance: zuiDrawerTriggerAppearances,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const drawerContentVariants = cva(zuiDrawerContentBase, {\n  variants: {\n    side: zuiDrawerContentSides,\n    size: zuiDrawerContentSizes,\n    appearance: zuiDrawerContentAppearances,\n  },\n  compoundVariants: [\n    { side: \"left\", size: \"sm\", class: \"w-[min(100%,320px)]\" },\n    { side: \"left\", size: \"md\", class: \"w-[min(100%,420px)]\" },\n    { side: \"left\", size: \"lg\", class: \"w-[min(100%,520px)]\" },\n    { side: \"left\", size: \"xl\", class: \"w-[min(100%,640px)]\" },\n    { side: \"left\", size: \"full\", class: \"w-full max-w-none\" },\n    { side: \"right\", size: \"sm\", class: \"w-[min(100%,320px)]\" },\n    { side: \"right\", size: \"md\", class: \"w-[min(100%,420px)]\" },\n    { side: \"right\", size: \"lg\", class: \"w-[min(100%,520px)]\" },\n    { side: \"right\", size: \"xl\", class: \"w-[min(100%,640px)]\" },\n    { side: \"right\", size: \"full\", class: \"w-full max-w-none\" },\n  ],\n  defaultVariants: {\n    side: \"right\",\n    size: \"md\",\n    appearance: \"default\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useFocusManagement } from \"../../hooks/useFocusManagement\";\n\nimport type {\n  DrawerContentProps,\n  DrawerCtx,\n  DrawerProps,\n  DrawerSectionProps,\n  DrawerTriggerProps,\n} from \"./types\";\nimport {\n  drawerContentVariants,\n  drawerOverlayVariants,\n  drawerTriggerVariants,\n} from \"./variants\";\n\nconst DrawerContext = createContext<DrawerCtx | null>(null);\n\nexport function useDrawerContext(component: string): DrawerCtx {\n  const ctx = useContext(DrawerContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Drawer>`);\n  }\n  return ctx;\n}\n\nexport function Drawer({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: DrawerProps) {\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next);\n      }\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const baseId = useId();\n  const titleId = `${baseId}-title`;\n  const descriptionId = `${baseId}-description`;\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  const ctx = useMemo(\n    () => ({\n      open: resolvedOpen,\n      setOpen,\n      titleId,\n      descriptionId,\n      contentRef,\n      triggerRef,\n    }),\n    [descriptionId, resolvedOpen, setOpen, titleId],\n  );\n\n  return (\n    <DrawerContext.Provider value={ctx}>{children}</DrawerContext.Provider>\n  );\n}\n\nDrawer.displayName = \"Drawer\";\n\nexport function DrawerTrigger({\n  className,\n  children,\n  appearance,\n  onClick,\n  ref: refProp,\n  ...rest\n}: DrawerTriggerProps) {\n  const { setOpen, triggerRef } = useDrawerContext(\"DrawerTrigger\");\n  return (\n    <button\n      ref={(node) => {\n        triggerRef.current = node;\n        if (typeof refProp === \"function\") {\n          refProp(node);\n        } else if (refProp) {\n          (refProp as RefObject<HTMLButtonElement | null>).current = node;\n        }\n      }}\n      type=\"button\"\n      data-slot=\"drawer-trigger\"\n      className={cn(drawerTriggerVariants({ appearance }), className)}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          setOpen(true);\n        }\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n\nexport function DrawerContent({\n  className,\n  side = \"right\",\n  size,\n  appearance,\n  children,\n  ref,\n  id,\n  style,\n}: DrawerContentProps) {\n  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } =\n    useDrawerContext(\"DrawerContent\");\n  const resolvedSide = side ?? \"right\";\n\n  useFocusManagement({\n    open,\n    setOpen,\n    contentRef,\n    triggerRef,\n  });\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    open ? (\n      <div className=\"fixed inset-0 z-101\" data-slot=\"drawer-portal\">\n        <div\n          role=\"presentation\"\n          data-slot=\"drawer-overlay\"\n          className={drawerOverlayVariants()}\n          onClick={() => setOpen(false)}\n        />\n        <div\n          ref={(node) => {\n            contentRef.current = node;\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              (ref as RefObject<HTMLDivElement | null>).current = node;\n            }\n          }}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={titleId}\n          aria-describedby={descriptionId}\n          data-slot=\"drawer-content\"\n          tabIndex={-1}\n          className={cn(\n            drawerContentVariants({ side: resolvedSide, size, appearance }),\n            className,\n          )}\n          id={id}\n          style={style}\n        >\n          {children}\n        </div>\n      </div>\n    ) : null,\n    portalTarget,\n  );\n}\n\nDrawerContent.displayName = \"DrawerContent\";\n\nexport function DrawerHeader({ className, children }: DrawerSectionProps) {\n  return (\n    <header\n      data-slot=\"drawer-header\"\n      className={cn(\"mb-4 flex flex-col gap-2\", className)}\n    >\n      {children}\n    </header>\n  );\n}\n\nDrawerHeader.displayName = \"DrawerHeader\";\n\nexport function DrawerBody({ className, children }: DrawerSectionProps) {\n  return (\n    <div data-slot=\"drawer-body\" className={cn(\"flex-1 text-sm\", className)}>\n      {children}\n    </div>\n  );\n}\n\nDrawerBody.displayName = \"DrawerBody\";\n\nexport function DrawerFooter({ className, children }: DrawerSectionProps) {\n  return (\n    <footer\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-6 flex justify-end gap-2\", className)}\n    >\n      {children}\n    </footer>\n  );\n}\n\nDrawerFooter.displayName = \"DrawerFooter\";\n\nexport function DrawerTitle({ className, children }: DrawerSectionProps) {\n  const { titleId } = useDrawerContext(\"DrawerTitle\");\n  return (\n    <h2\n      id={titleId}\n      data-slot=\"drawer-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n    >\n      {children}\n    </h2>\n  );\n}\n\nDrawerTitle.displayName = \"DrawerTitle\";\n\nexport function DrawerClose({\n  className,\n  children,\n  ...rest\n}: DrawerSectionProps) {\n  const { setOpen } = useDrawerContext(\"DrawerClose\");\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"drawer-close\"\n      className={cn(\n        \"absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-md dark:text-slate-200 text-slate-900 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n        className,\n      )}\n      aria-label=\"Close drawer\"\n      onClick={() => setOpen(false)}\n      {...rest}\n    >\n      {children ?? \"×\"}\n    </button>\n  );\n}\n\nDrawerClose.displayName = \"DrawerClose\";\n"]}

package/dist/chunk-V5JTDRV5.mjs

@@ -1,278 +0,0 @@
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { createContext, useContext, useMemo, Children, isValidElement } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/design-system/timeline.ts
-var zuiTimelineBase = "flex w-full flex-col";
-var zuiTimelineItemBase = "relative flex gap-4";
-var zuiTimelineIndicatorBase = "relative z-[1] grid shrink-0 place-items-center rounded-full border font-semibold transition-colors";
-var zuiTimelineIndicatorAppearances = {
-  default: "border-[color:var(--zui-timeline-indicator-default-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-default-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-default-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-default-ring,oklch(70.7%_0.022_261.325_/_0.3))]",
-  sky: "border-[color:var(--zui-timeline-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-timeline-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-timeline-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-timeline-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-timeline-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]",
-  rose: "border-[color:var(--zui-timeline-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-timeline-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-timeline-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-timeline-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-timeline-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]",
-  purple: "border-[color:var(--zui-timeline-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-timeline-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-timeline-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-timeline-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-timeline-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]",
-  pink: "border-[color:var(--zui-timeline-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-timeline-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-timeline-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-timeline-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-timeline-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]",
-  orange: "border-[color:var(--zui-timeline-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-timeline-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-timeline-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-timeline-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-timeline-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]",
-  yellow: "border-[color:var(--zui-timeline-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-timeline-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-timeline-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-timeline-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]",
-  teal: "border-[color:var(--zui-timeline-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-timeline-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-timeline-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-timeline-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-timeline-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]",
-  indigo: "border-[color:var(--zui-timeline-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-timeline-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-timeline-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-timeline-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-timeline-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]",
-  emerald: "border-[color:var(--zui-timeline-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-timeline-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-timeline-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]",
-  gray: "border-[color:var(--zui-timeline-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]",
-  violet: "border-[color:var(--zui-timeline-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-timeline-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-timeline-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]",
-  "gradient-blue": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]",
-  "gradient-green": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]",
-  "gradient-red": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]",
-  "gradient-yellow": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]",
-  "gradient-purple": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]",
-  "gradient-teal": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]",
-  "gradient-indigo": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]",
-  "gradient-pink": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]",
-  "gradient-orange": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]"
-};
-var zuiTimelineIndicatorSizes = {
-  sm: "size-5 text-[0.625rem]",
-  md: "size-6 text-xs",
-  lg: "size-7 text-sm"
-};
-var zuiTimelineConnectorBase = "pointer-events-none absolute bottom-0 w-px -translate-x-1/2 rounded-full bg-[var(--zui-timeline-connector,#0000001f)] dark:bg-[var(--zui-timeline-connector-dark,#ffffff1f)]";
-var zuiTimelineConnectorSizes = {
-  sm: "left-2.5 top-6",
-  md: "left-3 top-7",
-  lg: "left-3.5 top-8"
-};
-var zuiTimelineContentBase = "min-w-0 flex-1";
-var zuiTimelineContentSizes = {
-  sm: "pb-5",
-  md: "pb-6",
-  lg: "pb-8"
-};
-var zuiTimelineTitleBase = "font-semibold text-[color:var(--zui-timeline-title-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-timeline-title-fg-dark,#ffffff)]";
-var zuiTimelineTitleSizes = {
-  sm: "text-sm",
-  md: "text-sm",
-  lg: "text-base"
-};
-var zuiTimelineDescriptionBase = "text-[color:var(--zui-timeline-description-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-timeline-description-fg-dark,oklch(70.4%_0.04_256.788))]";
-var zuiTimelineDescriptionSizes = {
-  sm: "text-xs",
-  md: "text-xs",
-  lg: "text-sm"
-};
-
-// src/ui/timeline/variants.ts
-var timelineVariants = cva(zuiTimelineBase);
-var timelineItemVariants = cva(zuiTimelineItemBase);
-var timelineConnectorVariants = cva(zuiTimelineConnectorBase, {
-  variants: {
-    size: zuiTimelineConnectorSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var timelineIndicatorVariants = cva(zuiTimelineIndicatorBase, {
-  variants: {
-    appearance: zuiTimelineIndicatorAppearances,
-    size: zuiTimelineIndicatorSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
-});
-var timelineContentVariants = cva(zuiTimelineContentBase, {
-  variants: {
-    size: zuiTimelineContentSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var timelineTitleVariants = cva(zuiTimelineTitleBase, {
-  variants: {
-    size: zuiTimelineTitleSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var timelineDescriptionVariants = cva(zuiTimelineDescriptionBase, {
-  variants: {
-    size: zuiTimelineDescriptionSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var TimelineContext = createContext(null);
-var TimelineIndexContext = createContext(null);
-var TimelineItemContext = createContext(null);
-function useTimelineContext(component) {
-  const ctx = useContext(TimelineContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <Timeline>`);
-  }
-  return ctx;
-}
-function useTimelineIndex(component) {
-  const index = useContext(TimelineIndexContext);
-  if (index === null) {
-    throw new Error(`${component} must be used within <Timeline>`);
-  }
-  return index;
-}
-function useTimelineSize() {
-  return useContext(TimelineContext)?.size ?? "md";
-}
-function useTimelineIsLast() {
-  return useContext(TimelineItemContext)?.isLast ?? false;
-}
-function Timeline({
-  appearance = "default",
-  size = "md",
-  className,
-  children,
-  ref,
-  ...rest
-}) {
-  const items = useMemo(
-    () => Children.toArray(children).filter(isValidElement),
-    [children]
-  );
-  const ctx = useMemo(
-    () => ({
-      appearance: appearance ?? "default",
-      size: size ?? "md",
-      total: items.length
-    }),
-    [appearance, size, items.length]
-  );
-  return /* @__PURE__ */ jsx(TimelineContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-    "ol",
-    {
-      ref,
-      "data-slot": "timeline",
-      className: cn(timelineVariants(), "m-0 list-none p-0", className),
-      ...rest,
-      children: items.map((child, index) => /* @__PURE__ */ jsx(TimelineIndexContext.Provider, { value: index, children: child }, child.key))
-    }
-  ) });
-}
-Timeline.displayName = "Timeline";
-function TimelineItem({
-  className,
-  children,
-  ref,
-  ...rest
-}) {
-  const { size, total } = useTimelineContext("TimelineItem");
-  const index = useTimelineIndex("TimelineItem");
-  const isLast = index === total - 1;
-  const itemCtx = useMemo(
-    () => ({ index, isLast }),
-    [index, isLast]
-  );
-  return /* @__PURE__ */ jsx(TimelineItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsxs(
-    "li",
-    {
-      ref,
-      "data-slot": "timeline-item",
-      "data-last": isLast ? "" : void 0,
-      className: cn(timelineItemVariants(), className),
-      ...rest,
-      children: [
-        !isLast ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            "data-slot": "timeline-connector",
-            className: timelineConnectorVariants({ size })
-          }
-        ) : null,
-        children
-      ]
-    }
-  ) });
-}
-TimelineItem.displayName = "TimelineItem";
-function TimelineIndicator({
-  className,
-  appearance,
-  children,
-  ref,
-  ...rest
-}) {
-  const { appearance: rootAppearance, size } = useTimelineContext("TimelineIndicator");
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "timeline-indicator",
-      className: cn(
-        timelineIndicatorVariants({
-          appearance: appearance ?? rootAppearance,
-          size
-        }),
-        className
-      ),
-      ...rest,
-      children
-    }
-  );
-}
-TimelineIndicator.displayName = "TimelineIndicator";
-function TimelineContent({
-  className,
-  children,
-  ref,
-  ...rest
-}) {
-  const size = useTimelineSize();
-  const isLast = useTimelineIsLast();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "timeline-content",
-      className: cn(
-        timelineContentVariants({ size }),
-        isLast && "pb-0",
-        className
-      ),
-      ...rest,
-      children
-    }
-  );
-}
-TimelineContent.displayName = "TimelineContent";
-function TimelineTitle({
-  className,
-  ref,
-  ...rest
-}) {
-  const size = useTimelineSize();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "timeline-title",
-      className: cn(timelineTitleVariants({ size }), className),
-      ...rest
-    }
-  );
-}
-TimelineTitle.displayName = "TimelineTitle";
-function TimelineDescription({
-  className,
-  ref,
-  ...rest
-}) {
-  const size = useTimelineSize();
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      ref,
-      "data-slot": "timeline-description",
-      className: cn(timelineDescriptionVariants({ size }), className),
-      ...rest
-    }
-  );
-}
-TimelineDescription.displayName = "TimelineDescription";
-
-export { Timeline, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineItemContext, TimelineTitle, timelineConnectorVariants, timelineContentVariants, timelineDescriptionVariants, timelineIndicatorVariants, timelineItemVariants, timelineTitleVariants, timelineVariants, useTimelineContext, useTimelineIndex };
-//# sourceMappingURL=chunk-V5JTDRV5.mjs.map
-//# sourceMappingURL=chunk-V5JTDRV5.mjs.map

package/dist/chunk-V5JTDRV5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/design-system/timeline.ts","../src/ui/timeline/variants.ts","../src/ui/timeline/timeline-base.tsx"],"names":[],"mappings":"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","file":"chunk-V5JTDRV5.mjs","sourcesContent":["export const zuiTimelineBase = \"flex w-full flex-col\";\n\nexport const zuiTimelineItemBase = \"relative flex gap-4\";\n\nexport const zuiTimelineIndicatorBase =\n  \"relative z-[1] grid shrink-0 place-items-center rounded-full border font-semibold transition-colors\";\n\nexport const zuiTimelineIndicatorAppearances = {\n  default:\n    \"border-[color:var(--zui-timeline-indicator-default-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-default-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-default-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-default-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n  sky: \"border-[color:var(--zui-timeline-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-timeline-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-timeline-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-timeline-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-timeline-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]\",\n  rose: \"border-[color:var(--zui-timeline-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-timeline-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-timeline-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-timeline-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-timeline-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]\",\n  purple:\n    \"border-[color:var(--zui-timeline-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-timeline-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-timeline-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-timeline-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-timeline-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n  pink: \"border-[color:var(--zui-timeline-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-timeline-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-timeline-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-timeline-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-timeline-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n  orange:\n    \"border-[color:var(--zui-timeline-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-timeline-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-timeline-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-timeline-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-timeline-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n  yellow:\n    \"border-[color:var(--zui-timeline-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-timeline-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-timeline-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-timeline-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-timeline-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n  teal: \"border-[color:var(--zui-timeline-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-timeline-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-timeline-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-timeline-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-timeline-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n  indigo:\n    \"border-[color:var(--zui-timeline-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-timeline-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-timeline-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-timeline-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-timeline-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n  emerald:\n    \"border-[color:var(--zui-timeline-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-timeline-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-timeline-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-timeline-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-timeline-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]\",\n  gray: \"border-[color:var(--zui-timeline-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-timeline-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-timeline-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-timeline-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-timeline-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n  violet:\n    \"border-[color:var(--zui-timeline-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-timeline-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-timeline-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-timeline-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-timeline-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]\",\n  \"gradient-blue\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-blue-from,oklch(62.3%_0.214_259.815))] to-[var(--zui-timeline-indicator-gradient-blue-to,oklch(54.6%_0.245_262.881))] text-[color:var(--zui-timeline-indicator-gradient-blue-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]\",\n  \"gradient-green\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-green-from,oklch(72.3%_0.219_149.579))] to-[var(--zui-timeline-indicator-gradient-green-to,oklch(62.7%_0.194_149.214))] text-[color:var(--zui-timeline-indicator-gradient-green-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]\",\n  \"gradient-red\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-red-from,oklch(63.7%_0.237_25.331))] to-[var(--zui-timeline-indicator-gradient-red-to,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-timeline-indicator-gradient-red-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]\",\n  \"gradient-yellow\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-yellow-from,oklch(85.2%_0.199_91.936))] to-[var(--zui-timeline-indicator-gradient-yellow-to,oklch(79.5%_0.184_86.047))] text-[color:var(--zui-timeline-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] ring-2 ring-[var(--zui-timeline-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n  \"gradient-purple\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-purple-from,oklch(71.4%_0.203_305.504))] to-[var(--zui-timeline-indicator-gradient-purple-to,oklch(62.7%_0.265_303.9))] text-[color:var(--zui-timeline-indicator-gradient-purple-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n  \"gradient-teal\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-teal-from,oklch(77.7%_0.152_181.912))] to-[var(--zui-timeline-indicator-gradient-teal-to,oklch(70.4%_0.14_182.503))] text-[color:var(--zui-timeline-indicator-gradient-teal-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n  \"gradient-indigo\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n  \"gradient-pink\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n  \"gradient-orange\":\n    \"border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n} as const;\n\nexport const zuiTimelineIndicatorSizes = {\n  sm: \"size-5 text-[0.625rem]\",\n  md: \"size-6 text-xs\",\n  lg: \"size-7 text-sm\",\n} as const;\n\nexport const zuiTimelineConnectorBase =\n  \"pointer-events-none absolute bottom-0 w-px -translate-x-1/2 rounded-full bg-[var(--zui-timeline-connector,#0000001f)] dark:bg-[var(--zui-timeline-connector-dark,#ffffff1f)]\";\n\nexport const zuiTimelineConnectorSizes = {\n  sm: \"left-2.5 top-6\",\n  md: \"left-3 top-7\",\n  lg: \"left-3.5 top-8\",\n} as const;\n\nexport const zuiTimelineContentBase = \"min-w-0 flex-1\";\n\nexport const zuiTimelineContentSizes = {\n  sm: \"pb-5\",\n  md: \"pb-6\",\n  lg: \"pb-8\",\n} as const;\n\nexport const zuiTimelineTitleBase =\n  \"font-semibold text-[color:var(--zui-timeline-title-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-timeline-title-fg-dark,#ffffff)]\";\n\nexport const zuiTimelineTitleSizes = {\n  sm: \"text-sm\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const zuiTimelineDescriptionBase =\n  \"text-[color:var(--zui-timeline-description-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-timeline-description-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiTimelineDescriptionSizes = {\n  sm: \"text-xs\",\n  md: \"text-xs\",\n  lg: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTimelineBase,\n  zuiTimelineConnectorBase,\n  zuiTimelineConnectorSizes,\n  zuiTimelineContentBase,\n  zuiTimelineContentSizes,\n  zuiTimelineDescriptionBase,\n  zuiTimelineDescriptionSizes,\n  zuiTimelineIndicatorAppearances,\n  zuiTimelineIndicatorBase,\n  zuiTimelineIndicatorSizes,\n  zuiTimelineItemBase,\n  zuiTimelineTitleBase,\n  zuiTimelineTitleSizes,\n} from \"../../design-system/timeline\";\n\nexport const timelineVariants = cva(zuiTimelineBase);\n\nexport const timelineItemVariants = cva(zuiTimelineItemBase);\n\nexport const timelineConnectorVariants = cva(zuiTimelineConnectorBase, {\n  variants: {\n    size: zuiTimelineConnectorSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const timelineIndicatorVariants = cva(zuiTimelineIndicatorBase, {\n  variants: {\n    appearance: zuiTimelineIndicatorAppearances,\n    size: zuiTimelineIndicatorSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const timelineContentVariants = cva(zuiTimelineContentBase, {\n  variants: {\n    size: zuiTimelineContentSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const timelineTitleVariants = cva(zuiTimelineTitleBase, {\n  variants: {\n    size: zuiTimelineTitleSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const timelineDescriptionVariants = cva(zuiTimelineDescriptionBase, {\n  variants: {\n    size: zuiTimelineDescriptionSizes,\n  },\n  defaultVariants: { size: \"md\" },\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  TimelineContentProps,\n  TimelineCtx,\n  TimelineDescriptionProps,\n  TimelineIndicatorProps,\n  TimelineItemCtx,\n  TimelineItemProps,\n  TimelineProps,\n  TimelineSize,\n  TimelineTitleProps,\n} from \"./types\";\nimport {\n  timelineConnectorVariants,\n  timelineContentVariants,\n  timelineDescriptionVariants,\n  timelineIndicatorVariants,\n  timelineItemVariants,\n  timelineTitleVariants,\n  timelineVariants,\n} from \"./variants\";\n\nconst TimelineContext = createContext<TimelineCtx | null>(null);\n\nconst TimelineIndexContext = createContext<number | null>(null);\n\nexport const TimelineItemContext = createContext<TimelineItemCtx | null>(null);\n\nexport function useTimelineContext(component: string): TimelineCtx {\n  const ctx = useContext(TimelineContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Timeline>`);\n  }\n  return ctx;\n}\n\nexport function useTimelineIndex(component: string): number {\n  const index = useContext(TimelineIndexContext);\n  if (index === null) {\n    throw new Error(`${component} must be used within <Timeline>`);\n  }\n  return index;\n}\n\nfunction useTimelineSize(): TimelineSize {\n  return useContext(TimelineContext)?.size ?? \"md\";\n}\n\nfunction useTimelineIsLast(): boolean {\n  return useContext(TimelineItemContext)?.isLast ?? false;\n}\n\nexport function Timeline({\n  appearance = \"default\",\n  size = \"md\",\n  className,\n  children,\n  ref,\n  ...rest\n}: TimelineProps) {\n  const items = useMemo(\n    () => Children.toArray(children).filter(isValidElement),\n    [children],\n  );\n  const ctx = useMemo<TimelineCtx>(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      total: items.length,\n    }),\n    [appearance, size, items.length],\n  );\n\n  return (\n    <TimelineContext.Provider value={ctx}>\n      <ol\n        ref={ref}\n        data-slot=\"timeline\"\n        className={cn(timelineVariants(), \"m-0 list-none p-0\", className)}\n        {...rest}\n      >\n        {items.map((child, index) => (\n          <TimelineIndexContext.Provider key={child.key} value={index}>\n            {child}\n          </TimelineIndexContext.Provider>\n        ))}\n      </ol>\n    </TimelineContext.Provider>\n  );\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport function TimelineItem({\n  className,\n  children,\n  ref,\n  ...rest\n}: TimelineItemProps) {\n  const { size, total } = useTimelineContext(\"TimelineItem\");\n  const index = useTimelineIndex(\"TimelineItem\");\n  const isLast = index === total - 1;\n  const itemCtx = useMemo<TimelineItemCtx>(\n    () => ({ index, isLast }),\n    [index, isLast],\n  );\n\n  return (\n    <TimelineItemContext.Provider value={itemCtx}>\n      <li\n        ref={ref}\n        data-slot=\"timeline-item\"\n        data-last={isLast ? \"\" : undefined}\n        className={cn(timelineItemVariants(), className)}\n        {...rest}\n      >\n        {!isLast ? (\n          <span\n            aria-hidden=\"true\"\n            data-slot=\"timeline-connector\"\n            className={timelineConnectorVariants({ size })}\n          />\n        ) : null}\n        {children}\n      </li>\n    </TimelineItemContext.Provider>\n  );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport function TimelineIndicator({\n  className,\n  appearance,\n  children,\n  ref,\n  ...rest\n}: TimelineIndicatorProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const { appearance: rootAppearance, size } =\n    useTimelineContext(\"TimelineIndicator\");\n  return (\n    <div\n      ref={ref}\n      data-slot=\"timeline-indicator\"\n      className={cn(\n        timelineIndicatorVariants({\n          appearance: appearance ?? rootAppearance,\n          size,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nTimelineIndicator.displayName = \"TimelineIndicator\";\n\nexport function TimelineContent({\n  className,\n  children,\n  ref,\n  ...rest\n}: TimelineContentProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const size = useTimelineSize();\n  const isLast = useTimelineIsLast();\n  return (\n    <div\n      ref={ref}\n      data-slot=\"timeline-content\"\n      className={cn(\n        timelineContentVariants({ size }),\n        isLast && \"pb-0\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nTimelineContent.displayName = \"TimelineContent\";\n\nexport function TimelineTitle({\n  className,\n  ref,\n  ...rest\n}: TimelineTitleProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const size = useTimelineSize();\n  return (\n    <div\n      ref={ref}\n      data-slot=\"timeline-title\"\n      className={cn(timelineTitleVariants({ size }), className)}\n      {...rest}\n    />\n  );\n}\n\nTimelineTitle.displayName = \"TimelineTitle\";\n\nexport function TimelineDescription({\n  className,\n  ref,\n  ...rest\n}: TimelineDescriptionProps & { ref?: React.Ref<HTMLParagraphElement> }) {\n  const size = useTimelineSize();\n  return (\n    <p\n      ref={ref}\n      data-slot=\"timeline-description\"\n      className={cn(timelineDescriptionVariants({ size }), className)}\n      {...rest}\n    />\n  );\n}\n\nTimelineDescription.displayName = \"TimelineDescription\";\n"]}