@zentauri-ui/zentauri-components 1.5.31 → 1.6.2

package/dist/{chunk-INMNX3HQ.mjs → chunk-S5H2OMTZ.mjs}

@@ -23,35 +23,35 @@ var toastViewportVariants = cva(
   }
 );
 var toastRootVariants = cva(
-  "pointer-events-auto w-[min(100vw-2rem,380px)] rounded-xl border border-white/10 bg-slate-950 p-4 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.45)]",
+  "pointer-events-auto w-[min(100vw-2rem,380px)] rounded-xl border bg-slate-50 p-4 text-slate-900 dark:text-slate-50 shadow-[0_8px_24px_rgba(15,23,42,0.12)] dark:shadow-[0_18px_48px_rgba(15,23,42,0.45)]",
   {
     variants: {
       appearance: {
-        default: "bg-slate-950",
-        success: "border-emerald-500/40 bg-emerald-950",
-        warning: "border-amber-500/40 bg-amber-950",
-        error: "border-rose-500/50 bg-rose-950",
-        info: "border-sky-500/40 bg-sky-950",
-        ghost: "border-transparent bg-transparent text-slate-200",
-        purple: "border-purple-600 bg-purple-950/70 backdrop-blur-xl",
-        pink: "border-pink-600 bg-pink-950/70 backdrop-blur-xl",
-        orange: "border-orange-600 bg-orange-950/70 backdrop-blur-xl",
-        yellow: "border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
-        teal: "border-teal-600 bg-teal-950/70 backdrop-blur-xl",
-        indigo: "border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
-        emerald: "border-emerald-600 bg-emerald-950/70 backdrop-blur-xl",
-        gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
-        amber: "border-amber-600 bg-amber-950/70 backdrop-blur-xl",
-        violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
-        "gradient-blue": "border-blue-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
-        "gradient-green": "border-green-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
-        "gradient-red": "border-red-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
-        "gradient-yellow": "border-yellow-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
-        "gradient-purple": "border-purple-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
-        "gradient-teal": "border-teal-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
-        "gradient-indigo": "border-indigo-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
-        "gradient-pink": "border-pink-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
-        "gradient-orange": "border-orange-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
+        default: "bg-slate-950 text-slate-50",
+        success: "border-emerald-500/40 bg-emerald-950 text-emerald-50",
+        warning: "border-amber-500/40 bg-amber-950 text-amber-50",
+        error: "border-rose-500/50 bg-rose-950 text-rose-50",
+        info: "border-sky-500/40 bg-sky-950 text-sky-50",
+        ghost: "border-transparent bg-transparent text-slate-900",
+        purple: "border-purple-800 dark:border-purple-600 bg-purple-950 backdrop-blur-xl text-purple-50",
+        pink: "border-pink-800 dark:border-pink-600 bg-pink-950 backdrop-blur-xl text-pink-50",
+        orange: "border-orange-800 dark:border-orange-600 bg-orange-950 backdrop-blur-xl text-orange-50",
+        yellow: "border-yellow-800 dark:border-yellow-600 bg-yellow-950 backdrop-blur-xl text-yellow-50",
+        teal: "border-teal-800 dark:border-teal-600 bg-teal-950 backdrop-blur-xl text-teal-50",
+        indigo: "border-indigo-800 dark:border-indigo-600 bg-indigo-950 backdrop-blur-xl text-indigo-50",
+        emerald: "border-emerald-800 dark:border-emerald-600 bg-emerald-950 backdrop-blur-xl text-emerald-50",
+        gray: "border-gray-800 dark:border-gray-600 bg-gray-950 backdrop-blur-xl text-gray-50",
+        amber: "border-amber-800 dark:border-amber-600 bg-amber-950 backdrop-blur-xl text-amber-50",
+        violet: "border-violet-800 dark:border-violet-600 bg-violet-950 backdrop-blur-xl text-violet-50",
+        "gradient-blue": "border-blue-800 dark:border-blue-600 bg-linear-to-r from-blue-50 dark:from-blue-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl",
+        "gradient-green": "border-green-800 dark:border-green-600 bg-linear-to-r from-green-50 dark:from-green-950/70 to-lime-50 dark:to-lime-950/70 backdrop-blur-xl",
+        "gradient-red": "border-red-800 dark:border-red-600 bg-linear-to-r from-red-50 dark:from-red-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl",
+        "gradient-yellow": "border-yellow-800 dark:border-yellow-600 bg-linear-to-r from-yellow-50 dark:from-yellow-950/70 to-orange-50 dark:to-orange-950/70 backdrop-blur-xl",
+        "gradient-purple": "border-purple-800 dark:border-purple-600 bg-linear-to-r from-purple-50 dark:from-purple-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl",
+        "gradient-teal": "border-teal-800 dark:border-teal-600 bg-linear-to-r from-teal-50 dark:from-teal-950/70 to-cyan-50 dark:to-cyan-950/70 backdrop-blur-xl",
+        "gradient-indigo": "border-indigo-800 dark:border-indigo-600 bg-linear-to-r from-indigo-50 dark:from-indigo-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl",
+        "gradient-pink": "border-pink-800 dark:border-pink-600 bg-linear-to-r from-pink-50 dark:from-pink-950/70 to-rose-50 dark:to-rose-950/70 backdrop-blur-xl",
+        "gradient-orange": "border-orange-800 dark:border-orange-600 bg-linear-to-r from-orange-50 dark:from-orange-950/70 to-red-50 dark:to-red-950/70 backdrop-blur-xl"
       },
       size: {
         sm: "p-3 text-xs",
@@ -197,14 +197,7 @@ function ToastTitle({ className, children }) {
 }
 ToastTitle.displayName = "ToastTitle";
 function ToastDescription({ className, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "toast-description",
-      className: cn("text-sm text-slate-300", className),
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { "data-slot": "toast-description", className: cn("text-sm", className), children });
 }
 ToastDescription.displayName = "ToastDescription";
 function ToastAction({ className, children }) {
@@ -236,5 +229,5 @@ function ToastClose({
 ToastClose.displayName = "ToastClose";
 
 export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastStoreContext, ToastTitle, ToastViewport, toast, toastRootVariants, toastViewportVariants, useToast };
-//# sourceMappingURL=chunk-INMNX3HQ.mjs.map
-//# sourceMappingURL=chunk-INMNX3HQ.mjs.map
+//# sourceMappingURL=chunk-S5H2OMTZ.mjs.map
+//# sourceMappingURL=chunk-S5H2OMTZ.mjs.map

package/dist/chunk-S5H2OMTZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/toast/variants.ts","../src/ui/toast/toast-base.tsx"],"names":[],"mappings":"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","file":"chunk-S5H2OMTZ.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const toastViewportVariants = cva(\n  \"fixed z-[60] flex max-h-screen flex-col gap-2 p-4\",\n  {\n    variants: {\n      position: {\n        \"top-left\": \"left-0 top-0 items-start\",\n        \"top-center\": \"left-1/2 top-0 -translate-x-1/2 items-center\",\n        \"top-right\": \"right-0 top-0 items-end\",\n        \"bottom-left\": \"bottom-0 left-0 items-start\",\n        \"bottom-center\": \"bottom-0 left-1/2 -translate-x-1/2 items-center\",\n        \"bottom-right\": \"bottom-0 right-0 items-end\",\n      },\n    },\n    defaultVariants: {\n      position: \"bottom-right\",\n    },\n  },\n);\n\nexport const toastRootVariants = cva(\n  \"pointer-events-auto w-[min(100vw-2rem,380px)] rounded-xl border bg-slate-50 p-4 text-slate-900 dark:text-slate-50 shadow-[0_8px_24px_rgba(15,23,42,0.12)] dark:shadow-[0_18px_48px_rgba(15,23,42,0.45)]\",\n  {\n    variants: {\n      appearance: {\n        default: \"bg-slate-950 text-slate-50\",\n        success: \"border-emerald-500/40 bg-emerald-950 text-emerald-50\",\n        warning: \"border-amber-500/40 bg-amber-950 text-amber-50\",\n        error: \"border-rose-500/50 bg-rose-950 text-rose-50\",\n        info: \"border-sky-500/40 bg-sky-950 text-sky-50\",\n        ghost: \"border-transparent bg-transparent text-slate-900\",\n        purple:\n          \"border-purple-800 dark:border-purple-600 bg-purple-950 backdrop-blur-xl text-purple-50\",\n        pink: \"border-pink-800 dark:border-pink-600 bg-pink-950 backdrop-blur-xl text-pink-50\",\n        orange:\n          \"border-orange-800 dark:border-orange-600 bg-orange-950 backdrop-blur-xl text-orange-50\",\n        yellow:\n          \"border-yellow-800 dark:border-yellow-600 bg-yellow-950 backdrop-blur-xl text-yellow-50\",\n        teal: \"border-teal-800 dark:border-teal-600 bg-teal-950 backdrop-blur-xl text-teal-50\",\n        indigo:\n          \"border-indigo-800 dark:border-indigo-600 bg-indigo-950 backdrop-blur-xl text-indigo-50\",\n        emerald:\n          \"border-emerald-800 dark:border-emerald-600 bg-emerald-950 backdrop-blur-xl text-emerald-50\",\n        gray: \"border-gray-800 dark:border-gray-600 bg-gray-950 backdrop-blur-xl text-gray-50\",\n        amber:\n          \"border-amber-800 dark:border-amber-600 bg-amber-950 backdrop-blur-xl text-amber-50\",\n        violet:\n          \"border-violet-800 dark:border-violet-600 bg-violet-950 backdrop-blur-xl text-violet-50\",\n        \"gradient-blue\":\n          \"border-blue-800 dark:border-blue-600 bg-linear-to-r from-blue-50 dark:from-blue-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-green\":\n          \"border-green-800 dark:border-green-600 bg-linear-to-r from-green-50 dark:from-green-950/70 to-lime-50 dark:to-lime-950/70 backdrop-blur-xl\",\n        \"gradient-red\":\n          \"border-red-800 dark:border-red-600 bg-linear-to-r from-red-50 dark:from-red-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-yellow\":\n          \"border-yellow-800 dark:border-yellow-600 bg-linear-to-r from-yellow-50 dark:from-yellow-950/70 to-orange-50 dark:to-orange-950/70 backdrop-blur-xl\",\n        \"gradient-purple\":\n          \"border-purple-800 dark:border-purple-600 bg-linear-to-r from-purple-50 dark:from-purple-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-teal\":\n          \"border-teal-800 dark:border-teal-600 bg-linear-to-r from-teal-50 dark:from-teal-950/70 to-cyan-50 dark:to-cyan-950/70 backdrop-blur-xl\",\n        \"gradient-indigo\":\n          \"border-indigo-800 dark:border-indigo-600 bg-linear-to-r from-indigo-50 dark:from-indigo-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-pink\":\n          \"border-pink-800 dark:border-pink-600 bg-linear-to-r from-pink-50 dark:from-pink-950/70 to-rose-50 dark:to-rose-950/70 backdrop-blur-xl\",\n        \"gradient-orange\":\n          \"border-orange-800 dark:border-orange-600 bg-linear-to-r from-orange-50 dark:from-orange-950/70 to-red-50 dark:to-red-950/70 backdrop-blur-xl\",\n      },\n      size: {\n        sm: \"p-3 text-xs\",\n        md: \"p-4 text-sm\",\n        lg: \"p-5 text-base\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  ToastContextValue,\n  ToastStoreContextValue,\n  InternalToast,\n  ToastInput,\n  ToastProps,\n  ToastProviderProps,\n  ToastSectionProps,\n  ToastViewportProps,\n} from \"./types\";\nimport { toastRootVariants, toastViewportVariants } from \"./variants\";\n\nexport const ToastStoreContext = createContext<ToastStoreContextValue | null>(\n  null,\n);\n\nlet toastDispatcher: ToastStoreContextValue[\"push\"] | null = null;\n\nexport function toast(input: ToastInput) {\n  if (!toastDispatcher) {\n    return \"\";\n  }\n  return toastDispatcher(input);\n}\n\nexport function useToast(): ToastContextValue {\n  const ctx = useContext(ToastStoreContext);\n  if (!ctx) {\n    throw new Error(\"useToast must be used within <ToastProvider>\");\n  }\n  return { toast: ctx.push, dismiss: ctx.dismiss };\n}\n\nexport function ToastProvider({ children }: ToastProviderProps) {\n  const [toasts, setToasts] = useState<InternalToast[]>([]);\n  const timers = useRef<Map<string, number>>(new Map());\n\n  const dismiss = useCallback((id: string) => {\n    const timerId = timers.current.get(id);\n    if (timerId) {\n      window.clearTimeout(timerId);\n      timers.current.delete(id);\n    }\n    setToasts((prev) => prev.filter((toastItem) => toastItem.id !== id));\n  }, []);\n\n  const push = useCallback(\n    (input: ToastInput) => {\n      const id = input.id ?? `toast-${Math.random().toString(16).slice(2)}`;\n      const durationMs = input.durationMs ?? 4500;\n      const record: InternalToast = {\n        ...input,\n        id,\n        durationMs,\n        animation: input.animation ?? \"slide\",\n      };\n      setToasts((prev) => [...prev, record]);\n      const timerId = window.setTimeout(() => dismiss(id), durationMs);\n      timers.current.set(id, timerId);\n      return id;\n    },\n    [dismiss],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      toasts,\n      push,\n      dismiss,\n    }),\n    [dismiss, push, toasts],\n  );\n\n  useEffect(() => {\n    toastDispatcher = push;\n    return () => {\n      toastDispatcher = null;\n    };\n  }, [push]);\n\n  return (\n    <ToastStoreContext.Provider value={ctx}>\n      {children}\n    </ToastStoreContext.Provider>\n  );\n}\n\nToastProvider.displayName = \"ToastProvider\";\n\nexport function ToastViewport({\n  position = \"bottom-right\",\n  className,\n}: ToastViewportProps) {\n  const ctx = useContext(ToastStoreContext);\n  if (!ctx) {\n    throw new Error(\"ToastViewport must be used within <ToastProvider>\");\n  }\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    <div\n      className={cn(toastViewportVariants({ position }), className)}\n      data-slot=\"toast-viewport\"\n    >\n      {ctx.toasts.map((item) => (\n        <Toast\n          key={item.id}\n          toastId={item.id}\n          appearance={item.appearance}\n          size={item.size}\n          animation={item.animation}\n        >\n          <ToastTitle>{item.title}</ToastTitle>\n          {item.description ? (\n            <ToastDescription>{item.description}</ToastDescription>\n          ) : null}\n          <ToastClose onClick={() => ctx.dismiss(item.id)} />\n        </Toast>\n      ))}\n    </div>,\n    portalTarget,\n  );\n}\n\nToastViewport.displayName = \"ToastViewport\";\n\nexport function Toast({\n  toastId: _toastId,\n  appearance,\n  size,\n  animation: _animation = \"slide\",\n  className,\n  children,\n}: ToastProps) {\n  const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n\n  return (\n    <div\n      data-slot=\"toast\"\n      role={appearance === \"error\" ? \"alert\" : \"status\"}\n      aria-live={live}\n      aria-atomic=\"true\"\n      className={cn(\n        \"relative\",\n        toastRootVariants({ appearance, size }),\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nToast.displayName = \"Toast\";\n\nexport function ToastTitle({ className, children }: ToastSectionProps) {\n  return (\n    <div data-slot=\"toast-title\" className={cn(\"font-semibold\", className)}>\n      {children}\n    </div>\n  );\n}\n\nToastTitle.displayName = \"ToastTitle\";\n\nexport function ToastDescription({ className, children }: ToastSectionProps) {\n  return (\n    <div data-slot=\"toast-description\" className={cn(\"text-sm\", className)}>\n      {children}\n    </div>\n  );\n}\n\nToastDescription.displayName = \"ToastDescription\";\n\nexport function ToastAction({ className, children }: ToastSectionProps) {\n  return (\n    <div data-slot=\"toast-action\" className={cn(\"mt-3\", className)}>\n      {children}\n    </div>\n  );\n}\n\nToastAction.displayName = \"ToastAction\";\n\nexport function ToastClose({\n  className,\n  children,\n  onClick,\n  ...rest\n}: ToastSectionProps & { onClick?: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toast-close\"\n      aria-label=\"Dismiss notification\"\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/40 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        className,\n      )}\n      onClick={onClick}\n      {...rest}\n    >\n      {children ?? \"×\"}\n    </button>\n  );\n}\n\nToastClose.displayName = \"ToastClose\";\n"]}

package/dist/chunk-TIPNRH26.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+
+// src/ui/toggle/variants.ts
+var toggleTrackVariants = classVarianceAuthority.cva(
+  "relative inline-flex shrink-0 cursor-pointer rounded-full border border-black/10 dark:border-white/10 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-600 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 dark:focus-visible:ring-offset-slate-950 data-[state=checked]:border-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      size: {
+        sm: "h-5 w-9",
+        md: "h-6 w-11",
+        lg: "h-7 w-[3.25rem]"
+      },
+      appearance: {
+        default: "data-[state=checked]:bg-cyan-400/70 dark:data-[state=checked]:bg-cyan-600/90",
+        success: "data-[state=checked]:border-emerald-500/70 data-[state=checked]:bg-emerald-400/80 dark:data-[state=checked]:bg-emerald-600/80",
+        destructive: "data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-400/80 dark:data-[state=checked]:bg-rose-600/80",
+        neutral: "data-[state=checked]:border-slate-500/40 dark:data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-400/90 dark:data-[state=checked]:bg-slate-600/90",
+        indigo: "data-[state=checked]:border-indigo-500/40 data-[state=checked]:bg-indigo-400/80 dark:data-[state=checked]:bg-indigo-600/80",
+        purple: "data-[state=checked]:border-purple-500/40 data-[state=checked]:bg-purple-400/80 dark:data-[state=checked]:bg-purple-600/80",
+        pink: "data-[state=checked]:border-pink-500/40 data-[state=checked]:bg-pink-400/80 dark:data-[state=checked]:bg-pink-600/80",
+        orange: "data-[state=checked]:border-orange-500/40 data-[state=checked]:bg-orange-400/80 dark:data-[state=checked]:bg-orange-600/80",
+        yellow: "data-[state=checked]:border-yellow-500/40 data-[state=checked]:bg-yellow-400/80 dark:data-[state=checked]:bg-yellow-600/80",
+        green: "data-[state=checked]:border-green-500/40 data-[state=checked]:bg-green-400/80 dark:data-[state=checked]:bg-green-600/80",
+        teal: "data-[state=checked]:border-teal-500/40 data-[state=checked]:bg-teal-400/80 dark:data-[state=checked]:bg-teal-600/80",
+        cyan: "data-[state=checked]:border-cyan-500/40 data-[state=checked]:bg-cyan-400/80 dark:data-[state=checked]:bg-cyan-600/80",
+        lime: "data-[state=checked]:border-lime-500/40 data-[state=checked]:bg-lime-400/80 dark:data-[state=checked]:bg-lime-600/80",
+        emerald: "data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-400/80 dark:data-[state=checked]:bg-emerald-600/80",
+        rose: "data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-400/80 dark:data-[state=checked]:bg-rose-600/80",
+        slate: "data-[state=checked]:border-slate-500/40 dark:data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-400/90 dark:data-[state=checked]:bg-slate-600/90",
+        zinc: "data-[state=checked]:border-zinc-400/40 data-[state=checked]:bg-zinc-600/90",
+        gray: "data-[state=checked]:border-gray-400/40 data-[state=checked]:bg-gray-400/80 dark:data-[state=checked]:bg-gray-600/90",
+        stone: "bg-stone-300 data-[state=checked]:border-stone-400/40 data-[state=checked]:bg-stone-600/90",
+        "gradient-blue": "bg-blue-300 data-[state=checked]:bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600",
+        "gradient-green": "bg-green-300 data-[state=checked]:bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600",
+        "gradient-red": "bg-red-300 data-[state=checked]:bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600",
+        "gradient-yellow": "bg-yellow-300 data-[state=checked]:bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600",
+        "gradient-purple": "bg-purple-300 data-[state=checked]:bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600",
+        "gradient-teal": "bg-teal-300 data-[state=checked]:bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600",
+        "gradient-indigo": "bg-indigo-300 data-[state=checked]:bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600",
+        "gradient-pink": "bg-pink-300 data-[state=checked]:bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600",
+        "gradient-orange": "bg-orange-300 data-[state=checked]:bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      appearance: "default"
+    }
+  }
+);
+var toggleThumbVariants = classVarianceAuthority.cva(
+  "pointer-events-none block rounded-full border border-slate-900/30 dark:border-white/10 shadow-[0_1px_2px_rgba(15,23,42,0.12)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.35)] ring-0",
+  {
+    variants: {
+      size: {
+        sm: "size-4",
+        md: "size-5",
+        lg: "size-6"
+      },
+      thumbColor: {
+        default: "bg-white",
+        success: "bg-emerald-500",
+        destructive: "bg-rose-500",
+        neutral: "bg-slate-500",
+        indigo: "bg-indigo-500",
+        purple: "bg-purple-500",
+        pink: "bg-pink-500",
+        orange: "bg-orange-500",
+        yellow: "bg-yellow-500",
+        green: "bg-green-500",
+        teal: "bg-teal-500",
+        cyan: "bg-cyan-500",
+        lime: "bg-lime-500",
+        emerald: "bg-emerald-500",
+        rose: "bg-rose-500",
+        slate: "bg-slate-500",
+        zinc: "bg-zinc-500",
+        gray: "bg-gray-500",
+        stone: "bg-stone-500",
+        "gradient-blue": "bg-blue-500",
+        "gradient-green": "bg-green-500",
+        "gradient-red": "bg-red-500",
+        "gradient-yellow": "bg-yellow-500",
+        "gradient-purple": "bg-purple-500",
+        "gradient-teal": "bg-teal-500",
+        "gradient-indigo": "bg-indigo-500",
+        "gradient-pink": "bg-pink-500",
+        "gradient-orange": "bg-orange-500"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      thumbColor: "default"
+    }
+  }
+);
+
+exports.toggleThumbVariants = toggleThumbVariants;
+exports.toggleTrackVariants = toggleTrackVariants;
+//# sourceMappingURL=chunk-TIPNRH26.js.map
+//# sourceMappingURL=chunk-TIPNRH26.js.map

package/dist/chunk-TIPNRH26.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/toggle/variants.ts"],"names":["cva"],"mappings":"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","file":"chunk-TIPNRH26.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const toggleTrackVariants = cva(\n  \"relative inline-flex shrink-0 cursor-pointer rounded-full border border-black/10 dark:border-white/10 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-600 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 dark:focus-visible:ring-offset-slate-950 data-[state=checked]:border-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50\",\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-9\",\n        md: \"h-6 w-11\",\n        lg: \"h-7 w-[3.25rem]\",\n      },\n      appearance: {\n        default:\n          \"data-[state=checked]:bg-cyan-400/70 dark:data-[state=checked]:bg-cyan-600/90\",\n        success:\n          \"data-[state=checked]:border-emerald-500/70 data-[state=checked]:bg-emerald-400/80 dark:data-[state=checked]:bg-emerald-600/80\",\n        destructive:\n          \"data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-400/80 dark:data-[state=checked]:bg-rose-600/80\",\n        neutral:\n          \"data-[state=checked]:border-slate-500/40 dark:data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-400/90 dark:data-[state=checked]:bg-slate-600/90\",\n        indigo:\n          \"data-[state=checked]:border-indigo-500/40 data-[state=checked]:bg-indigo-400/80 dark:data-[state=checked]:bg-indigo-600/80\",\n        purple:\n          \"data-[state=checked]:border-purple-500/40 data-[state=checked]:bg-purple-400/80 dark:data-[state=checked]:bg-purple-600/80\",\n        pink: \"data-[state=checked]:border-pink-500/40 data-[state=checked]:bg-pink-400/80 dark:data-[state=checked]:bg-pink-600/80\",\n        orange:\n          \"data-[state=checked]:border-orange-500/40 data-[state=checked]:bg-orange-400/80 dark:data-[state=checked]:bg-orange-600/80\",\n        yellow:\n          \"data-[state=checked]:border-yellow-500/40 data-[state=checked]:bg-yellow-400/80 dark:data-[state=checked]:bg-yellow-600/80\",\n        green:\n          \"data-[state=checked]:border-green-500/40 data-[state=checked]:bg-green-400/80 dark:data-[state=checked]:bg-green-600/80\",\n        teal: \"data-[state=checked]:border-teal-500/40 data-[state=checked]:bg-teal-400/80 dark:data-[state=checked]:bg-teal-600/80\",\n        cyan: \"data-[state=checked]:border-cyan-500/40 data-[state=checked]:bg-cyan-400/80 dark:data-[state=checked]:bg-cyan-600/80\",\n        lime: \"data-[state=checked]:border-lime-500/40 data-[state=checked]:bg-lime-400/80 dark:data-[state=checked]:bg-lime-600/80\",\n        emerald:\n          \"data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-400/80 dark:data-[state=checked]:bg-emerald-600/80\",\n        rose: \"data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-400/80 dark:data-[state=checked]:bg-rose-600/80\",\n        slate:\n          \"data-[state=checked]:border-slate-500/40 dark:data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-400/90 dark:data-[state=checked]:bg-slate-600/90\",\n        zinc: \"data-[state=checked]:border-zinc-400/40 data-[state=checked]:bg-zinc-600/90\",\n        gray: \"data-[state=checked]:border-gray-400/40 data-[state=checked]:bg-gray-400/80 dark:data-[state=checked]:bg-gray-600/90\",\n        stone:\n          \"bg-stone-300 data-[state=checked]:border-stone-400/40 data-[state=checked]:bg-stone-600/90\",\n        \"gradient-blue\":\n          \"bg-blue-300 data-[state=checked]:bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600\",\n        \"gradient-green\":\n          \"bg-green-300 data-[state=checked]:bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600\",\n        \"gradient-red\":\n          \"bg-red-300 data-[state=checked]:bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600\",\n        \"gradient-yellow\":\n          \"bg-yellow-300 data-[state=checked]:bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600\",\n        \"gradient-purple\":\n          \"bg-purple-300 data-[state=checked]:bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600\",\n        \"gradient-teal\":\n          \"bg-teal-300 data-[state=checked]:bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600\",\n        \"gradient-indigo\":\n          \"bg-indigo-300 data-[state=checked]:bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600\",\n        \"gradient-pink\":\n          \"bg-pink-300 data-[state=checked]:bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600\",\n        \"gradient-orange\":\n          \"bg-orange-300 data-[state=checked]:bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      appearance: \"default\",\n    },\n  },\n);\n\nexport const toggleThumbVariants = cva(\n  \"pointer-events-none block rounded-full border border-slate-900/30 dark:border-white/10 shadow-[0_1px_2px_rgba(15,23,42,0.12)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.35)] ring-0\",\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n      thumbColor: {\n        default: \"bg-white\",\n        success: \"bg-emerald-500\",\n        destructive: \"bg-rose-500\",\n        neutral: \"bg-slate-500\",\n        indigo: \"bg-indigo-500\",\n        purple: \"bg-purple-500\",\n        pink: \"bg-pink-500\",\n        orange: \"bg-orange-500\",\n        yellow: \"bg-yellow-500\",\n        green: \"bg-green-500\",\n        teal: \"bg-teal-500\",\n        cyan: \"bg-cyan-500\",\n        lime: \"bg-lime-500\",\n        emerald: \"bg-emerald-500\",\n        rose: \"bg-rose-500\",\n        slate: \"bg-slate-500\",\n        zinc: \"bg-zinc-500\",\n        gray: \"bg-gray-500\",\n        stone: \"bg-stone-500\",\n        \"gradient-blue\": \"bg-blue-500\",\n        \"gradient-green\": \"bg-green-500\",\n        \"gradient-red\": \"bg-red-500\",\n        \"gradient-yellow\": \"bg-yellow-500\",\n        \"gradient-purple\": \"bg-purple-500\",\n        \"gradient-teal\": \"bg-teal-500\",\n        \"gradient-indigo\": \"bg-indigo-500\",\n        \"gradient-pink\": \"bg-pink-500\",\n        \"gradient-orange\": \"bg-orange-500\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      thumbColor: \"default\",\n    },\n  },\n);\n"]}

package/dist/chunk-V2PEOBAT.mjs

@@ -0,0 +1,324 @@
+import { useFocusManagement } from './chunk-K6YI4FJO.mjs';
+import { cn } from './chunk-4D54YOL6.mjs';
+import { cva } from 'class-variance-authority';
+import { createContext, useContext, useState, useCallback, useId, useRef, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var drawerOverlayVariants = cva(
+  "fixed inset-0 z-50 bg-slate-50/70 dark:bg-slate-950/70 backdrop-blur-sm"
+);
+var drawerTriggerVariants = cva(
+  "relative inline-flex shrink-0 cursor-pointer border rounded px-3 py-1.5",
+  {
+    variants: {
+      appearance: {
+        default: "bg-slate-950",
+        glass: "border-black/15 dark:border-white/15 bg-slate-50/70 dark:bg-slate-950/70 backdrop-blur-xl text-slate-900 dark:text-white",
+        sky: "border-sky-800 dark:border-sky-600 bg-sky-50 dark:bg-sky-950/70 backdrop-blur-xl text-sky-800 dark:text-white",
+        rose: "border-rose-800 dark:border-rose-600 bg-rose-50 dark:bg-rose-950/70 backdrop-blur-xl text-rose-800 dark:text-white",
+        purple: "border-purple-800 dark:border-purple-600 bg-purple-50 dark:bg-purple-950/70 backdrop-blur-xl text-purple-800 dark:text-white",
+        pink: "border-pink-800 dark:border-pink-600 bg-pink-50 dark:bg-pink-950/70 backdrop-blur-xl text-pink-800 dark:text-white",
+        orange: "border-orange-800 dark:border-orange-600 bg-orange-50 dark:bg-orange-950/70 backdrop-blur-xl text-orange-800 dark:text-white",
+        yellow: "border-yellow-800 dark:border-yellow-600 bg-yellow-50 dark:bg-yellow-950/70 backdrop-blur-xl text-yellow-800 dark:text-white",
+        teal: "border-teal-800 dark:border-teal-600 bg-teal-50 dark:bg-teal-950/70 backdrop-blur-xl text-teal-800 dark:text-white",
+        indigo: "border-indigo-800 dark:border-indigo-600 bg-indigo-50 dark:bg-indigo-950/70 backdrop-blur-xl text-indigo-800 dark:text-white",
+        emerald: "border-emerald-800 dark:border-emerald-600 bg-emerald-50 dark:bg-emerald-950/70 backdrop-blur-xl text-emerald-800 dark:text-white",
+        gray: "border-gray-800 dark:border-gray-600 bg-gray-50 dark:bg-gray-950/70 backdrop-blur-xl text-gray-800 dark:text-white",
+        amber: "border-amber-800 dark:border-amber-600 bg-amber-50 dark:bg-amber-950/70 backdrop-blur-xl text-amber-800 dark:text-white",
+        violet: "border-violet-800 dark:border-violet-600 bg-violet-50 dark:bg-violet-950/70 backdrop-blur-xl text-violet-800 dark:text-white",
+        "gradient-blue": "border-blue-800 dark:border-blue-600 bg-linear-to-r from-blue-50 dark:from-blue-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl text-blue-800 dark:text-white",
+        "gradient-green": "border-green-800 dark:border-green-600 bg-linear-to-r from-green-50 dark:from-green-950/70 to-lime-50 dark:to-lime-950/70 backdrop-blur-xl text-green-800 dark:text-white",
+        "gradient-red": "border-red-800 dark:border-red-600 bg-linear-to-r from-red-50 dark:from-red-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl text-red-800 dark:text-white",
+        "gradient-yellow": "border-yellow-800 dark:border-yellow-600 bg-linear-to-r from-yellow-50 dark:from-yellow-950/70 to-orange-50 dark:to-orange-950/70 backdrop-blur-xl text-yellow-800 dark:text-white",
+        "gradient-purple": "border-purple-800 dark:border-purple-600 bg-linear-to-r from-purple-50 dark:from-purple-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl text-purple-800 dark:text-white",
+        "gradient-teal": "border-teal-800 dark:border-teal-600 bg-linear-to-r from-teal-50 dark:from-teal-950/70 to-cyan-50 dark:to-cyan-950/70 backdrop-blur-xl text-teal-800 dark:text-white",
+        "gradient-indigo": "border-indigo-800 dark:border-indigo-600 bg-linear-to-r from-indigo-50 dark:from-indigo-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl text-indigo-800 dark:text-white",
+        "gradient-pink": "border-pink-800 dark:border-pink-600 bg-linear-to-r from-pink-50 dark:from-pink-950/70 to-rose-50 dark:to-rose-950/70 backdrop-blur-xl text-pink-800 dark:text-white",
+        "gradient-orange": "border-orange-800 dark:border-orange-600 bg-linear-to-r from-orange-50 dark:from-orange-950/70 to-red-50 dark:to-red-950/70 backdrop-blur-xl text-orange-800 dark:text-white"
+      }
+    },
+    defaultVariants: {
+      appearance: "default"
+    }
+  }
+);
+var drawerContentVariants = cva(
+  "fixed z-50 flex max-h-[min(92vh,900px)] flex-col border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-slate-950 p-6 text-slate-900 dark:text-slate-50 shadow-[0_12px_40px_rgba(15,23,42,0.14)] dark:shadow-[0_24px_80px_rgba(15,23,42,0.55)] focus:outline-none",
+  {
+    variants: {
+      side: {
+        left: "left-0 top-0 h-full w-[min(100%,420px)]",
+        right: "right-0 top-0 h-full w-[min(100%,420px)]",
+        top: "left-0 top-0 w-full max-h-[min(92vh,520px)]",
+        bottom: "bottom-0 left-0 w-full max-h-[min(92vh,520px)]"
+      },
+      size: {
+        sm: "",
+        md: "",
+        lg: "",
+        xl: "",
+        full: ""
+      },
+      appearance: {
+        default: "bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-white",
+        glass: "border-black/15 dark:border-white/15 bg-slate-50/70 dark:bg-slate-950/70 backdrop-blur-xl",
+        sky: "border-sky-800 dark:border-sky-600 bg-sky-50 dark:bg-sky-950/70 backdrop-blur-xl",
+        rose: "border-rose-800 dark:border-rose-600 bg-rose-50 dark:bg-rose-950/70 backdrop-blur-xl",
+        purple: "border-purple-800 dark:border-purple-600 bg-purple-50 dark:bg-purple-950/70 backdrop-blur-xl",
+        pink: "border-pink-800 dark:border-pink-600 bg-pink-50 dark:bg-pink-950/70 backdrop-blur-xl",
+        orange: "border-orange-800 dark:border-orange-600 bg-orange-50 dark:bg-orange-950/70 backdrop-blur-xl",
+        yellow: "border-yellow-800 dark:border-yellow-600 bg-yellow-50 dark:bg-yellow-950/70 backdrop-blur-xl",
+        teal: "border-teal-800 dark:border-teal-600 bg-teal-50 dark:bg-teal-950/70 backdrop-blur-xl",
+        indigo: "border-indigo-800 dark:border-indigo-600 bg-indigo-50 dark:bg-indigo-950/70 backdrop-blur-xl",
+        emerald: "border-emerald-800 dark:border-emerald-600 bg-emerald-50 dark:bg-emerald-950/70 backdrop-blur-xl",
+        gray: "border-gray-800 dark:border-gray-600 bg-gray-50 dark:bg-gray-950/70 backdrop-blur-xl",
+        amber: "border-amber-800 dark:border-amber-600 bg-amber-50 dark:bg-amber-950/70 backdrop-blur-xl",
+        violet: "border-violet-800 dark:border-violet-600 bg-violet-50 dark:bg-violet-950/70 backdrop-blur-xl",
+        "gradient-blue": "border-blue-800 dark:border-blue-600 bg-linear-to-r from-blue-50 dark:from-blue-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl",
+        "gradient-green": "border-green-800 dark:border-green-600 bg-linear-to-r from-green-50 dark:from-green-950/70 to-lime-50 dark:to-lime-950/70 backdrop-blur-xl",
+        "gradient-red": "border-red-800 dark:border-red-600 bg-linear-to-r from-red-50 dark:from-red-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl",
+        "gradient-yellow": "border-yellow-800 dark:border-yellow-600 bg-linear-to-r from-yellow-50 dark:from-yellow-950/70 to-orange-50 dark:to-orange-950/70 backdrop-blur-xl",
+        "gradient-purple": "border-purple-800 dark:border-purple-600 bg-linear-to-r from-purple-50 dark:from-purple-950/70 to-pink-50 dark:to-pink-950/70 backdrop-blur-xl",
+        "gradient-teal": "border-teal-800 dark:border-teal-600 bg-linear-to-r from-teal-50 dark:from-teal-950/70 to-cyan-50 dark:to-cyan-950/70 backdrop-blur-xl",
+        "gradient-indigo": "border-indigo-800 dark:border-indigo-600 bg-linear-to-r from-indigo-50 dark:from-indigo-950/70 to-purple-50 dark:to-purple-950/70 backdrop-blur-xl",
+        "gradient-pink": "border-pink-800 dark:border-pink-600 bg-linear-to-r from-pink-50 dark:from-pink-950/70 to-rose-50 dark:to-rose-950/70 backdrop-blur-xl",
+        "gradient-orange": "border-orange-800 dark:border-orange-600 bg-linear-to-r from-orange-50 dark:from-orange-950/70 to-red-50 dark:to-red-950/70 backdrop-blur-xl"
+      }
+    },
+    compoundVariants: [
+      { side: "left", size: "sm", class: "w-[min(100%,320px)]" },
+      { side: "left", size: "md", class: "w-[min(100%,420px)]" },
+      { side: "left", size: "lg", class: "w-[min(100%,520px)]" },
+      { side: "left", size: "xl", class: "w-[min(100%,640px)]" },
+      { side: "left", size: "full", class: "w-full max-w-none" },
+      { side: "right", size: "sm", class: "w-[min(100%,320px)]" },
+      { side: "right", size: "md", class: "w-[min(100%,420px)]" },
+      { side: "right", size: "lg", class: "w-[min(100%,520px)]" },
+      { side: "right", size: "xl", class: "w-[min(100%,640px)]" },
+      { side: "right", size: "full", class: "w-full max-w-none" }
+    ],
+    defaultVariants: {
+      side: "right",
+      size: "md",
+      appearance: "default"
+    }
+  }
+);
+var DrawerContext = createContext(null);
+function useDrawerContext(component) {
+  const ctx = useContext(DrawerContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Drawer>`);
+  }
+  return ctx;
+}
+function Drawer({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  children
+}) {
+  const isControlled = open !== void 0;
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;
+  const setOpen = useCallback(
+    (next) => {
+      if (!isControlled) {
+        setUncontrolledOpen(next);
+      }
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const baseId = useId();
+  const titleId = `${baseId}-title`;
+  const descriptionId = `${baseId}-description`;
+  const contentRef = useRef(null);
+  const triggerRef = useRef(null);
+  const ctx = useMemo(
+    () => ({
+      open: resolvedOpen,
+      setOpen,
+      titleId,
+      descriptionId,
+      contentRef,
+      triggerRef
+    }),
+    [descriptionId, resolvedOpen, setOpen, titleId]
+  );
+  return /* @__PURE__ */ jsx(DrawerContext.Provider, { value: ctx, children });
+}
+Drawer.displayName = "Drawer";
+function DrawerTrigger({
+  className,
+  children,
+  appearance,
+  onClick,
+  ref: refProp,
+  ...rest
+}) {
+  const { setOpen, triggerRef } = useDrawerContext("DrawerTrigger");
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref: (node) => {
+        triggerRef.current = node;
+        if (typeof refProp === "function") {
+          refProp(node);
+        } else if (refProp) {
+          refProp.current = node;
+        }
+      },
+      type: "button",
+      "data-slot": "drawer-trigger",
+      className: cn(drawerTriggerVariants({ appearance }), className),
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) {
+          setOpen(true);
+        }
+      },
+      ...rest,
+      children
+    }
+  );
+}
+DrawerTrigger.displayName = "DrawerTrigger";
+function DrawerContent({
+  className,
+  side = "right",
+  size,
+  appearance,
+  children,
+  ref,
+  id,
+  style
+}) {
+  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } = useDrawerContext("DrawerContent");
+  const resolvedSide = side ?? "right";
+  useFocusManagement({
+    open,
+    setOpen,
+    contentRef,
+    triggerRef
+  });
+  const portalTarget = typeof document !== "undefined" ? document.body : null;
+  if (!portalTarget) {
+    return null;
+  }
+  return createPortal(
+    open ? /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", "data-slot": "drawer-portal", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "presentation",
+          "data-slot": "drawer-overlay",
+          className: drawerOverlayVariants(),
+          onClick: () => setOpen(false)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: (node) => {
+            contentRef.current = node;
+            if (typeof ref === "function") {
+              ref(node);
+            } else if (ref) {
+              ref.current = node;
+            }
+          },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": titleId,
+          "aria-describedby": descriptionId,
+          "data-slot": "drawer-content",
+          tabIndex: -1,
+          className: cn(
+            drawerContentVariants({ side: resolvedSide, size, appearance }),
+            className
+          ),
+          id,
+          style,
+          children
+        }
+      )
+    ] }) : null,
+    portalTarget
+  );
+}
+DrawerContent.displayName = "DrawerContent";
+function DrawerHeader({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      "data-slot": "drawer-header",
+      className: cn("mb-4 flex flex-col gap-2", className),
+      children
+    }
+  );
+}
+DrawerHeader.displayName = "DrawerHeader";
+function DrawerBody({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "drawer-body",
+      className: cn("flex-1 text-sm", className),
+      children
+    }
+  );
+}
+DrawerBody.displayName = "DrawerBody";
+function DrawerFooter({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    "footer",
+    {
+      "data-slot": "drawer-footer",
+      className: cn("mt-6 flex justify-end gap-2", className),
+      children
+    }
+  );
+}
+DrawerFooter.displayName = "DrawerFooter";
+function DrawerTitle({ className, children }) {
+  const { titleId } = useDrawerContext("DrawerTitle");
+  return /* @__PURE__ */ jsx(
+    "h2",
+    {
+      id: titleId,
+      "data-slot": "drawer-title",
+      className: cn("text-lg font-semibold", className),
+      children
+    }
+  );
+}
+DrawerTitle.displayName = "DrawerTitle";
+function DrawerClose({
+  className,
+  children,
+  ...rest
+}) {
+  const { setOpen } = useDrawerContext("DrawerClose");
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "drawer-close",
+      className: cn(
+        "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",
+        className
+      ),
+      "aria-label": "Close drawer",
+      onClick: () => setOpen(false),
+      ...rest,
+      children: children ?? "\xD7"
+    }
+  );
+}
+DrawerClose.displayName = "DrawerClose";
+
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants, useDrawerContext };
+//# sourceMappingURL=chunk-V2PEOBAT.mjs.map
+//# sourceMappingURL=chunk-V2PEOBAT.mjs.map