@bloomneo/uikit 1.5.0

package/dist/admin.js

@@ -0,0 +1,429 @@
+import { jsx as e, jsxs as i, Fragment as j } from "react/jsx-runtime";
+import * as L from "react";
+import { createContext as Y, forwardRef as V, useState as B, useLayoutEffect as Z, useEffect as O, useContext as K } from "react";
+import { c as ee } from "./index-Bke1qZdk.js";
+import { c as s } from "./utils-CwJPJKOE.js";
+import { Button as W } from "./button.js";
+import { Badge as re } from "./badge.js";
+import { Separator as te } from "./separator.js";
+import { TooltipProvider as ne, Tooltip as ae, TooltipTrigger as oe, TooltipContent as se } from "./tooltip.js";
+import { Breadcrumb as ie, BreadcrumbList as de, BreadcrumbItem as le, BreadcrumbLink as ce, BreadcrumbPage as me, BreadcrumbSeparator as ue } from "./breadcrumb.js";
+import { X as fe } from "./x-BxwubQiM.js";
+import { M as _ } from "./menu-DBhEanGo.js";
+import { C as he } from "./chevron-right-pz9eCjj-.js";
+function $() {
+  return typeof window > "u" ? !1 : window.innerWidth < 1024;
+}
+function be(x) {
+  return typeof window > "u" ? x : $() ? !1 : x;
+}
+const X = Y({
+  scheme: "sidebar",
+  tone: "subtle",
+  size: "lg",
+  sidebarExpanded: !0,
+  setSidebarExpanded: () => {
+  },
+  isMobile: !1
+}), pe = ee(
+  "min-h-screen flex bg-background",
+  {
+    variants: {
+      tone: {
+        clean: "",
+        subtle: "",
+        brand: "",
+        contrast: ""
+      }
+    },
+    defaultVariants: {
+      tone: "subtle"
+    }
+  }
+), q = V(({
+  scheme: x = "sidebar",
+  tone: k = "subtle",
+  size: h = "lg",
+  position: g = "relative",
+  defaultSidebarOpen: m = !0,
+  className: v,
+  children: N
+}, M) => {
+  const [d, n] = B($), [w, t] = B(
+    () => be(m)
+  );
+  Z(() => {
+    const l = () => {
+      const a = window.innerWidth < 1024, C = d;
+      n(a), a && !C && w ? t(!1) : !a && C && t(m);
+    };
+    return l(), window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
+  }, [d, w, m]), O(() => (d && w ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+    document.body.style.overflow = "unset";
+  }), [d, w]);
+  const u = L.Children.toArray(N), y = u.find(
+    (l) => L.isValidElement(l) && l.type === I
+  ), b = u.find(
+    (l) => L.isValidElement(l) && l.type === R
+  ), T = u.find(
+    (l) => L.isValidElement(l) && l.type === H
+  );
+  return /* @__PURE__ */ e(X.Provider, { value: {
+    scheme: x,
+    tone: k,
+    size: h,
+    sidebarExpanded: w,
+    setSidebarExpanded: t,
+    isMobile: d
+  }, children: /* @__PURE__ */ i(
+    "div",
+    {
+      ref: M,
+      className: s(pe({ tone: k }), v),
+      children: [
+        /* @__PURE__ */ e("div", { className: s(
+          "flex-shrink-0 transition-all duration-200 ease-out overflow-hidden",
+          // Desktop: smooth width transition
+          !d && w && (h === "sm" ? "w-48" : h === "md" ? "w-56" : h === "lg" ? "w-64" : h === "xl" ? "w-72" : "w-80"),
+          !d && !w && "w-0",
+          // Mobile: don't affect layout
+          d && "w-0",
+          g === "sticky" && d && "top-0 max-h-screen",
+          g === "sticky" && !d && "sticky top-0 max-h-screen"
+        ), children: y }),
+        /* @__PURE__ */ i("div", { className: "flex-1 flex flex-col min-w-0 transition-all duration-200 ease-out", children: [
+          b,
+          T
+        ] })
+      ]
+    }
+  ) });
+});
+q.displayName = "AdminLayout";
+const I = V(({
+  tone: x,
+  navigation: k = [],
+  currentPath: h = "",
+  onNavigate: g,
+  logo: m,
+  position: v,
+  footer: N,
+  className: M
+}, d) => {
+  const { scheme: n, tone: w, size: t, sidebarExpanded: u, setSidebarExpanded: y, isMobile: b } = P(), [T, l] = B(/* @__PURE__ */ new Set()), [a, C] = B(!1), o = x || w, E = n === "compact", p = !E || a, G = () => {
+    E && C(!a);
+  }, J = (r) => {
+    const c = new Set(T);
+    c.has(r) ? c.delete(r) : c.add(r), l(c);
+  }, Q = (r, c = !1) => {
+    const z = c ? "w-[92%] flex items-center group text-left font-medium rounded-lg cursor-pointer transition-all duration-300 ease-out transform hover:scale-[1.02]" : "w-full flex items-center group text-left font-medium rounded-lg cursor-pointer transition-all duration-300 ease-out transform hover:scale-[1.02]", S = c ? p ? "ml-4 px-3 py-2" : "px-2 py-2" : p ? "px-3 py-2.5" : "px-2 py-2.5 justify-center";
+    let f = "";
+    switch (o) {
+      case "clean":
+        f = r ? "bg-muted text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-muted/50";
+        break;
+      case "subtle":
+        f = r ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-background/60";
+        break;
+      case "brand":
+        f = r ? "bg-primary-foreground/20 text-primary-foreground shadow-sm" : "text-primary-foreground/90 hover:text-primary-foreground hover:bg-primary-foreground/10";
+        break;
+      case "contrast":
+        f = r ? "bg-muted/20 dark:bg-muted/20 text-white shadow-sm" : "text-white hover:bg-muted/20";
+        break;
+      default:
+        f = r ? "bg-muted/10 text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-muted/50";
+    }
+    return s(z, S, f);
+  }, D = ({ item: r, isSubmenu: c = !1 }) => {
+    const z = !c && r.items && r.items.length > 0, S = T.has(r.key), f = r.href ? h === r.href : !!r.isActive, F = /* @__PURE__ */ i(
+      "button",
+      {
+        onClick: () => {
+          if (E && !a) {
+            C(!0);
+            return;
+          }
+          z ? J(r.key) : r.href && g ? (g(r.href, r), b && y(!1)) : r.onClick && (r.onClick(), b && y(!1));
+        },
+        className: Q(f, c),
+        children: [
+          !c && r.icon && /* @__PURE__ */ e(r.icon, { className: s(
+            "flex-shrink-0",
+            p ? "h-4 w-4 mr-3" : "h-5 w-5"
+          ) }),
+          p && /* @__PURE__ */ i(j, { children: [
+            /* @__PURE__ */ e("span", { className: "flex-1 truncate text-left", children: r.label }),
+            r.badge && /* @__PURE__ */ e(
+              re,
+              {
+                variant: f ? "secondary" : "outline",
+                className: s(
+                  "text-xs h-4 px-1 ml-1 flex-shrink-0",
+                  o === "brand" && !f && "bg-primary-foreground/10 text-primary-foreground border-primary-foreground/20",
+                  o === "brand" && f && "bg-primary-foreground/20 text-primary-foreground border-primary-foreground/30",
+                  o === "contrast" && !f && "bg-zinc-700 text-zinc-300 border-zinc-600",
+                  o === "contrast" && f && "bg-zinc-600 text-zinc-100 border-zinc-500"
+                ),
+                children: r.badge
+              }
+            ),
+            z && /* @__PURE__ */ e(he, { className: s(
+              "h-4 w-4 flex-shrink-0 transition-transform duration-200",
+              S && "rotate-90"
+            ) })
+          ] })
+        ]
+      }
+    );
+    return E && !a && !c && r.icon ? /* @__PURE__ */ i("div", { className: "w-full", children: [
+      /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ i(ae, { delayDuration: 300, children: [
+        /* @__PURE__ */ e(oe, { asChild: !0, children: F }),
+        /* @__PURE__ */ e(
+          se,
+          {
+            side: "right",
+            className: "bg-white text-black border border-gray-200 shadow-md",
+            children: /* @__PURE__ */ e("p", { children: r.label })
+          }
+        )
+      ] }) }),
+      z && S && p && r.items && /* @__PURE__ */ e("div", { className: "overflow-hidden transition-all duration-300 mt-1", children: /* @__PURE__ */ e("div", { className: "space-y-1 pb-2", children: r.items.map((A) => /* @__PURE__ */ e(D, { item: A, isSubmenu: !0 }, A.key)) }) })
+    ] }, r.key) : /* @__PURE__ */ i("div", { className: "w-full", children: [
+      F,
+      z && S && p && r.items && /* @__PURE__ */ e("div", { className: "overflow-hidden transition-all duration-400 ease-out mt-1", children: /* @__PURE__ */ e("div", { className: "space-y-1 pb-2 animate-in slide-in-from-top-2", children: r.items.map((A, U) => /* @__PURE__ */ e(
+        "div",
+        {
+          className: "transition-all duration-300 ease-out",
+          style: { transitionDelay: `${U * 75}ms` },
+          children: /* @__PURE__ */ e(D, { item: A, isSubmenu: !0 })
+        },
+        A.key
+      )) }) })
+    ] }, r.key);
+  };
+  return /* @__PURE__ */ i(j, { children: [
+    b && u && /* @__PURE__ */ e(
+      "div",
+      {
+        className: "fixed inset-0 z-[60] bg-black/50 backdrop-blur-sm lg:hidden",
+        onClick: () => y(!1),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "aside",
+      {
+        ref: d,
+        className: s(
+          "border-r flex flex-col bg-background overflow-hidden",
+          // ✅ RESTORED: Original smooth transitions
+          "transition-all duration-200 ease-out",
+          // ✅ FIXED: Proper z-index layering for mobile
+          // Mobile: Higher z-index than header (z-[70] > z-[10])
+          b ? "fixed left-0 top-0 z-[70] h-full" : "relative h-screen",
+          // Mobile: slide animation
+          b && (u ? "translate-x-0" : "-translate-x-full"),
+          // Desktop: always visible but container controls width
+          !b && "translate-x-0",
+          // Fixed widths for consistent animation
+          n === "sidebar" && t === "sm" && "w-48",
+          n === "sidebar" && t === "md" && "w-56",
+          n === "sidebar" && t === "lg" && "w-64",
+          n === "sidebar" && t === "xl" && "w-72",
+          n === "sidebar" && t === "full" && "w-80",
+          n === "compact" && !a && t === "sm" && "w-12",
+          n === "compact" && !a && t === "md" && "w-14",
+          n === "compact" && !a && t === "lg" && "w-16",
+          n === "compact" && !a && t === "xl" && "w-18",
+          n === "compact" && !a && t === "full" && "w-20",
+          n === "compact" && a && t === "sm" && "w-48",
+          n === "compact" && a && t === "md" && "w-56",
+          n === "compact" && a && t === "lg" && "w-64",
+          n === "compact" && a && t === "xl" && "w-72",
+          n === "compact" && a && t === "full" && "w-80",
+          // Tone colors
+          o === "clean" && "bg-background/90 backdrop-blur-sm border-border/40 text-foreground",
+          o === "subtle" && "bg-muted/90 backdrop-blur-sm border-border/30 text-foreground",
+          o === "brand" && "bg-primary border-primary-foreground/20 text-primary-foreground",
+          o === "contrast" && "bg-zinc-900 border-zinc-700/40 text-zinc-100",
+          M
+        ),
+        children: /* @__PURE__ */ i("div", { className: "flex flex-col h-full", children: [
+          /* @__PURE__ */ e("div", { className: s(
+            "flex items-center shadow-sm flex-shrink-0 border-b transition-all duration-300 ease-out",
+            o === "clean" && "border-border/40",
+            o === "subtle" && "border-border/30",
+            o === "brand" && "border-primary-foreground/20",
+            o === "contrast" && "border-zinc-700/40",
+            p ? "justify-between h-16 px-4" : "justify-center h-16 px-2"
+          ), children: p ? /* @__PURE__ */ i(j, { children: [
+            m && /* @__PURE__ */ e("div", { className: s(
+              "flex-shrink-0",
+              o === "brand" && "[&_*]:text-primary-foreground",
+              o === "contrast" && "[&_*]:text-zinc-100"
+            ), children: m }),
+            (b || E && a) && /* @__PURE__ */ e(
+              W,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => {
+                  b ? y(!1) : E && C(!1);
+                },
+                className: "flex-shrink-0",
+                children: /* @__PURE__ */ e(fe, { className: "h-4 w-4" })
+              }
+            )
+          ] }) : /* @__PURE__ */ e(
+            W,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: G,
+              className: "flex-shrink-0",
+              children: /* @__PURE__ */ e(_, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ e("nav", { className: s(
+            "space-y-1 transition-all duration-300 ease-out",
+            p ? "p-4" : "p-2"
+          ), children: k.map((r, c) => /* @__PURE__ */ e(
+            "div",
+            {
+              className: s(
+                "transition-all duration-300 ease-out",
+                p ? "opacity-100 translate-x-0" : "opacity-100"
+              ),
+              style: {
+                transitionDelay: p ? `${c * 50}ms` : "0ms"
+              },
+              children: /* @__PURE__ */ e(D, { item: r })
+            },
+            r.key
+          )) }) }),
+          N && p && /* @__PURE__ */ i(j, { children: [
+            /* @__PURE__ */ e(te, { className: s(
+              o === "clean" && "bg-border/40",
+              o === "subtle" && "bg-border/30",
+              o === "brand" && "bg-primary-foreground/20",
+              o === "contrast" && "bg-zinc-700/40"
+            ) }),
+            /* @__PURE__ */ e("div", { className: "flex-shrink-0 p-4", children: N })
+          ] })
+        ] })
+      }
+    )
+  ] });
+});
+I.displayName = "AdminSidebar";
+const R = V(({
+  tone: x,
+  size: k,
+  title: h,
+  position: g = "sticky",
+  breadcrumbs: m = [],
+  onBreadcrumbNavigate: v,
+  actions: N,
+  className: M
+}, d) => {
+  const { sidebarExpanded: n, setSidebarExpanded: w, isMobile: t } = P();
+  return /* @__PURE__ */ e(
+    "header",
+    {
+      ref: d,
+      className: s(
+        "w-full shadow-sm bg-background/95 backdrop-blur-md text-foreground flex-shrink-0 border-b border-border/50",
+        "transition-all duration-200 ease-out",
+        // ✅ FIXED: Sticky on desktop, lower z-index for mobile sidebar layering
+        g === "sticky" && "sticky top-0",
+        g === "fixed" && "fixed top-0 left-0 right-0",
+        // Always use lower z-index so mobile sidebar appears above
+        "z-[10]",
+        g === "relative" && "relative",
+        M
+      ),
+      children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between px-4 lg:px-6 h-16", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-4 min-w-0 flex-1", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: s(
+                "p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/80 transition-all duration-300 ease-out",
+                "transform hover:scale-105 active:scale-95",
+                // Always show on mobile
+                t && "block",
+                // Show on desktop for toggle functionality  
+                !t && "block"
+              ),
+              onClick: () => w(!n),
+              "aria-label": n ? "Close sidebar" : "Open sidebar",
+              children: /* @__PURE__ */ e(_, { className: s(
+                "h-5 w-5 transition-transform duration-300 ease-out",
+                n && !t && "rotate-180"
+              ) })
+            }
+          ),
+          /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
+            h && !m.length && /* @__PURE__ */ e("h1", { className: "text-lg font-semibold text-foreground truncate", children: h }),
+            m.length > 0 && /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(de, { children: m.map((u, y) => /* @__PURE__ */ i(L.Fragment, { children: [
+              /* @__PURE__ */ e(le, { children: u.href ? /* @__PURE__ */ e(
+                ce,
+                {
+                  asChild: !!v,
+                  ...v ? {
+                    onClick: (b) => {
+                      b.preventDefault(), v(u.href);
+                    }
+                  } : { href: u.href },
+                  children: v ? /* @__PURE__ */ e("button", { type: "button", children: u.label }) : u.label
+                }
+              ) : /* @__PURE__ */ e(me, { children: u.label }) }),
+              y < m.length - 1 && /* @__PURE__ */ e(ue, {})
+            ] }, y)) }) })
+          ] })
+        ] }),
+        N && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: N })
+      ] })
+    }
+  );
+});
+R.displayName = "AdminHeader";
+const H = V(({
+  tone: x,
+  size: k,
+  className: h,
+  children: g
+}, m) => {
+  const { isMobile: v } = P();
+  return /* @__PURE__ */ e(
+    "main",
+    {
+      ref: m,
+      className: s(
+        "flex-1 min-w-0 overflow-auto",
+        h
+      ),
+      children: /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e("div", { className: "w-full mx-auto", children: g }) })
+    }
+  );
+});
+H.displayName = "AdminContent";
+const P = () => {
+  const x = K(X);
+  if (!x)
+    throw new Error("useAdmin must be used within an AdminLayout component");
+  return x;
+}, Le = Object.assign(q, {
+  Sidebar: I,
+  Header: R,
+  Content: H
+});
+export {
+  H as AdminContent,
+  R as AdminHeader,
+  Le as AdminLayout,
+  I as AdminSidebar,
+  P as useAdmin
+};
+//# sourceMappingURL=admin.js.map

package/dist/admin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin.js","sources":["../src/components/layouts/admin.tsx"],"sourcesContent":["/**\n * Admin Layout - FIXED sidebar flash with minimal FOUC prevention\n * @module @bloomneo/uikit\n * @file src/components/layouts/admin.tsx\n */\n\nimport * as React from 'react';\nimport { forwardRef, createContext, useContext, useState, useEffect, useLayoutEffect } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Badge } from '@/components/ui/badge';\nimport { Separator } from '@/components/ui/separator';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\nimport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@/components/ui/breadcrumb';\nimport { Menu, X, ChevronRight } from 'lucide-react';\nimport type { NavigationItem, Size, Tone } from '@/types';\n\n/**\n * AdminLayout schemes - meaningful admin variations\n * sidebar: Full navigation with icons + labels (classic)\n * compact: Icon-only navigation with click-to-expand (mobile-first)\n */\nexport type AdminLayoutScheme = 'sidebar' | 'compact';\n\n/**\n * Detect if we're on mobile - synchronous detection to prevent flash\n */\nfunction getInitialMobileState(): boolean {\n  if (typeof window === 'undefined') return false;\n  return window.innerWidth < 1024;\n}\n\n/**\n * Get initial sidebar state based on mobile detection\n */\nfunction getInitialSidebarState(defaultOpen: boolean): boolean {\n  if (typeof window === 'undefined') return defaultOpen;\n  const isMobile = getInitialMobileState();\n  return isMobile ? false : defaultOpen;\n}\n\n/**\n * Admin context for sharing configuration across compound components\n */\nconst AdminContext = createContext<{\n  scheme: AdminLayoutScheme;\n  tone: Tone;\n  size: Size;\n  sidebarExpanded: boolean;\n  setSidebarExpanded: (expanded: boolean) => void;\n  isMobile: boolean;\n}>({\n  scheme: 'sidebar',\n  tone: 'subtle',\n  size: 'lg',\n  sidebarExpanded: true,\n  setSidebarExpanded: () => {},\n  isMobile: false,\n});\n\n/**\n * Admin layout container variants - FLEX LAYOUT\n */\nconst adminVariants = cva(\n  'min-h-screen flex bg-background',\n  {\n    variants: {\n      tone: {\n        clean: '',\n        subtle: '',\n        brand: '',\n        contrast: ''\n      }\n    },\n    defaultVariants: {\n      tone: 'subtle'\n    }\n  }\n);\n\n/**\n * AdminLayout Root - Container with context\n */\nexport interface AdminLayoutProps {\n  /** RECOMMENDED: Layout scheme (default: \"sidebar\") */\n  scheme?: AdminLayoutScheme;\n  /** RECOMMENDED: Visual styling tone (default: \"subtle\") */\n  tone?: Tone;\n  /** OPTIONAL: Layout size (default: \"lg\") */\n  size?: Size;\n  /** OPTIONAL: Sidebar positioning */\n  position?: 'relative' | 'sticky' | 'fixed';\n  /** OPTIONAL: Default sidebar state (default: true) */\n  defaultSidebarOpen?: boolean;\n  /** OPTIONAL: Additional CSS classes */\n  className?: string;\n  /** REQUIRED: Admin structure (Header, Sidebar, Content) */\n  children: React.ReactNode;\n}\n\n/**\n * AdminLayout Root Component - BACK TO ORIGINAL WORKING VERSION\n */\nconst AdminLayoutRoot = forwardRef<HTMLDivElement, AdminLayoutProps>(({\n  scheme = 'sidebar',\n  tone = 'subtle',\n  size = 'lg',\n  position = 'relative',\n  defaultSidebarOpen = true,\n  className,\n  children,\n}, ref) => {\n  // ✅ RESTORED: Original working state management\n  const [isMobile, setIsMobile] = useState(getInitialMobileState);\n  const [sidebarExpanded, setSidebarExpanded] = useState(() => \n    getInitialSidebarState(defaultSidebarOpen)\n  );\n\n  // ✅ RESTORED: Original mobile detection logic\n  useLayoutEffect(() => {\n    const checkMobile = () => {\n      const mobile = window.innerWidth < 1024;\n      const wasMobile = isMobile;\n      \n      setIsMobile(mobile);\n      \n      // Only auto-close sidebar when transitioning TO mobile\n      if (mobile && !wasMobile && sidebarExpanded) {\n        setSidebarExpanded(false);\n      }\n      // When transitioning FROM mobile to desktop, respect defaultSidebarOpen\n      else if (!mobile && wasMobile) {\n        setSidebarExpanded(defaultSidebarOpen);\n      }\n    };\n\n    // Check immediately in case window size changed\n    checkMobile();\n    \n    window.addEventListener('resize', checkMobile);\n    return () => window.removeEventListener('resize', checkMobile);\n  }, [isMobile, sidebarExpanded, defaultSidebarOpen]);\n\n  // Prevent body scroll when mobile sidebar is open\n  useEffect(() => {\n    if (isMobile && sidebarExpanded) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = 'unset';\n    }\n\n    return () => {\n      document.body.style.overflow = 'unset';\n    };\n  }, [isMobile, sidebarExpanded]);\n\n  // Auto-wrap Header + Content in main area\n  const childrenArray = React.Children.toArray(children);\n  const sidebar = childrenArray.find(child => \n    React.isValidElement(child) && child.type === AdminSidebar\n  );\n  const header = childrenArray.find(child => \n    React.isValidElement(child) && child.type === AdminHeader\n  );\n  const content = childrenArray.find(child => \n    React.isValidElement(child) && child.type === AdminContent\n  );\n\n  return (\n    <AdminContext.Provider value={{ \n      scheme, \n      tone, \n      size, \n      sidebarExpanded, \n      setSidebarExpanded,\n      isMobile\n    }}>\n      <div\n        ref={ref}\n        className={cn(adminVariants({ tone }), className)}\n      >\n        {/* ✅ RESTORED: Original sidebar container */}\n        <div className={cn(\n          'flex-shrink-0 transition-all duration-200 ease-out overflow-hidden',\n          // Desktop: smooth width transition\n          !isMobile && sidebarExpanded && (\n            size === 'sm' ? 'w-48' :\n            size === 'md' ? 'w-56' :\n            size === 'lg' ? 'w-64' :\n            size === 'xl' ? 'w-72' :\n            'w-80'\n          ),\n          !isMobile && !sidebarExpanded && 'w-0',\n          // Mobile: don't affect layout\n          isMobile && 'w-0',\n          position === 'sticky' && isMobile && 'top-0 max-h-screen',\n          position === 'sticky' && !isMobile && 'sticky top-0 max-h-screen'\n        )}>\n          {sidebar}\n        </div>\n        \n        {/* ✅ RESTORED: Original main area */}\n        <div className=\"flex-1 flex flex-col min-w-0 transition-all duration-200 ease-out\">\n          {header}\n          {content}\n        </div>\n      </div>\n    </AdminContext.Provider>\n  );\n});\n\nAdminLayoutRoot.displayName = 'AdminLayout';\n\n/**\n * AdminLayout.Sidebar - Navigation sidebar with FOUC prevention\n */\nexport interface AdminSidebarProps {\n  /** OPTIONAL: Sidebar tone (inherits from AdminLayout if not set) */\n  tone?: Tone;\n  /** OPTIONAL: Navigation items */\n  navigation?: NavigationItem[];\n  /** OPTIONAL: Current path for active states */\n  currentPath?: string;\n  /** OPTIONAL: Navigation handler */\n  onNavigate?: (href: string, item: NavigationItem) => void;\n  /** OPTIONAL: Logo component */\n  logo?: React.ReactNode;\n  /** OPTIONAL: Sidebar positioning */\n  position?: 'relative' | 'sticky' | 'fixed';\n  /** OPTIONAL: Sidebar footer content */\n  footer?: React.ReactNode;\n  /** OPTIONAL: Additional CSS classes */\n  className?: string;\n}\n\nconst AdminSidebar = forwardRef<HTMLElement, AdminSidebarProps>(({\n  tone,\n  navigation = [],\n  currentPath = '',\n  onNavigate,\n  logo,\n  position,\n  footer,\n  className,\n}, ref) => {\n  const { scheme, tone: adminTone, size, sidebarExpanded, setSidebarExpanded, isMobile } = useAdmin();\n  const [expandedMenus, setExpandedMenus] = useState(new Set<string>());\n  const [compactExpanded, setCompactExpanded] = useState(false);\n\n  const finalTone = tone || adminTone;\n  const isCompact = scheme === 'compact';\n  const showLabels = !isCompact || compactExpanded;\n\n  // Handle compact mode expansion\n  const handleCompactToggle = () => {\n    if (isCompact) {\n      setCompactExpanded(!compactExpanded);\n    }\n  };\n\n  // Handle menu expansion\n  const toggleMenu = (menuKey: string) => {\n    const newExpanded = new Set(expandedMenus);\n    if (newExpanded.has(menuKey)) {\n      newExpanded.delete(menuKey);\n    } else {\n      newExpanded.add(menuKey);\n    }\n    setExpandedMenus(newExpanded);\n  };\n\n  // Get menu item styles\n  const getMenuItemStyles = (isActive: boolean, isSubmenu = false) => {\n    const baseStyles = isSubmenu \n      ? 'w-[92%] flex items-center group text-left font-medium rounded-lg cursor-pointer transition-all duration-300 ease-out transform hover:scale-[1.02]'\n      : 'w-full flex items-center group text-left font-medium rounded-lg cursor-pointer transition-all duration-300 ease-out transform hover:scale-[1.02]';\n    const padding = isSubmenu \n      ? (showLabels ? 'ml-4 px-3 py-2' : 'px-2 py-2') \n      : (showLabels ? 'px-3 py-2.5' : 'px-2 py-2.5 justify-center');\n    \n    let toneStyles = '';\n    switch (finalTone) {\n      case 'clean':\n        toneStyles = isActive \n          ? 'bg-muted text-foreground shadow-sm' \n          : 'text-muted-foreground hover:text-foreground hover:bg-muted/50';\n        break;\n      case 'subtle':\n        toneStyles = isActive \n          ? 'bg-background text-foreground shadow-sm' \n          : 'text-muted-foreground hover:text-foreground hover:bg-background/60';\n        break;\n      case 'brand':\n        toneStyles = isActive \n          ? 'bg-primary-foreground/20 text-primary-foreground shadow-sm' \n          : 'text-primary-foreground/90 hover:text-primary-foreground hover:bg-primary-foreground/10';\n        break;\n      case 'contrast':\n        toneStyles = isActive \n          ? 'bg-muted/20 dark:bg-muted/20 text-white shadow-sm' \n          : 'text-white hover:bg-muted/20';\n        break;\n      default:\n        toneStyles = isActive \n          ? 'bg-muted/10 text-foreground shadow-sm' \n          : 'text-muted-foreground hover:text-foreground hover:bg-muted/50';\n    }\n    \n    return cn(baseStyles, padding, toneStyles);\n  };\n\n  // Menu item component\n  const MenuItem = ({ item, isSubmenu = false }: { item: NavigationItem; isSubmenu?: boolean }) => {\n    const hasSubmenu = !isSubmenu && item.items && item.items.length > 0;\n    const isExpanded = expandedMenus.has(item.key);\n    const isActive = item.href ? currentPath === item.href : Boolean(item.isActive);\n\n    const handleClick = () => {\n      if (isCompact && !compactExpanded) {\n        setCompactExpanded(true);\n        return;\n      }\n\n      if (hasSubmenu) {\n        toggleMenu(item.key);\n      } else if (item.href && onNavigate) {\n        onNavigate(item.href, item);\n        // Close mobile sidebar after navigation\n        if (isMobile) {\n          setSidebarExpanded(false);\n        }\n      } else if (item.onClick) {\n        item.onClick();\n        // Close mobile sidebar after action\n        if (isMobile) {\n          setSidebarExpanded(false);\n        }\n      }\n    };\n\n    const menuButton = (\n      <button\n        onClick={handleClick}\n        className={getMenuItemStyles(isActive, isSubmenu)}\n      >\n        {!isSubmenu && item.icon && (\n          <item.icon className={cn(\n            'flex-shrink-0',\n            showLabels ? 'h-4 w-4 mr-3' : 'h-5 w-5'\n          )} />\n        )}\n        \n        {showLabels && (\n          <>\n            <span className=\"flex-1 truncate text-left\">{item.label}</span>\n            \n            {item.badge && (\n              <Badge \n                variant={isActive ? 'secondary' : 'outline'} \n                className={cn(\n                  \"text-xs h-4 px-1 ml-1 flex-shrink-0\",\n                  finalTone === 'brand' && !isActive && 'bg-primary-foreground/10 text-primary-foreground border-primary-foreground/20',\n                  finalTone === 'brand' && isActive && 'bg-primary-foreground/20 text-primary-foreground border-primary-foreground/30',\n                  finalTone === 'contrast' && !isActive && 'bg-zinc-700 text-zinc-300 border-zinc-600',\n                  finalTone === 'contrast' && isActive && 'bg-zinc-600 text-zinc-100 border-zinc-500'\n                )}\n              >\n                {item.badge}\n              </Badge>\n            )}\n            \n            {hasSubmenu && (\n              <ChevronRight className={cn(\n                'h-4 w-4 flex-shrink-0 transition-transform duration-200',\n                isExpanded && 'rotate-90'\n              )} />\n            )}\n          </>\n        )}\n      </button>\n    );\n\n    // In compact mode without labels, wrap in tooltip\n    if (isCompact && !compactExpanded && !isSubmenu && item.icon) {\n      return (\n        <div key={item.key} className=\"w-full\">\n          <TooltipProvider>\n            <Tooltip delayDuration={300}>\n              <TooltipTrigger asChild>\n                {menuButton}\n              </TooltipTrigger>\n              <TooltipContent \n                side=\"right\" \n                className=\"bg-white text-black border border-gray-200 shadow-md\"\n              >\n                <p>{item.label}</p>\n              </TooltipContent>\n            </Tooltip>\n          </TooltipProvider>\n          \n          {hasSubmenu && isExpanded && showLabels && item.items && (\n            <div className=\"overflow-hidden transition-all duration-300 mt-1\">\n              <div className=\"space-y-1 pb-2\">\n                {item.items.map((subItem) => (\n                  <MenuItem key={subItem.key} item={subItem} isSubmenu={true} />\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <div key={item.key} className=\"w-full\">\n        {menuButton}\n        \n        {hasSubmenu && isExpanded && showLabels && item.items && (\n          <div className=\"overflow-hidden transition-all duration-400 ease-out mt-1\">\n            <div className=\"space-y-1 pb-2 animate-in slide-in-from-top-2\">\n              {item.items.map((subItem, subIndex) => (\n                <div\n                  key={subItem.key}\n                  className=\"transition-all duration-300 ease-out\"\n                  style={{ transitionDelay: `${subIndex * 75}ms` }}\n                >\n                  <MenuItem item={subItem} isSubmenu={true} />\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <>\n      {/* ✅ FIXED: Mobile Overlay with higher z-index */}\n      {isMobile && sidebarExpanded && (\n        <div \n          className=\"fixed inset-0 z-[60] bg-black/50 backdrop-blur-sm lg:hidden\"\n          onClick={() => setSidebarExpanded(false)}\n          aria-hidden=\"true\"\n        />\n      )}\n  \n      {/* ✅ RESTORED: Original sidebar with working mobile behavior */}\n      <aside \n        ref={ref}\n        className={cn(\n          'border-r flex flex-col bg-background overflow-hidden',\n          // ✅ RESTORED: Original smooth transitions\n          'transition-all duration-200 ease-out',\n          // ✅ FIXED: Proper z-index layering for mobile\n          // Mobile: Higher z-index than header (z-[70] > z-[10])\n          isMobile ? 'fixed left-0 top-0 z-[70] h-full' : 'relative h-screen',\n          // Mobile: slide animation\n          isMobile && (sidebarExpanded ? 'translate-x-0' : '-translate-x-full'),\n          // Desktop: always visible but container controls width\n          !isMobile && 'translate-x-0',\n          // Fixed widths for consistent animation\n          scheme === 'sidebar' && size === 'sm' && 'w-48',\n          scheme === 'sidebar' && size === 'md' && 'w-56', \n          scheme === 'sidebar' && size === 'lg' && 'w-64',\n          scheme === 'sidebar' && size === 'xl' && 'w-72',\n          scheme === 'sidebar' && size === 'full' && 'w-80',\n          scheme === 'compact' && !compactExpanded && size === 'sm' && 'w-12',\n          scheme === 'compact' && !compactExpanded && size === 'md' && 'w-14',\n          scheme === 'compact' && !compactExpanded && size === 'lg' && 'w-16',\n          scheme === 'compact' && !compactExpanded && size === 'xl' && 'w-18',\n          scheme === 'compact' && !compactExpanded && size === 'full' && 'w-20',\n          scheme === 'compact' && compactExpanded && size === 'sm' && 'w-48',\n          scheme === 'compact' && compactExpanded && size === 'md' && 'w-56',\n          scheme === 'compact' && compactExpanded && size === 'lg' && 'w-64',\n          scheme === 'compact' && compactExpanded && size === 'xl' && 'w-72',\n          scheme === 'compact' && compactExpanded && size === 'full' && 'w-80',\n          // Tone colors\n          finalTone === 'clean' && 'bg-background/90 backdrop-blur-sm border-border/40 text-foreground',\n          finalTone === 'subtle' && 'bg-muted/90 backdrop-blur-sm border-border/30 text-foreground',\n          finalTone === 'brand' && 'bg-primary border-primary-foreground/20 text-primary-foreground',\n          finalTone === 'contrast' && 'bg-zinc-900 border-zinc-700/40 text-zinc-100',\n          className\n        )}\n      >\n        <div className=\"flex flex-col h-full\">\n          {/* Sidebar Header with smooth transitions */}\n          <div className={cn(\n            'flex items-center shadow-sm flex-shrink-0 border-b transition-all duration-300 ease-out',\n            finalTone === 'clean' && 'border-border/40',\n            finalTone === 'subtle' && 'border-border/30', \n            finalTone === 'brand' && 'border-primary-foreground/20',\n            finalTone === 'contrast' && 'border-zinc-700/40',\n            showLabels ? 'justify-between h-16 px-4' : 'justify-center h-16 px-2'\n          )}>\n            {showLabels ? (\n              <>\n                {logo && (\n                  <div className={cn(\n                    \"flex-shrink-0\",\n                    finalTone === 'brand' && '[&_*]:text-primary-foreground',\n                    finalTone === 'contrast' && '[&_*]:text-zinc-100'\n                  )}>\n                    {logo}\n                  </div>\n                )}\n                {/* Close button for mobile OR compact expanded */}\n                {(isMobile || (isCompact && compactExpanded)) && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    onClick={() => {\n                      if (isMobile) {\n                        setSidebarExpanded(false);\n                      } else if (isCompact) {\n                        setCompactExpanded(false);\n                      }\n                    }}\n                    className=\"flex-shrink-0\"\n                  >\n                    <X className=\"h-4 w-4\" />\n                  </Button>\n                )}\n              </>\n            ) : (\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                onClick={handleCompactToggle}\n                className=\"flex-shrink-0\"\n              >\n                <Menu className=\"h-4 w-4\" />\n              </Button>\n            )}\n          </div>\n\n          {/* Navigation with staggered animations */}\n          <div className=\"flex-1 overflow-y-auto\">\n            <nav className={cn(\n              'space-y-1 transition-all duration-300 ease-out', \n              showLabels ? 'p-4' : 'p-2'\n            )}>\n              {navigation.map((item, index) => (\n                <div \n                  key={item.key}\n                  className={cn(\n                    \"transition-all duration-300 ease-out\",\n                    showLabels ? \"opacity-100 translate-x-0\" : \"opacity-100\"\n                  )}\n                  style={{ \n                    transitionDelay: showLabels ? `${index * 50}ms` : '0ms' \n                  }}\n                >\n                  <MenuItem item={item} />\n                </div>\n              ))}\n            </nav>\n          </div>\n\n          {/* Sidebar Footer */}\n          {footer && showLabels && (\n            <>\n              <Separator className={cn(\n                finalTone === 'clean' && 'bg-border/40',\n                finalTone === 'subtle' && 'bg-border/30', \n                finalTone === 'brand' && 'bg-primary-foreground/20',\n                finalTone === 'contrast' && 'bg-zinc-700/40'\n              )} />\n              <div className=\"flex-shrink-0 p-4\">\n                {footer}\n              </div>\n            </>\n          )}\n        </div>\n      </aside>\n    </>\n  );\n});\n\nAdminSidebar.displayName = 'AdminSidebar';\n\n/**\n * AdminLayout.Header - Top header with proper z-index for mobile\n */\nexport interface AdminHeaderProps {\n  /** OPTIONAL: Header tone (inherits from AdminLayout if not set) */\n  tone?: Tone;\n  /** OPTIONAL: Header size (inherits from AdminLayout if not set) */\n  size?: Size;\n  /** OPTIONAL: Page title */\n  title?: string;\n  /** OPTIONAL: Header positioning (default: \"sticky\") */\n  position?: 'sticky' | 'fixed' | 'relative';\n  /** OPTIONAL: Breadcrumb items */\n  breadcrumbs?: { label: string; href?: string }[];\n  /** OPTIONAL: Breadcrumb navigation handler */\n  onBreadcrumbNavigate?: (href: string) => void;\n  /** OPTIONAL: Header actions (buttons, user menu, etc.) */\n  actions?: React.ReactNode;\n  /** OPTIONAL: Additional CSS classes */\n  className?: string;\n}\n\nconst AdminHeader = forwardRef<HTMLElement, AdminHeaderProps>(({\n  tone,\n  size,\n  title,\n  position = 'sticky',\n  breadcrumbs = [],\n  onBreadcrumbNavigate,\n  actions,\n  className,\n}, ref) => {\n  const { sidebarExpanded, setSidebarExpanded, isMobile } = useAdmin();\n\n  return (\n    <header \n      ref={ref}\n      className={cn(\n        'w-full shadow-sm bg-background/95 backdrop-blur-md text-foreground flex-shrink-0 border-b border-border/50',\n        'transition-all duration-200 ease-out',\n        // ✅ FIXED: Sticky on desktop, lower z-index for mobile sidebar layering\n        position === 'sticky' && 'sticky top-0',\n        position === 'fixed' && 'fixed top-0 left-0 right-0',\n        // Always use lower z-index so mobile sidebar appears above\n        'z-[10]',\n        position === 'relative' && 'relative',\n        className\n      )}\n    >\n      <div className=\"flex items-center justify-between px-4 lg:px-6 h-16\">\n        <div className=\"flex items-center gap-4 min-w-0 flex-1\">\n          {/* Toggle button with smooth icon transition */}\n          <button\n            className={cn(\n              \"p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/80 transition-all duration-300 ease-out\",\n              \"transform hover:scale-105 active:scale-95\",\n              // Always show on mobile\n              isMobile && \"block\",\n              // Show on desktop for toggle functionality  \n              !isMobile && \"block\"\n            )}\n            onClick={() => setSidebarExpanded(!sidebarExpanded)}\n            aria-label={sidebarExpanded ? 'Close sidebar' : 'Open sidebar'}\n          >\n            <Menu className={cn(\n              \"h-5 w-5 transition-transform duration-300 ease-out\",\n              sidebarExpanded && !isMobile && \"rotate-180\"\n            )} />\n          </button>\n          \n          {/* Title and Breadcrumbs */}\n          <div className=\"min-w-0 flex-1\">\n            {/* Title */}\n            {title && !breadcrumbs.length && (\n              <h1 className=\"text-lg font-semibold text-foreground truncate\">\n                {title}\n              </h1>\n            )}\n            \n            {/* Breadcrumbs */}\n            {breadcrumbs.length > 0 && (\n              <Breadcrumb>\n                <BreadcrumbList>\n                  {breadcrumbs.map((crumb, index) => (\n                    <React.Fragment key={index}>\n                      <BreadcrumbItem>\n                        {crumb.href ? (\n                          <BreadcrumbLink\n                            asChild={!!onBreadcrumbNavigate}\n                            {...(onBreadcrumbNavigate \n                              ? {\n                                  onClick: (e: React.MouseEvent) => {\n                                    e.preventDefault();\n                                    onBreadcrumbNavigate(crumb.href!);\n                                  }\n                                }\n                              : { href: crumb.href }\n                            )}\n                          >\n                            {onBreadcrumbNavigate ? (\n                              <button type=\"button\">\n                                {crumb.label}\n                              </button>\n                            ) : (\n                              crumb.label\n                            )}\n                          </BreadcrumbLink>\n                        ) : (\n                          <BreadcrumbPage>{crumb.label}</BreadcrumbPage>\n                        )}\n                      </BreadcrumbItem>\n                      {index < breadcrumbs.length - 1 && <BreadcrumbSeparator />}\n                    </React.Fragment>\n                  ))}\n                </BreadcrumbList>\n              </Breadcrumb>\n            )}\n          </div>\n        </div>\n        \n        {/* Header Actions */}\n        {actions && (\n          <div className=\"flex-shrink-0\">\n            {actions}\n          </div>\n        )}\n      </div>\n    </header>\n  );\n});\n\nAdminHeader.displayName = 'AdminHeader';\n\n/**\n * AdminLayout.Content - Main content area with PROPER flex layout\n */\nexport interface AdminContentProps {\n  /** OPTIONAL: Content tone (inherits from AdminLayout if not set) */\n  tone?: Tone;\n  /** OPTIONAL: Content size (inherits from AdminLayout if not set) */\n  size?: Size;\n  /** OPTIONAL: Additional CSS classes */\n  className?: string;\n  /** REQUIRED: Admin content */\n  children: React.ReactNode;\n}\n\nconst AdminContent = forwardRef<HTMLElement, AdminContentProps>(({\n  tone,\n  size,\n  className,\n  children,\n}, ref) => {\n  const { isMobile } = useAdmin();\n\n  return (\n    <main \n      ref={ref}\n      className={cn(\n        'flex-1 min-w-0 overflow-auto',\n        className\n      )}\n    >\n      <div className=\"\">\n        <div className=\"w-full mx-auto\">\n          {children}\n        </div>\n      </div>\n    </main>\n  );\n});\n\nAdminContent.displayName = 'AdminContent';\n\n/**\n * Hook to access admin configuration\n */\nconst useAdmin = () => {\n  const context = useContext(AdminContext);\n  if (!context) {\n    throw new Error('useAdmin must be used within an AdminLayout component');\n  }\n  return context;\n};\n\n/**\n * AdminLayout - COMPOUND-ONLY Component\n */\nconst AdminLayout = Object.assign(AdminLayoutRoot, {\n  Sidebar: AdminSidebar,\n  Header: AdminHeader,\n  Content: AdminContent,\n});\n\n/**\n * Export FIXED AdminLayout\n */\nexport { \n  AdminLayout,\n  AdminSidebar,\n  AdminHeader,\n  AdminContent,\n  useAdmin\n};"],"names":["getInitialMobileState","getInitialSidebarState","defaultOpen","AdminContext","createContext","adminVariants","cva","AdminLayoutRoot","forwardRef","scheme","tone","size","position","defaultSidebarOpen","className","children","ref","isMobile","setIsMobile","useState","sidebarExpanded","setSidebarExpanded","useLayoutEffect","checkMobile","mobile","wasMobile","useEffect","childrenArray","React","sidebar","child","AdminSidebar","header","AdminHeader","content","AdminContent","jsx","jsxs","cn","navigation","currentPath","onNavigate","logo","footer","adminTone","useAdmin","expandedMenus","setExpandedMenus","compactExpanded","setCompactExpanded","finalTone","isCompact","showLabels","handleCompactToggle","toggleMenu","menuKey","newExpanded","getMenuItemStyles","isActive","isSubmenu","baseStyles","padding","toneStyles","MenuItem","item","hasSubmenu","isExpanded","menuButton","Fragment","Badge","ChevronRight","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","subItem","subIndex","Button","X","Menu","index","Separator","title","breadcrumbs","onBreadcrumbNavigate","actions","Breadcrumb","BreadcrumbList","crumb","BreadcrumbItem","BreadcrumbLink","e","BreadcrumbPage","BreadcrumbSeparator","context","useContext","AdminLayout"],"mappings":";;;;;;;;;;;;;AAmCA,SAASA,IAAiC;AACxC,SAAI,OAAO,SAAW,MAAoB,KACnC,OAAO,aAAa;AAC7B;AAKA,SAASC,GAAuBC,GAA+B;AAC7D,SAAI,OAAO,SAAW,MAAoBA,IACzBF,EAAA,IACC,KAAQE;AAC5B;AAKA,MAAMC,IAAeC,EAOlB;AAAA,EACD,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,oBAAoB,MAAM;AAAA,EAAC;AAAA,EAC3B,UAAU;AACZ,CAAC,GAKKC,KAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAyBMC,IAAkBC,EAA6C,CAAC;AAAA,EACpE,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,oBAAAC,IAAqB;AAAA,EACrB,WAAAC;AAAA,EACA,UAAAC;AACF,GAAGC,MAAQ;AAET,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAASnB,CAAqB,GACxD,CAACoB,GAAiBC,CAAkB,IAAIF;AAAA,IAAS,MACrDlB,GAAuBY,CAAkB;AAAA,EAAA;AAI3C,EAAAS,EAAgB,MAAM;AACpB,UAAMC,IAAc,MAAM;AACxB,YAAMC,IAAS,OAAO,aAAa,MAC7BC,IAAYR;AAElB,MAAAC,EAAYM,CAAM,GAGdA,KAAU,CAACC,KAAaL,IAC1BC,EAAmB,EAAK,IAGjB,CAACG,KAAUC,KAClBJ,EAAmBR,CAAkB;AAAA,IAEzC;AAGA,WAAAU,EAAA,GAEA,OAAO,iBAAiB,UAAUA,CAAW,GACtC,MAAM,OAAO,oBAAoB,UAAUA,CAAW;AAAA,EAC/D,GAAG,CAACN,GAAUG,GAAiBP,CAAkB,CAAC,GAGlDa,EAAU,OACJT,KAAYG,IACd,SAAS,KAAK,MAAM,WAAW,WAE/B,SAAS,KAAK,MAAM,WAAW,SAG1B,MAAM;AACX,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC,IACC,CAACH,GAAUG,CAAe,CAAC;AAG9B,QAAMO,IAAgBC,EAAM,SAAS,QAAQb,CAAQ,GAC/Cc,IAAUF,EAAc;AAAA,IAAK,OACjCC,EAAM,eAAeE,CAAK,KAAKA,EAAM,SAASC;AAAA,EAAA,GAE1CC,IAASL,EAAc;AAAA,IAAK,OAChCC,EAAM,eAAeE,CAAK,KAAKA,EAAM,SAASG;AAAA,EAAA,GAE1CC,IAAUP,EAAc;AAAA,IAAK,OACjCC,EAAM,eAAeE,CAAK,KAAKA,EAAM,SAASK;AAAA,EAAA;AAGhD,SACE,gBAAAC,EAACjC,EAAa,UAAb,EAAsB,OAAO;AAAA,IAC5B,QAAAM;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAS;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAJ;AAAA,EAAA,GAEA,UAAA,gBAAAoB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAArB;AAAA,MACA,WAAWsB,EAAGjC,GAAc,EAAE,MAAAK,EAAA,CAAM,GAAGI,CAAS;AAAA,MAGhD,UAAA;AAAA,QAAA,gBAAAsB,EAAC,SAAI,WAAWE;AAAA,UACd;AAAA;AAAA,UAEA,CAACrB,KAAYG,MACXT,MAAS,OAAO,SAChBA,MAAS,OAAO,SAChBA,MAAS,OAAO,SAChBA,MAAS,OAAO,SAChB;AAAA,UAEF,CAACM,KAAY,CAACG,KAAmB;AAAA;AAAA,UAEjCH,KAAY;AAAA,UACZL,MAAa,YAAYK,KAAY;AAAA,UACrCL,MAAa,YAAY,CAACK,KAAY;AAAA,QAAA,GAErC,UAAAY,GACH;AAAA,QAGA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,qEACZ,UAAA;AAAA,UAAAL;AAAA,UACAE;AAAA,QAAA,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;AAED3B,EAAgB,cAAc;AAwB9B,MAAMwB,IAAevB,EAA2C,CAAC;AAAA,EAC/D,MAAAE;AAAA,EACA,YAAA6B,IAAa,CAAA;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAA9B;AAAA,EACA,QAAA+B;AAAA,EACA,WAAA7B;AACF,GAAGE,MAAQ;AACT,QAAM,EAAE,QAAAP,GAAQ,MAAMmC,GAAW,MAAAjC,GAAM,iBAAAS,GAAiB,oBAAAC,GAAoB,UAAAJ,EAAA,IAAa4B,EAAA,GACnF,CAACC,GAAeC,CAAgB,IAAI5B,EAAS,oBAAI,KAAa,GAC9D,CAAC6B,GAAiBC,CAAkB,IAAI9B,EAAS,EAAK,GAEtD+B,IAAYxC,KAAQkC,GACpBO,IAAY1C,MAAW,WACvB2C,IAAa,CAACD,KAAaH,GAG3BK,IAAsB,MAAM;AAChC,IAAIF,KACFF,EAAmB,CAACD,CAAe;AAAA,EAEvC,GAGMM,IAAa,CAACC,MAAoB;AACtC,UAAMC,IAAc,IAAI,IAAIV,CAAa;AACzC,IAAIU,EAAY,IAAID,CAAO,IACzBC,EAAY,OAAOD,CAAO,IAE1BC,EAAY,IAAID,CAAO,GAEzBR,EAAiBS,CAAW;AAAA,EAC9B,GAGMC,IAAoB,CAACC,GAAmBC,IAAY,OAAU;AAClE,UAAMC,IAAaD,IACf,sJACA,oJACEE,IAAUF,IACXP,IAAa,mBAAmB,cAChCA,IAAa,gBAAgB;AAElC,QAAIU,IAAa;AACjB,YAAQZ,GAAA;AAAA,MACN,KAAK;AACH,QAAAY,IAAaJ,IACT,uCACA;AACJ;AAAA,MACF,KAAK;AACH,QAAAI,IAAaJ,IACT,4CACA;AACJ;AAAA,MACF,KAAK;AACH,QAAAI,IAAaJ,IACT,+DACA;AACJ;AAAA,MACF,KAAK;AACH,QAAAI,IAAaJ,IACT,sDACA;AACJ;AAAA,MACF;AACE,QAAAI,IAAaJ,IACT,0CACA;AAAA,IAAA;AAGR,WAAOpB,EAAGsB,GAAYC,GAASC,CAAU;AAAA,EAC3C,GAGMC,IAAW,CAAC,EAAE,MAAAC,GAAM,WAAAL,IAAY,SAA2D;AAC/F,UAAMM,IAAa,CAACN,KAAaK,EAAK,SAASA,EAAK,MAAM,SAAS,GAC7DE,IAAapB,EAAc,IAAIkB,EAAK,GAAG,GACvCN,IAAWM,EAAK,OAAOxB,MAAgBwB,EAAK,OAAO,EAAQA,EAAK,UAyBhEG,IACJ,gBAAA9B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAzBgB,MAAM;AACxB,cAAIc,KAAa,CAACH,GAAiB;AACjC,YAAAC,EAAmB,EAAI;AACvB;AAAA,UACF;AAEA,UAAIgB,IACFX,EAAWU,EAAK,GAAG,IACVA,EAAK,QAAQvB,KACtBA,EAAWuB,EAAK,MAAMA,CAAI,GAEtB/C,KACFI,EAAmB,EAAK,KAEjB2C,EAAK,YACdA,EAAK,QAAA,GAED/C,KACFI,EAAmB,EAAK;AAAA,QAG9B;AAAA,QAKI,WAAWoC,EAAkBC,GAAUC,CAAS;AAAA,QAE/C,UAAA;AAAA,UAAA,CAACA,KAAaK,EAAK,0BACjBA,EAAK,MAAL,EAAU,WAAW1B;AAAA,YACpB;AAAA,YACAc,IAAa,iBAAiB;AAAA,UAAA,GAC7B;AAAA,UAGJA,KACC,gBAAAf,EAAA+B,GAAA,EACE,UAAA;AAAA,YAAA,gBAAAhC,EAAC,QAAA,EAAK,WAAU,6BAA6B,UAAA4B,EAAK,OAAM;AAAA,YAEvDA,EAAK,SACJ,gBAAA5B;AAAA,cAACiC;AAAA,cAAA;AAAA,gBACC,SAASX,IAAW,cAAc;AAAA,gBAClC,WAAWpB;AAAA,kBACT;AAAA,kBACAY,MAAc,WAAW,CAACQ,KAAY;AAAA,kBACtCR,MAAc,WAAWQ,KAAY;AAAA,kBACrCR,MAAc,cAAc,CAACQ,KAAY;AAAA,kBACzCR,MAAc,cAAcQ,KAAY;AAAA,gBAAA;AAAA,gBAGzC,UAAAM,EAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAITC,KACC,gBAAA7B,EAACkC,IAAA,EAAa,WAAWhC;AAAA,cACvB;AAAA,cACA4B,KAAc;AAAA,YAAA,EAChB,CAAG;AAAA,UAAA,EAAA,CAEP;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAMN,WAAIf,KAAa,CAACH,KAAmB,CAACW,KAAaK,EAAK,OAEpD,gBAAA3B,EAAC,OAAA,EAAmB,WAAU,UAC5B,UAAA;AAAA,MAAA,gBAAAD,EAACmC,IAAA,EACC,UAAA,gBAAAlC,EAACmC,IAAA,EAAQ,eAAe,KACtB,UAAA;AAAA,QAAA,gBAAApC,EAACqC,IAAA,EAAe,SAAO,IACpB,UAAAN,GACH;AAAA,QACA,gBAAA/B;AAAA,UAACsC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YAEV,UAAA,gBAAAtC,EAAC,KAAA,EAAG,UAAA4B,EAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACF,EAAA,CACF;AAAA,MAECC,KAAcC,KAAcd,KAAcY,EAAK,SAC9C,gBAAA5B,EAAC,OAAA,EAAI,WAAU,oDACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kBACZ,UAAA4B,EAAK,MAAM,IAAI,CAACW,MACf,gBAAAvC,EAAC2B,GAAA,EAA2B,MAAMY,GAAS,WAAW,GAAA,GAAvCA,EAAQ,GAAqC,CAC7D,EAAA,CACH,EAAA,CACF;AAAA,IAAA,EAAA,GAtBMX,EAAK,GAwBf,IAKF,gBAAA3B,EAAC,OAAA,EAAmB,WAAU,UAC3B,UAAA;AAAA,MAAA8B;AAAA,MAEAF,KAAcC,KAAcd,KAAcY,EAAK,SAC9C,gBAAA5B,EAAC,SAAI,WAAU,6DACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAA4B,EAAK,MAAM,IAAI,CAACW,GAASC,MACxB,gBAAAxC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,OAAO,EAAE,iBAAiB,GAAGwC,IAAW,EAAE,KAAA;AAAA,UAE1C,UAAA,gBAAAxC,EAAC2B,GAAA,EAAS,MAAMY,GAAS,WAAW,GAAA,CAAM;AAAA,QAAA;AAAA,QAJrCA,EAAQ;AAAA,MAAA,CAMhB,GACH,EAAA,CACF;AAAA,IAAA,EAAA,GAhBMX,EAAK,GAkBf;AAAA,EAEJ;AAEA,SACE,gBAAA3B,EAAA+B,GAAA,EAEG,UAAA;AAAA,IAAAnD,KAAYG,KACX,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAMf,EAAmB,EAAK;AAAA,QACvC,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAKhB,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAApB;AAAA,QACA,WAAWsB;AAAA,UACT;AAAA;AAAA,UAEA;AAAA;AAAA;AAAA,UAGArB,IAAW,qCAAqC;AAAA;AAAA,UAEhDA,MAAaG,IAAkB,kBAAkB;AAAA;AAAA,UAEjD,CAACH,KAAY;AAAA;AAAA,UAEbR,MAAW,aAAaE,MAAS,QAAQ;AAAA,UACzCF,MAAW,aAAaE,MAAS,QAAQ;AAAA,UACzCF,MAAW,aAAaE,MAAS,QAAQ;AAAA,UACzCF,MAAW,aAAaE,MAAS,QAAQ;AAAA,UACzCF,MAAW,aAAaE,MAAS,UAAU;AAAA,UAC3CF,MAAW,aAAa,CAACuC,KAAmBrC,MAAS,QAAQ;AAAA,UAC7DF,MAAW,aAAa,CAACuC,KAAmBrC,MAAS,QAAQ;AAAA,UAC7DF,MAAW,aAAa,CAACuC,KAAmBrC,MAAS,QAAQ;AAAA,UAC7DF,MAAW,aAAa,CAACuC,KAAmBrC,MAAS,QAAQ;AAAA,UAC7DF,MAAW,aAAa,CAACuC,KAAmBrC,MAAS,UAAU;AAAA,UAC/DF,MAAW,aAAauC,KAAmBrC,MAAS,QAAQ;AAAA,UAC5DF,MAAW,aAAauC,KAAmBrC,MAAS,QAAQ;AAAA,UAC5DF,MAAW,aAAauC,KAAmBrC,MAAS,QAAQ;AAAA,UAC5DF,MAAW,aAAauC,KAAmBrC,MAAS,QAAQ;AAAA,UAC5DF,MAAW,aAAauC,KAAmBrC,MAAS,UAAU;AAAA;AAAA,UAE9DuC,MAAc,WAAW;AAAA,UACzBA,MAAc,YAAY;AAAA,UAC1BA,MAAc,WAAW;AAAA,UACzBA,MAAc,cAAc;AAAA,UAC5BpC;AAAA,QAAA;AAAA,QAGF,UAAA,gBAAAuB,EAAC,OAAA,EAAI,WAAU,wBAEb,UAAA;AAAA,UAAA,gBAAAD,EAAC,SAAI,WAAWE;AAAA,YACd;AAAA,YACAY,MAAc,WAAW;AAAA,YACzBA,MAAc,YAAY;AAAA,YAC1BA,MAAc,WAAW;AAAA,YACzBA,MAAc,cAAc;AAAA,YAC5BE,IAAa,8BAA8B;AAAA,UAAA,GAE1C,cACC,gBAAAf,EAAA+B,GAAA,EACG,UAAA;AAAA,YAAA1B,KACC,gBAAAN,EAAC,SAAI,WAAWE;AAAA,cACd;AAAA,cACAY,MAAc,WAAW;AAAA,cACzBA,MAAc,cAAc;AAAA,YAAA,GAE3B,UAAAR,GACH;AAAA,aAGAzB,KAAakC,KAAaH,MAC1B,gBAAAZ;AAAA,cAACyC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,kBAAI5D,IACFI,EAAmB,EAAK,IACf8B,KACTF,EAAmB,EAAK;AAAA,gBAE5B;AAAA,gBACA,WAAU;AAAA,gBAEV,UAAA,gBAAAb,EAAC0C,IAAA,EAAE,WAAU,UAAA,CAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACzB,EAAA,CAEJ,IAEA,gBAAA1C;AAAA,YAACyC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAASxB;AAAA,cACT,WAAU;AAAA,cAEV,UAAA,gBAAAjB,EAAC2C,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA,GAGhC;AAAA,4BAGC,OAAA,EAAI,WAAU,0BACb,UAAA,gBAAA3C,EAAC,SAAI,WAAWE;AAAA,YACd;AAAA,YACAc,IAAa,QAAQ;AAAA,UAAA,GAEpB,UAAAb,EAAW,IAAI,CAACyB,GAAMgB,MACrB,gBAAA5C;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWE;AAAA,gBACT;AAAA,gBACAc,IAAa,8BAA8B;AAAA,cAAA;AAAA,cAE7C,OAAO;AAAA,gBACL,iBAAiBA,IAAa,GAAG4B,IAAQ,EAAE,OAAO;AAAA,cAAA;AAAA,cAGpD,UAAA,gBAAA5C,EAAC2B,KAAS,MAAAC,EAAA,CAAY;AAAA,YAAA;AAAA,YATjBA,EAAK;AAAA,UAAA,CAWb,GACH,EAAA,CACF;AAAA,UAGCrB,KAAUS,KACT,gBAAAf,EAAA+B,GAAA,EACE,UAAA;AAAA,YAAA,gBAAAhC,EAAC6C,MAAU,WAAW3C;AAAA,cACpBY,MAAc,WAAW;AAAA,cACzBA,MAAc,YAAY;AAAA,cAC1BA,MAAc,WAAW;AAAA,cACzBA,MAAc,cAAc;AAAA,YAAA,GAC3B;AAAA,YACH,gBAAAd,EAAC,OAAA,EAAI,WAAU,qBACZ,UAAAO,EAAA,CACH;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAEDZ,EAAa,cAAc;AAwB3B,MAAME,IAAczB,EAA0C,CAAC;AAAA,EAC7D,MAAAE;AAAA,EACA,MAAAC;AAAA,EACA,OAAAuE;AAAA,EACA,UAAAtE,IAAW;AAAA,EACX,aAAAuE,IAAc,CAAA;AAAA,EACd,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAvE;AACF,GAAGE,MAAQ;AACT,QAAM,EAAE,iBAAAI,GAAiB,oBAAAC,GAAoB,UAAAJ,EAAA,IAAa4B,EAAA;AAE1D,SACE,gBAAAT;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAApB;AAAA,MACA,WAAWsB;AAAA,QACT;AAAA,QACA;AAAA;AAAA,QAEA1B,MAAa,YAAY;AAAA,QACzBA,MAAa,WAAW;AAAA;AAAA,QAExB;AAAA,QACAA,MAAa,cAAc;AAAA,QAC3BE;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAuB,EAAC,OAAA,EAAI,WAAU,uDACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0CAEb,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWE;AAAA,gBACT;AAAA,gBACA;AAAA;AAAA,gBAEArB,KAAY;AAAA;AAAA,gBAEZ,CAACA,KAAY;AAAA,cAAA;AAAA,cAEf,SAAS,MAAMI,EAAmB,CAACD,CAAe;AAAA,cAClD,cAAYA,IAAkB,kBAAkB;AAAA,cAEhD,UAAA,gBAAAgB,EAAC2C,KAAK,WAAWzC;AAAA,gBACf;AAAA,gBACAlB,KAAmB,CAACH,KAAY;AAAA,cAAA,EAClC,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAIL,gBAAAoB,EAAC,OAAA,EAAI,WAAU,kBAEZ,UAAA;AAAA,YAAA6C,KAAS,CAACC,EAAY,4BACpB,MAAA,EAAG,WAAU,kDACX,UAAAD,GACH;AAAA,YAIDC,EAAY,SAAS,KACpB,gBAAA/C,EAACkD,MACC,UAAA,gBAAAlD,EAACmD,IAAA,EACE,UAAAJ,EAAY,IAAI,CAACK,GAAOR,MACvB,gBAAA3C,EAACT,EAAM,UAAN,EACC,UAAA;AAAA,cAAA,gBAAAQ,EAACqD,IAAA,EACE,YAAM,OACL,gBAAArD;AAAA,gBAACsD;AAAA,gBAAA;AAAA,kBACC,SAAS,CAAC,CAACN;AAAA,kBACV,GAAIA,IACD;AAAA,oBACE,SAAS,CAACO,MAAwB;AAChC,sBAAAA,EAAE,eAAA,GACFP,EAAqBI,EAAM,IAAK;AAAA,oBAClC;AAAA,kBAAA,IAEF,EAAE,MAAMA,EAAM,KAAA;AAAA,kBAGjB,UAAAJ,sBACE,UAAA,EAAO,MAAK,UACV,UAAAI,EAAM,MAAA,CACT,IAEAA,EAAM;AAAA,gBAAA;AAAA,cAAA,IAIV,gBAAApD,EAACwD,IAAA,EAAgB,UAAAJ,EAAM,OAAM,GAEjC;AAAA,cACCR,IAAQG,EAAY,SAAS,uBAAMU,IAAA,CAAA,CAAoB;AAAA,YAAA,KA3BrCb,CA4BrB,CACD,EAAA,CACH,EAAA,CACF;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAGCK,KACC,gBAAAjD,EAAC,OAAA,EAAI,WAAU,iBACZ,UAAAiD,EAAA,CACH;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEDpD,EAAY,cAAc;AAgB1B,MAAME,IAAe3B,EAA2C,CAAC;AAAA,EAC/D,MAAAE;AAAA,EACA,MAAAC;AAAA,EACA,WAAAG;AAAA,EACA,UAAAC;AACF,GAAGC,MAAQ;AACT,QAAM,EAAE,UAAAC,EAAA,IAAa4B,EAAA;AAErB,SACE,gBAAAT;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAApB;AAAA,MACA,WAAWsB;AAAA,QACT;AAAA,QACAxB;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAsB,EAAC,SAAI,WAAU,IACb,4BAAC,OAAA,EAAI,WAAU,kBACZ,UAAArB,EAAA,CACH,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEDoB,EAAa,cAAc;AAK3B,MAAMU,IAAW,MAAM;AACrB,QAAMiD,IAAUC,EAAW5F,CAAY;AACvC,MAAI,CAAC2F;AACH,UAAM,IAAI,MAAM,uDAAuD;AAEzE,SAAOA;AACT,GAKME,KAAc,OAAO,OAAOzF,GAAiB;AAAA,EACjD,SAASwB;AAAA,EACT,QAAQE;AAAA,EACR,SAASE;AACX,CAAC;"}

package/dist/alert.js

@@ -0,0 +1,67 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as i } from "./index-Bke1qZdk.js";
+import { c as e } from "./utils-CwJPJKOE.js";
+const l = i(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function o({
+  className: t,
+  variant: r,
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: e(l({ variant: r }), t),
+      ...s
+    }
+  );
+}
+function g({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: e(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function u({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: e(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        t
+      ),
+      ...r
+    }
+  );
+}
+export {
+  o as Alert,
+  u as AlertDescription,
+  g as AlertTitle
+};
+//# sourceMappingURL=alert.js.map

package/dist/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription }\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAC9B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}