@bloomneo/uikit 1.5.0

package/dist/confirm-dialog.js

@@ -0,0 +1,129 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import * as l from "react";
+import { Dialog as h, DialogContent as C, DialogHeader as p, DialogTitle as g, DialogDescription as y, DialogFooter as x } from "./dialog.js";
+import { Button as m } from "./button.js";
+import { Input as b } from "./input.js";
+import { Label as D } from "./label.js";
+const k = l.createContext(null);
+function L({ children: t }) {
+  const [e, c] = l.useState(null), n = l.useRef(null), [f, u] = l.useState(""), v = l.useCallback((i) => (u(""), c(i), new Promise((d) => {
+    n.current = d;
+  })), []), a = (i) => {
+    n.current?.(i), n.current = null, c(null), u("");
+  }, s = e?.verifyText ? f !== e.verifyText : !1;
+  return /* @__PURE__ */ o(k.Provider, { value: { open: v }, children: [
+    t,
+    /* @__PURE__ */ r(h, { open: e !== null, onOpenChange: (i) => !i && a(!1), children: /* @__PURE__ */ o(C, { children: [
+      /* @__PURE__ */ o(p, { children: [
+        /* @__PURE__ */ r(g, { children: e?.title }),
+        e?.description && /* @__PURE__ */ r(y, { children: e.description })
+      ] }),
+      e?.verifyText && /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 py-2", children: [
+        /* @__PURE__ */ o(D, { htmlFor: "confirm-verify", children: [
+          "Type",
+          " ",
+          /* @__PURE__ */ r("span", { className: "font-mono font-semibold text-foreground", children: e.verifyText }),
+          " ",
+          "to confirm"
+        ] }),
+        /* @__PURE__ */ r(
+          b,
+          {
+            id: "confirm-verify",
+            value: f,
+            onChange: (i) => u(i.target.value),
+            autoComplete: "off",
+            autoFocus: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o(x, { children: [
+        /* @__PURE__ */ r(m, { variant: "outline", onClick: () => a(!1), children: e?.cancelLabel ?? "Cancel" }),
+        /* @__PURE__ */ r(
+          m,
+          {
+            variant: e?.tone === "destructive" ? "destructive" : "default",
+            disabled: s,
+            onClick: () => a(!0),
+            children: e?.confirmLabel ?? (e?.tone === "destructive" ? "Delete" : "Confirm")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+function M() {
+  const t = l.useContext(k);
+  if (!t)
+    throw new Error(
+      "[@bloomneo/uikit] useConfirm() called outside <ConfirmProvider>. Wrap your app root in <ConfirmProvider>."
+    );
+  const e = l.useCallback(
+    (n) => t.open({ ...n, tone: n.tone ?? "default" }),
+    [t]
+  ), c = l.useCallback(
+    (n) => t.open({ ...n, tone: "destructive" }),
+    [t]
+  );
+  return Object.assign(e, { destructive: c });
+}
+function R({
+  open: t,
+  onOpenChange: e,
+  onConfirm: c,
+  title: n,
+  description: f,
+  confirmLabel: u,
+  cancelLabel: v,
+  tone: a = "default",
+  verifyText: s
+}) {
+  const [i, d] = l.useState("");
+  return l.useEffect(() => {
+    t || d("");
+  }, [t]), /* @__PURE__ */ r(h, { open: t, onOpenChange: e, children: /* @__PURE__ */ o(C, { children: [
+    /* @__PURE__ */ o(p, { children: [
+      /* @__PURE__ */ r(g, { children: n }),
+      f && /* @__PURE__ */ r(y, { children: f })
+    ] }),
+    s && /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 py-2", children: [
+      /* @__PURE__ */ o(D, { htmlFor: "confirm-verify-controlled", children: [
+        "Type",
+        " ",
+        /* @__PURE__ */ r("span", { className: "font-mono font-semibold text-foreground", children: s }),
+        " ",
+        "to confirm"
+      ] }),
+      /* @__PURE__ */ r(
+        b,
+        {
+          id: "confirm-verify-controlled",
+          value: i,
+          onChange: (P) => d(P.target.value),
+          autoComplete: "off",
+          autoFocus: !0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(x, { children: [
+      /* @__PURE__ */ r(m, { variant: "outline", onClick: () => e(!1), children: v ?? "Cancel" }),
+      /* @__PURE__ */ r(
+        m,
+        {
+          variant: a === "destructive" ? "destructive" : "default",
+          disabled: s ? i !== s : !1,
+          onClick: () => {
+            c(), e(!1);
+          },
+          children: u ?? (a === "destructive" ? "Delete" : "Confirm")
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  R as ConfirmDialog,
+  L as ConfirmProvider,
+  M as useConfirm
+};
+//# sourceMappingURL=confirm-dialog.js.map

package/dist/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.js","sources":["../src/components/ui/confirm-dialog.tsx"],"sourcesContent":["/**\n * <ConfirmDialog> + useConfirm() — promise-based confirmation prompts.\n *\n * Replaces the open/close-state choreography that every page reinvents:\n *\n *   const confirm = useConfirm();\n *\n *   async function onDelete() {\n *     const ok = await confirm({\n *       title: 'Delete this design?',\n *       description: 'This cannot be undone.',\n *       confirmLabel: 'Delete',\n *       tone: 'destructive',\n *     });\n *     if (!ok) return;\n *     await api.deleteDesign(id);\n *   }\n *\n * Or for the high-stakes case:\n *\n *   await confirm.destructive({\n *     title: 'Delete user',\n *     verifyText: user.name,   // user must type the name to confirm\n *     description: 'This will permanently delete the account.',\n *   });\n *\n * Mount <ConfirmProvider /> once at the root of your app, then call\n * useConfirm() from anywhere inside it.\n */\n\nimport * as React from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/components/ui/dialog';\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { Label } from '@/components/ui/label';\n\nexport interface ConfirmOptions {\n  title: string;\n  description?: React.ReactNode;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  tone?: 'default' | 'destructive';\n}\n\nexport interface DestructiveConfirmOptions extends Omit<ConfirmOptions, 'tone'> {\n  /**\n   * If set, the user must type this exact string into the input before the\n   * confirm button enables. Used for high-stakes deletions.\n   */\n  verifyText?: string;\n}\n\ntype Resolver = (value: boolean) => void;\ntype PendingOptions = (ConfirmOptions | DestructiveConfirmOptions) & {\n  tone: 'default' | 'destructive';\n  verifyText?: string;\n};\n\ninterface ConfirmContextValue {\n  open: (options: PendingOptions) => Promise<boolean>;\n}\n\nconst ConfirmContext = React.createContext<ConfirmContextValue | null>(null);\n\n/**\n * Mount once at the root. All useConfirm() calls inside go through this.\n */\nexport function ConfirmProvider({ children }: { children: React.ReactNode }): React.JSX.Element {\n  const [pending, setPending] = React.useState<PendingOptions | null>(null);\n  const resolverRef = React.useRef<Resolver | null>(null);\n  const [verifyValue, setVerifyValue] = React.useState('');\n\n  const open = React.useCallback((options: PendingOptions) => {\n    setVerifyValue('');\n    setPending(options);\n    return new Promise<boolean>((resolve) => {\n      resolverRef.current = resolve;\n    });\n  }, []);\n\n  const close = (result: boolean) => {\n    resolverRef.current?.(result);\n    resolverRef.current = null;\n    setPending(null);\n    setVerifyValue('');\n  };\n\n  const verifyMismatch = pending?.verifyText\n    ? verifyValue !== pending.verifyText\n    : false;\n\n  return (\n    <ConfirmContext.Provider value={{ open }}>\n      {children}\n      <Dialog open={pending !== null} onOpenChange={(o) => !o && close(false)}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>{pending?.title}</DialogTitle>\n            {pending?.description && (\n              <DialogDescription>{pending.description}</DialogDescription>\n            )}\n          </DialogHeader>\n\n          {pending?.verifyText && (\n            <div className=\"flex flex-col gap-2 py-2\">\n              <Label htmlFor=\"confirm-verify\">\n                Type{' '}\n                <span className=\"font-mono font-semibold text-foreground\">\n                  {pending.verifyText}\n                </span>{' '}\n                to confirm\n              </Label>\n              <Input\n                id=\"confirm-verify\"\n                value={verifyValue}\n                onChange={(e) => setVerifyValue(e.target.value)}\n                autoComplete=\"off\"\n                autoFocus\n              />\n            </div>\n          )}\n\n          <DialogFooter>\n            <Button variant=\"outline\" onClick={() => close(false)}>\n              {pending?.cancelLabel ?? 'Cancel'}\n            </Button>\n            <Button\n              variant={pending?.tone === 'destructive' ? 'destructive' : 'default'}\n              disabled={verifyMismatch}\n              onClick={() => close(true)}\n            >\n              {pending?.confirmLabel ?? (pending?.tone === 'destructive' ? 'Delete' : 'Confirm')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </ConfirmContext.Provider>\n  );\n}\n\nexport interface UseConfirmReturn {\n  (options: ConfirmOptions): Promise<boolean>;\n  destructive: (options: DestructiveConfirmOptions) => Promise<boolean>;\n}\n\n/**\n * Returns a callable. Use the call form for normal confirmations and the\n * `.destructive` method for high-stakes ones.\n */\nexport function useConfirm(): UseConfirmReturn {\n  const ctx = React.useContext(ConfirmContext);\n  if (!ctx) {\n    throw new Error(\n      '[@bloomneo/uikit] useConfirm() called outside <ConfirmProvider>. Wrap your app root in <ConfirmProvider>.'\n    );\n  }\n\n  const fn = React.useCallback(\n    (options: ConfirmOptions) =>\n      ctx.open({ ...options, tone: options.tone ?? 'default' }),\n    [ctx]\n  );\n\n  const destructive = React.useCallback(\n    (options: DestructiveConfirmOptions) =>\n      ctx.open({ ...options, tone: 'destructive' }),\n    [ctx]\n  );\n\n  return Object.assign(fn, { destructive }) as UseConfirmReturn;\n}\n\n/**\n * Optional: a controlled <ConfirmDialog /> for users who don't want the\n * provider/promise pattern. Useful inside a single page that already has\n * dialog state management.\n */\nexport interface ConfirmDialogProps extends ConfirmOptions {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onConfirm: () => void;\n  verifyText?: string;\n}\n\nexport function ConfirmDialog({\n  open,\n  onOpenChange,\n  onConfirm,\n  title,\n  description,\n  confirmLabel,\n  cancelLabel,\n  tone = 'default',\n  verifyText,\n}: ConfirmDialogProps): React.JSX.Element {\n  const [verifyValue, setVerifyValue] = React.useState('');\n  React.useEffect(() => {\n    if (!open) setVerifyValue('');\n  }, [open]);\n\n  const verifyMismatch = verifyText ? verifyValue !== verifyText : false;\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && <DialogDescription>{description}</DialogDescription>}\n        </DialogHeader>\n        {verifyText && (\n          <div className=\"flex flex-col gap-2 py-2\">\n            <Label htmlFor=\"confirm-verify-controlled\">\n              Type{' '}\n              <span className=\"font-mono font-semibold text-foreground\">{verifyText}</span>{' '}\n              to confirm\n            </Label>\n            <Input\n              id=\"confirm-verify-controlled\"\n              value={verifyValue}\n              onChange={(e) => setVerifyValue(e.target.value)}\n              autoComplete=\"off\"\n              autoFocus\n            />\n          </div>\n        )}\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            {cancelLabel ?? 'Cancel'}\n          </Button>\n          <Button\n            variant={tone === 'destructive' ? 'destructive' : 'default'}\n            disabled={verifyMismatch}\n            onClick={() => {\n              onConfirm();\n              onOpenChange(false);\n            }}\n          >\n            {confirmLabel ?? (tone === 'destructive' ? 'Delete' : 'Confirm')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":["ConfirmContext","React","ConfirmProvider","children","pending","setPending","resolverRef","verifyValue","setVerifyValue","open","options","resolve","close","result","verifyMismatch","jsx","Dialog","o","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","Label","Input","e","DialogFooter","Button","useConfirm","ctx","fn","destructive","ConfirmDialog","onOpenChange","onConfirm","title","description","confirmLabel","cancelLabel","tone","verifyText"],"mappings":"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"}

package/dist/container.js

@@ -0,0 +1,334 @@
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as S, useState as M, useEffect as z } from "react";
+import { c as A } from "./index-Bke1qZdk.js";
+import { c as k } from "./utils-CwJPJKOE.js";
+import { Button as R } from "./button.js";
+import { Badge as I } from "./badge.js";
+import { Select as G, SelectTrigger as $, SelectValue as O, SelectContent as T, SelectItem as q } from "./select.js";
+import { C as D } from "./chevron-right-pz9eCjj-.js";
+const F = A(
+  "w-full mx-auto bg-background text-foreground",
+  {
+    variants: {
+      layout: {
+        none: "block",
+        "sidebar-left": "block md:flex",
+        // ✅ FIXED: Always flex for side-by-side
+        "sidebar-right": "block md:flex"
+        // ✅ FIXED: Always flex for side-by-side
+      },
+      size: {
+        sm: "max-w-2xl",
+        md: "max-w-4xl",
+        lg: "max-w-6xl",
+        xl: "max-w-7xl",
+        full: "max-w-full"
+      },
+      position: {
+        sticky: "relative",
+        fixed: "relative",
+        relative: "relative"
+      }
+    },
+    defaultVariants: {
+      layout: "none",
+      size: "xl",
+      position: "relative"
+    }
+  }
+), H = A(
+  "flex-shrink-0 rounded-lg m-4 max-md:hidden",
+  // ✅ OPTIMIZED: Added m-4 for consistent outer margin
+  {
+    variants: {
+      position: {
+        left: "order-first",
+        right: "order-last"
+      },
+      size: {
+        sm: "w-48",
+        // ✅ FIXED: Removed responsive prefixes for consistent width
+        md: "w-56",
+        lg: "w-64",
+        xl: "w-64",
+        full: "w-64"
+      },
+      sidebarPosition: {
+        sticky: "sticky top-4 self-start max-h-[calc(100vh-2rem)] overflow-y-auto",
+        // ✅ FIXED: Added self-start
+        fixed: "sticky top-4 self-start max-h-[calc(100vh-2rem)] overflow-y-auto",
+        // ✅ FIXED: Added self-start  
+        relative: "self-start"
+        // ✅ FIXED: Added self-start
+      },
+      tone: {
+        clean: "bg-muted/10 border border-border/60 dark:bg-muted/20 dark:border-border/50",
+        subtle: "bg-muted/50 border border-border/20 dark:bg-muted/60 dark:border-border/30",
+        brand: "bg-primary/10 border border-primary/15 dark:bg-primary/15 dark:border-primary/20",
+        contrast: "bg-muted/70 border border-border/50 dark:bg-muted/80 dark:border-border/60"
+      }
+    },
+    defaultVariants: {
+      position: "left",
+      size: "md",
+      sidebarPosition: "relative",
+      tone: "clean"
+    }
+  }
+), J = A(
+  "flex-1 min-w-0 p-4",
+  // ✅ OPTIMIZED: Constant p-4 padding, removed min-w-0 conflict
+  {
+    variants: {
+      size: {
+        sm: "",
+        // ✅ OPTIMIZED: Removed size-based padding, using constant p-4
+        md: "",
+        lg: "",
+        xl: "",
+        full: ""
+      },
+      hasGap: {
+        true: "",
+        // ✅ OPTIMIZED: Removed ml-6, using sidebar m-4 instead
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      hasGap: !1
+    }
+  }
+), L = (a = "md") => {
+  const c = {
+    sm: {
+      button: "text-xs py-1.5 px-2 min-h-[28px]",
+      icon: "h-3 w-3 mr-2 flex-shrink-0",
+      spacing: "space-y-0.5",
+      showBadges: !1
+    },
+    md: {
+      button: "text-sm py-2 px-3 min-h-[32px]",
+      icon: "h-4 w-4 mr-2 flex-shrink-0",
+      spacing: "space-y-1",
+      showBadges: !0
+    },
+    lg: {
+      button: "text-sm py-2.5 px-4 min-h-[36px]",
+      icon: "h-4 w-4 mr-3 flex-shrink-0",
+      spacing: "space-y-1.5",
+      showBadges: !0
+    },
+    xl: {
+      button: "text-sm py-2.5 px-4 min-h-[36px]",
+      icon: "h-4 w-4 mr-3 flex-shrink-0",
+      spacing: "space-y-1.5",
+      showBadges: !0
+    },
+    full: {
+      button: "text-sm py-2.5 px-4 min-h-[36px]",
+      icon: "h-4 w-4 mr-3 flex-shrink-0",
+      spacing: "space-y-1.5",
+      showBadges: !0
+    }
+  };
+  return c[a] || c.md;
+};
+function Q({
+  navigation: a,
+  size: c = "md",
+  tone: s,
+  currentPath: x = "",
+  onNavigate: n
+}) {
+  const [h, p] = M(/* @__PURE__ */ new Set()), m = L(c);
+  z(() => {
+    const e = /* @__PURE__ */ new Set(), o = (w) => {
+      w.forEach((d) => {
+        d.items && d.items.length > 0 && (e.add(d.key), o(d.items));
+      });
+    };
+    o(a), p(e);
+  }, [a]);
+  const u = (e) => {
+    const o = new Set(h);
+    o.has(e) ? o.delete(e) : o.add(e), p(o);
+  }, y = (e) => {
+    e.items && e.items.length > 0 ? u(e.key) : e.href && n ? n(e.href, e) : e.onClick && e.onClick();
+  }, f = (e, o = 0) => {
+    const w = e.items && e.items.length > 0, d = h.has(e.key), l = e.href ? x === e.href : e.isActive;
+    return /* @__PURE__ */ b("div", { className: "w-full", children: [
+      /* @__PURE__ */ b(
+        R,
+        {
+          variant: "ghost",
+          className: k(
+            "w-full justify-start transition-all items-center cursor-pointer",
+            m.button,
+            o > 0 && "ml-4 w-[calc(100%-1rem)]",
+            // Tone-aware styling
+            s === "clean" && (l ? "bg-muted text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"),
+            s === "subtle" && (l ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-background/60"),
+            s === "brand" && (l ? "bg-primary/10 text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-primary/5"),
+            s === "contrast" && (l ? "bg-muted text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-muted/60"),
+            e.className
+          ),
+          onClick: () => y(e),
+          children: [
+            e.icon && /* @__PURE__ */ r(e.icon, { className: m.icon }),
+            /* @__PURE__ */ r("span", { className: "flex-1 text-left truncate", children: e.label }),
+            e.badge && m.showBadges && /* @__PURE__ */ r(I, { variant: "secondary", className: "text-xs ml-auto", children: e.badge }),
+            w && /* @__PURE__ */ r(
+              D,
+              {
+                className: k(
+                  "h-4 w-4 ml-2 transition-transform duration-200 text-muted-foreground",
+                  d && "rotate-90"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      w && d && e.items && /* @__PURE__ */ r("div", { className: "mt-1 space-y-1", children: e.items.map(
+        (v) => f(v, o + 1)
+      ) })
+    ] }, e.key);
+  };
+  return /* @__PURE__ */ r("nav", { className: k("w-full p-3", m.spacing), children: a.map((e) => f(e)) });
+}
+const C = S(({
+  content: a,
+  position: c = "left",
+  size: s = "md",
+  sidebarPosition: x = "relative",
+  tone: n = "clean",
+  currentPath: h = "",
+  onNavigate: p,
+  className: m,
+  style: u
+}, y) => {
+  if (!a) return null;
+  const f = () => Array.isArray(a) ? /* @__PURE__ */ r(
+    Q,
+    {
+      navigation: a,
+      size: s,
+      tone: n,
+      currentPath: h,
+      onNavigate: p
+    }
+  ) : /* @__PURE__ */ r("div", { className: "p-3", children: a });
+  return /* @__PURE__ */ r(
+    "aside",
+    {
+      ref: y,
+      className: k(
+        H({ position: c, size: s, sidebarPosition: x, tone: n }),
+        m
+      ),
+      style: u,
+      children: f()
+    }
+  );
+});
+C.displayName = "ContainerSidebar";
+const B = S(({
+  size: a = "md",
+  children: c,
+  className: s,
+  style: x
+}, n) => /* @__PURE__ */ r(
+  "main",
+  {
+    ref: n,
+    className: k(J({ size: a }), s),
+    style: x,
+    children: c
+  }
+));
+B.displayName = "ContainerMain";
+const V = S(({
+  className: a,
+  style: c,
+  tone: s = "clean",
+  position: x = "relative",
+  sidebar: n = "none",
+  navigation: h = [],
+  sidebarContent: p,
+  currentPath: m = "",
+  onNavigate: u,
+  sidebarPosition: y = "relative",
+  size: f = "xl",
+  children: e
+}, o) => {
+  const w = n === "left" ? "sidebar-left" : n === "right" ? "sidebar-right" : "none", d = n !== "none" && (h.length > 0 || p), l = h.length > 0 ? h : p, v = (g, N = "") => {
+    const t = [];
+    return g.forEach((i) => {
+      const E = N ? `${N} > ${i.label}` : i.label;
+      (i.href || i.onClick) && t.push({ key: i.key, label: E, item: i }), i.items && i.items.length > 0 && t.push(...v(i.items, E));
+    }), t;
+  }, j = (g) => {
+    if (!Array.isArray(l)) return;
+    const t = v(l).find((i) => i.key === g);
+    t && u && (t.item.href ? u(t.item.href, t.item) : t.item.onClick && t.item.onClick());
+  };
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      ref: o,
+      className: k(F({ layout: w, size: f, position: x }), a),
+      style: c,
+      children: [
+        d && n === "left" && /* @__PURE__ */ r(
+          C,
+          {
+            content: l,
+            position: "left",
+            size: f,
+            sidebarPosition: y,
+            tone: s,
+            currentPath: m,
+            onNavigate: u
+          }
+        ),
+        /* @__PURE__ */ b(B, { size: f, children: [
+          d && Array.isArray(l) && /* @__PURE__ */ r("div", { className: "md:hidden mb-4", children: /* @__PURE__ */ b(G, { value: v(l).find((g) => g.item.href === m)?.key, onValueChange: j, children: [
+            /* @__PURE__ */ r($, { className: "w-full", children: /* @__PURE__ */ r(O, { placeholder: "Navigate to..." }) }),
+            /* @__PURE__ */ r(T, { children: v(l).map(({ key: g, label: N, item: t }) => /* @__PURE__ */ r(q, { value: g, children: /* @__PURE__ */ b("div", { className: "flex items-center justify-between w-full", children: [
+              /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
+                t.icon && /* @__PURE__ */ r(t.icon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ r("span", { children: N })
+              ] }),
+              t.badge && /* @__PURE__ */ r(I, { variant: "secondary", className: "text-xs", children: t.badge })
+            ] }) }, g)) })
+          ] }) }),
+          e
+        ] }),
+        d && n === "right" && /* @__PURE__ */ r(
+          C,
+          {
+            content: l,
+            position: "right",
+            size: f,
+            sidebarPosition: y,
+            tone: s,
+            currentPath: m,
+            onNavigate: u
+          }
+        )
+      ]
+    }
+  );
+});
+V.displayName = "Container";
+const ee = Object.assign(V, {
+  Sidebar: C,
+  Main: B
+});
+export {
+  ee as Container,
+  B as ContainerMain,
+  C as ContainerSidebar
+};
+//# sourceMappingURL=container.js.map

package/dist/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../src/components/sections/container.tsx"],"sourcesContent":["/**\n * Container component with FIXED sidebar layout - properly side-by-side\n * @module @bloomneo/uikit\n * @file src/components/sections/container.tsx\n */\n\nimport * as React from 'react';\nimport { forwardRef, useState, useEffect } 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 { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';\nimport { ChevronRight } from 'lucide-react';\nimport type { NavigationItem, Size } from '@/types';\n\n/**\n * Container variants - FIXED layout for proper side-by-side positioning\n */\nconst containerVariants = cva(\n  'w-full mx-auto bg-background text-foreground',\n  {\n    variants: {\n      layout: {\n        none: 'block',\n        'sidebar-left': 'block md:flex', // ✅ FIXED: Always flex for side-by-side\n        'sidebar-right': 'block md:flex', // ✅ FIXED: Always flex for side-by-side\n      },\n      size: {\n        sm: 'max-w-2xl',\n        md: 'max-w-4xl', \n        lg: 'max-w-6xl',\n        xl: 'max-w-7xl',\n        full: 'max-w-full',\n      },\n      position: {\n        sticky: 'relative',\n        fixed: 'relative',\n        relative: 'relative'\n      }\n    },\n    defaultVariants: {\n      layout: 'none',\n      size: 'xl',\n      position: 'relative'\n    },\n  }\n);\n\n/**\n * Sidebar variants - OPTIMIZED spacing and alignment\n */\nconst sidebarVariants = cva(\n  'flex-shrink-0 rounded-lg m-4 max-md:hidden', // ✅ OPTIMIZED: Added m-4 for consistent outer margin\n  {\n    variants: {\n      position: {\n        left: 'order-first',\n        right: 'order-last',\n      },\n      size: {\n        sm: 'w-48', // ✅ FIXED: Removed responsive prefixes for consistent width\n        md: 'w-56',\n        lg: 'w-64', \n        xl: 'w-64',\n        full: 'w-64',\n      },\n      sidebarPosition: {\n        sticky: 'sticky top-4 self-start max-h-[calc(100vh-2rem)] overflow-y-auto', // ✅ FIXED: Added self-start\n        fixed: 'sticky top-4 self-start max-h-[calc(100vh-2rem)] overflow-y-auto', // ✅ FIXED: Added self-start  \n        relative: 'self-start', // ✅ FIXED: Added self-start\n      },\n      tone: {\n        clean: 'bg-muted/10 border border-border/60 dark:bg-muted/20 dark:border-border/50',\n        subtle: 'bg-muted/50 border border-border/20 dark:bg-muted/60 dark:border-border/30',\n        brand: 'bg-primary/10 border border-primary/15 dark:bg-primary/15 dark:border-primary/20',\n        contrast: 'bg-muted/70 border border-border/50 dark:bg-muted/80 dark:border-border/60'\n      }\n    },\n    defaultVariants: {\n      position: 'left',\n      size: 'md',\n      sidebarPosition: 'relative',\n      tone: 'clean'\n    },\n  }\n);\n\n/**\n * Main content variants - OPTIMIZED for consistent padding and reduced gap\n */\nconst mainVariants = cva(\n  'flex-1 min-w-0 p-4', // ✅ OPTIMIZED: Constant p-4 padding, removed min-w-0 conflict\n  {\n    variants: {\n      size: {\n        sm: '', // ✅ OPTIMIZED: Removed size-based padding, using constant p-4\n        md: '',\n        lg: '',\n        xl: '',\n        full: '',\n      },\n      hasGap: {\n        true: '', // ✅ OPTIMIZED: Removed ml-6, using sidebar m-4 instead\n        false: ''\n      }\n    },\n    defaultVariants: {\n      size: 'md',\n      hasGap: false\n    },\n  }\n);\n\n/**\n * Size configuration for navigation\n */\nconst getSizeConfig = (size: Size = 'md') => {\n  const configs = {\n    sm: {\n      button: 'text-xs py-1.5 px-2 min-h-[28px]',\n      icon: 'h-3 w-3 mr-2 flex-shrink-0',\n      spacing: 'space-y-0.5',\n      showBadges: false,\n    },\n    md: {\n      button: 'text-sm py-2 px-3 min-h-[32px]',\n      icon: 'h-4 w-4 mr-2 flex-shrink-0',\n      spacing: 'space-y-1',\n      showBadges: true,\n    },\n    lg: {\n      button: 'text-sm py-2.5 px-4 min-h-[36px]',\n      icon: 'h-4 w-4 mr-3 flex-shrink-0',\n      spacing: 'space-y-1.5',\n      showBadges: true,\n    },\n    xl: {\n      button: 'text-sm py-2.5 px-4 min-h-[36px]',\n      icon: 'h-4 w-4 mr-3 flex-shrink-0',\n      spacing: 'space-y-1.5',\n      showBadges: true,\n    },\n    full: {\n      button: 'text-sm py-2.5 px-4 min-h-[36px]',\n      icon: 'h-4 w-4 mr-3 flex-shrink-0',\n      spacing: 'space-y-1.5',\n      showBadges: true,\n    },\n  };\n  \n  return configs[size] || configs.md;\n};\n\n/**\n * Navigation renderer props\n */\ninterface NavigationRendererProps {\n  navigation: NavigationItem[];\n  size: Size;\n  tone: 'clean' | 'subtle' | 'brand' | 'contrast';\n  currentPath?: string;\n  onNavigate?: (href: string, item: NavigationItem) => void;\n}\n\n/**\n * Navigation renderer component\n */\nfunction NavigationRenderer({ \n  navigation, \n  size = 'md',\n  tone,\n  currentPath = '',\n  onNavigate \n}: NavigationRendererProps) {\n  const [expandedItems, setExpandedItems] = useState(new Set<string>());\n  const config = getSizeConfig(size);\n\n  // Initialize with all expandable items open\n  useEffect(() => {\n    const expanded = new Set<string>();\n    \n    const addExpandableItems = (navItems: NavigationItem[]) => {\n      navItems.forEach((item) => {\n        if (item.items && item.items.length > 0) {\n          expanded.add(item.key);\n          addExpandableItems(item.items);\n        }\n      });\n    };\n    \n    addExpandableItems(navigation);\n    setExpandedItems(expanded);\n  }, [navigation]);\n\n  const toggleExpanded = (itemKey: string) => {\n    const newExpanded = new Set(expandedItems);\n    if (newExpanded.has(itemKey)) {\n      newExpanded.delete(itemKey);\n    } else {\n      newExpanded.add(itemKey);\n    }\n    setExpandedItems(newExpanded);\n  };\n\n  const handleItemClick = (item: NavigationItem) => {\n    if (item.items && item.items.length > 0) {\n      toggleExpanded(item.key);\n    } else if (item.href && onNavigate) {\n      onNavigate(item.href, item);\n    } else if (item.onClick) {\n      item.onClick();\n    }\n  };\n\n  const renderNavItem = (item: NavigationItem, depth = 0): React.ReactNode => {\n    const hasSubItems = item.items && item.items.length > 0;\n    const isExpanded = expandedItems.has(item.key);\n    const isActive = item.href ? currentPath === item.href : item.isActive;\n\n    return (\n      <div key={item.key} className=\"w-full\">\n        <Button\n          variant=\"ghost\"\n          className={cn(\n            'w-full justify-start transition-all items-center cursor-pointer',\n            config.button,\n            depth > 0 && 'ml-4 w-[calc(100%-1rem)]',\n            // Tone-aware styling\n            tone === 'clean' && (isActive \n              ? 'bg-muted text-foreground shadow-sm' \n              : 'text-muted-foreground hover:text-foreground hover:bg-muted/50'),\n            tone === 'subtle' && (isActive \n              ? 'bg-background text-foreground shadow-sm' \n              : 'text-muted-foreground hover:text-foreground hover:bg-background/60'),\n            tone === 'brand' && (isActive \n              ? 'bg-primary/10 text-foreground shadow-sm' \n              : 'text-muted-foreground hover:text-foreground hover:bg-primary/5'),\n            tone === 'contrast' && (isActive \n              ? 'bg-muted text-foreground shadow-sm' \n              : 'text-muted-foreground hover:text-foreground hover:bg-muted/60'),\n            item.className\n          )}\n          onClick={() => handleItemClick(item)}\n        >\n          {item.icon && <item.icon className={config.icon} />}\n          <span className=\"flex-1 text-left truncate\">{item.label}</span>\n          \n          {item.badge && config.showBadges && (\n            <Badge variant=\"secondary\" className=\"text-xs ml-auto\">\n              {item.badge}\n            </Badge>\n          )}\n          \n          {hasSubItems && (\n            <ChevronRight \n              className={cn(\n                'h-4 w-4 ml-2 transition-transform duration-200 text-muted-foreground',\n                isExpanded && 'rotate-90'\n              )} \n            />\n          )}\n        </Button>\n        \n        {hasSubItems && isExpanded && item.items && (\n          <div className=\"mt-1 space-y-1\">\n            {item.items.map((subItem) =>\n              renderNavItem(subItem, depth + 1)\n            )}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <nav className={cn('w-full p-3', config.spacing)}>\n      {navigation.map((item) => renderNavItem(item))}\n    </nav>\n  );\n}\n\n/**\n * Container Sidebar props\n */\ninterface ContainerSidebarProps {\n  content?: React.ReactNode | NavigationItem[];\n  position?: 'left' | 'right';\n  size?: Size;\n  sidebarPosition?: 'sticky' | 'fixed' | 'relative';\n  tone?: 'clean' | 'subtle' | 'brand' | 'contrast';\n  currentPath?: string;\n  onNavigate?: (href: string, item: NavigationItem) => void;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\n/**\n * Container Sidebar component\n */\nconst ContainerSidebar = forwardRef<HTMLDivElement, ContainerSidebarProps>(({ \n  content,\n  position = 'left',\n  size = 'md',\n  sidebarPosition = 'relative',\n  tone = 'clean',\n  currentPath = '',\n  onNavigate,\n  className,\n  style,\n}, ref) => {\n  \n  if (!content) return null;\n\n  // Render content based on type\n  const renderContent = () => {\n    if (Array.isArray(content)) {\n      return (\n        <NavigationRenderer \n          navigation={content} \n          size={size}\n          tone={tone}\n          currentPath={currentPath}\n          onNavigate={onNavigate}\n        />\n      );\n    }\n    return <div className=\"p-3\">{content}</div>;\n  };\n\n  return (\n    <aside \n      ref={ref}\n      className={cn(\n        sidebarVariants({ position, size, sidebarPosition, tone }),\n        className\n      )}\n      style={style}\n    >\n      {renderContent()}\n    </aside>\n  );\n});\n\nContainerSidebar.displayName = 'ContainerSidebar';\n\n/**\n * Container Main props\n */\ninterface ContainerMainProps {\n  size?: Size;\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\n/**\n * Container Main content area\n */\nconst ContainerMain = forwardRef<HTMLDivElement, ContainerMainProps>(({ \n  size = 'md',\n  children,\n  className,\n  style,\n}, ref) => (\n  <main \n    ref={ref}\n    className={cn(mainVariants({ size }), className)}\n    style={style}\n  >\n    {children}\n  </main>\n));\n\nContainerMain.displayName = 'ContainerMain';\n\n/**\n * Container component props with standardized system\n */\nexport interface ContainerProps {\n  /** Visual styling tone (applies to sidebar only) */\n  tone?: 'clean' | 'subtle' | 'brand' | 'contrast';\n  /** Container positioning */\n  position?: 'sticky' | 'fixed' | 'relative';\n  /** Sidebar position */\n  sidebar?: 'none' | 'left' | 'right';\n  /** Navigation items (takes priority over sidebarContent) */\n  navigation?: NavigationItem[];\n  /** Custom sidebar content (for JSX content) */\n  sidebarContent?: React.ReactNode;\n  /** Current path for active states */\n  currentPath?: string;\n  /** Navigation handler */\n  onNavigate?: (href: string, item: NavigationItem) => void;\n  /** Whether sidebar should be sticky */\n  sidebarPosition?: 'sticky' | 'fixed' | 'relative';\n  /** Container size */\n  size?: Size;\n  /** Container content */\n  children: React.ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n  /** Inline styles */\n  style?: React.CSSProperties;\n}\n\n/**\n * Main Container component with FIXED layout\n */\nconst ContainerComponent = forwardRef<HTMLDivElement, ContainerProps>(({ \n  className,\n  style,\n  tone = 'clean',\n  position = 'relative',\n  sidebar = 'none',\n  navigation = [],\n  sidebarContent,\n  currentPath = '',\n  onNavigate,\n  sidebarPosition = 'relative',\n  size = 'xl',\n  children,\n}, ref) => {\n  \n  // Determine layout\n  const layout = sidebar === 'left' ? 'sidebar-left' : \n                sidebar === 'right' ? 'sidebar-right' : 'none';\n  \n  const hasSidebar = sidebar !== 'none' && (navigation.length > 0 || sidebarContent);\n\n  // Determine sidebar content: navigation takes priority\n  const finalSidebarContent = navigation.length > 0 ? navigation : sidebarContent;\n\n  // ✅ ADD: Flatten navigation for mobile dropdown\n  const flattenNavigation = (navItems: NavigationItem[], prefix = ''): Array<{key: string, label: string, item: NavigationItem}> => {\n    const flattened: Array<{key: string, label: string, item: NavigationItem}> = [];\n    \n    navItems.forEach((item) => {\n      const label = prefix ? `${prefix} > ${item.label}` : item.label;\n      \n      if (item.href || item.onClick) {\n        flattened.push({ key: item.key, label, item });\n      }\n      \n      if (item.items && item.items.length > 0) {\n        flattened.push(...flattenNavigation(item.items, label));\n      }\n    });\n    \n    return flattened;\n  };\n\n  // ✅ ADD: Mobile dropdown handler\n  const handleMobileNavigation = (key: string) => {\n    if (!Array.isArray(finalSidebarContent)) return;\n    \n    const flattenedNav = flattenNavigation(finalSidebarContent);\n    const selectedItem = flattenedNav.find(item => item.key === key);\n    \n    if (selectedItem && onNavigate) {\n      if (selectedItem.item.href) {\n        onNavigate(selectedItem.item.href, selectedItem.item);\n      } else if (selectedItem.item.onClick) {\n        selectedItem.item.onClick();\n      }\n    }\n  };\n\n  return (\n    <div \n      ref={ref}\n      className={cn(containerVariants({ layout, size, position }), className)}\n      style={style}\n    >\n      {/* Left Sidebar */}\n      {hasSidebar && sidebar === 'left' && (\n        <ContainerSidebar \n          content={finalSidebarContent}\n          position=\"left\"\n          size={size}\n          sidebarPosition={sidebarPosition}\n          tone={tone}\n          currentPath={currentPath}\n          onNavigate={onNavigate}\n        />\n      )}\n      \n      {/* Main Content with Mobile Dropdown */}\n      <ContainerMain size={size}>\n        {/* ✅ ADD: Mobile Navigation Dropdown */}\n        {hasSidebar && Array.isArray(finalSidebarContent) && (\n          <div className=\"md:hidden mb-4\">\n            <Select value={flattenNavigation(finalSidebarContent).find(item => item.item.href === currentPath)?.key} onValueChange={handleMobileNavigation}>\n              <SelectTrigger className=\"w-full\">\n                <SelectValue placeholder=\"Navigate to...\" />\n              </SelectTrigger>\n              <SelectContent>\n                {flattenNavigation(finalSidebarContent).map(({ key, label, item }) => (\n                  <SelectItem key={key} value={key}>\n                    <div className=\"flex items-center justify-between w-full\">\n                      <div className=\"flex items-center gap-2\">\n                        {item.icon && <item.icon className=\"h-4 w-4\" />}\n                        <span>{label}</span>\n                      </div>\n                      {item.badge && (\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          {item.badge}\n                        </Badge>\n                      )}\n                    </div>\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        )}\n        \n        {children}\n      </ContainerMain>\n      \n      {/* Right Sidebar */}\n      {hasSidebar && sidebar === 'right' && (\n        <ContainerSidebar \n          content={finalSidebarContent}\n          position=\"right\"\n          size={size}\n          sidebarPosition={sidebarPosition}\n          tone={tone}\n          currentPath={currentPath}\n          onNavigate={onNavigate}\n        />\n      )}\n    </div>\n  );\n});\n\nContainerComponent.displayName = 'Container';\n\n/**\n * Container with compound components\n */\nconst Container = Object.assign(ContainerComponent, {\n  Sidebar: ContainerSidebar,\n  Main: ContainerMain,\n});\n\n/**\n * Export Container with compound components and individual components\n */\nexport { Container, ContainerSidebar, ContainerMain };"],"names":["containerVariants","cva","sidebarVariants","mainVariants","getSizeConfig","size","configs","NavigationRenderer","navigation","tone","currentPath","onNavigate","expandedItems","setExpandedItems","useState","config","useEffect","expanded","addExpandableItems","navItems","item","toggleExpanded","itemKey","newExpanded","handleItemClick","renderNavItem","depth","hasSubItems","isExpanded","isActive","jsxs","Button","cn","jsx","Badge","ChevronRight","subItem","ContainerSidebar","forwardRef","content","position","sidebarPosition","className","style","ref","renderContent","ContainerMain","children","ContainerComponent","sidebar","sidebarContent","layout","hasSidebar","finalSidebarContent","flattenNavigation","prefix","flattened","label","handleMobileNavigation","key","selectedItem","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Container"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAoBC;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,gBAAgB;AAAA;AAAA,QAChB,iBAAiB;AAAA;AAAA,MAAA;AAAA,MAEnB,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ,GAKMC,IAAkBD;AAAA,EACtB;AAAA;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,MAAM;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,MAER,iBAAiB;AAAA,QACf,QAAQ;AAAA;AAAA,QACR,OAAO;AAAA;AAAA,QACP,UAAU;AAAA;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,MAAM;AAAA,MACN,iBAAiB;AAAA,MACjB,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAKME,IAAeF;AAAA,EACnB;AAAA;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,MAER,QAAQ;AAAA,QACN,MAAM;AAAA;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,GAKMG,IAAgB,CAACC,IAAa,SAAS;AAC3C,QAAMC,IAAU;AAAA,IACd,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAEd,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAEd,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAEd,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAEd,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,EACd;AAGF,SAAOA,EAAQD,CAAI,KAAKC,EAAQ;AAClC;AAgBA,SAASC,EAAmB;AAAA,EAC1B,YAAAC;AAAA,EACA,MAAAH,IAAO;AAAA,EACP,MAAAI;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,oBAAI,KAAa,GAC9DC,IAASX,EAAcC,CAAI;AAGjC,EAAAW,EAAU,MAAM;AACd,UAAMC,wBAAe,IAAA,GAEfC,IAAqB,CAACC,MAA+B;AACzD,MAAAA,EAAS,QAAQ,CAACC,MAAS;AACzB,QAAIA,EAAK,SAASA,EAAK,MAAM,SAAS,MACpCH,EAAS,IAAIG,EAAK,GAAG,GACrBF,EAAmBE,EAAK,KAAK;AAAA,MAEjC,CAAC;AAAA,IACH;AAEA,IAAAF,EAAmBV,CAAU,GAC7BK,EAAiBI,CAAQ;AAAA,EAC3B,GAAG,CAACT,CAAU,CAAC;AAEf,QAAMa,IAAiB,CAACC,MAAoB;AAC1C,UAAMC,IAAc,IAAI,IAAIX,CAAa;AACzC,IAAIW,EAAY,IAAID,CAAO,IACzBC,EAAY,OAAOD,CAAO,IAE1BC,EAAY,IAAID,CAAO,GAEzBT,EAAiBU,CAAW;AAAA,EAC9B,GAEMC,IAAkB,CAACJ,MAAyB;AAChD,IAAIA,EAAK,SAASA,EAAK,MAAM,SAAS,IACpCC,EAAeD,EAAK,GAAG,IACdA,EAAK,QAAQT,IACtBA,EAAWS,EAAK,MAAMA,CAAI,IACjBA,EAAK,WACdA,EAAK,QAAA;AAAA,EAET,GAEMK,IAAgB,CAACL,GAAsBM,IAAQ,MAAuB;AAC1E,UAAMC,IAAcP,EAAK,SAASA,EAAK,MAAM,SAAS,GAChDQ,IAAahB,EAAc,IAAIQ,EAAK,GAAG,GACvCS,IAAWT,EAAK,OAAOV,MAAgBU,EAAK,OAAOA,EAAK;AAE9D,WACE,gBAAAU,EAAC,OAAA,EAAmB,WAAU,UAC5B,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAWC;AAAA,YACT;AAAA,YACAjB,EAAO;AAAA,YACPW,IAAQ,KAAK;AAAA;AAAA,YAEbjB,MAAS,YAAYoB,IACjB,uCACA;AAAA,YACJpB,MAAS,aAAaoB,IAClB,4CACA;AAAA,YACJpB,MAAS,YAAYoB,IACjB,4CACA;AAAA,YACJpB,MAAS,eAAeoB,IACpB,uCACA;AAAA,YACJT,EAAK;AAAA,UAAA;AAAA,UAEP,SAAS,MAAMI,EAAgBJ,CAAI;AAAA,UAElC,UAAA;AAAA,YAAAA,EAAK,QAAQ,gBAAAa,EAACb,EAAK,MAAL,EAAU,WAAWL,EAAO,MAAM;AAAA,YACjD,gBAAAkB,EAAC,QAAA,EAAK,WAAU,6BAA6B,YAAK,OAAM;AAAA,YAEvDb,EAAK,SAASL,EAAO,cACpB,gBAAAkB,EAACC,GAAA,EAAM,SAAQ,aAAY,WAAU,mBAClC,UAAAd,EAAK,MAAA,CACR;AAAA,YAGDO,KACC,gBAAAM;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,WAAWH;AAAA,kBACT;AAAA,kBACAJ,KAAc;AAAA,gBAAA;AAAA,cAChB;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAIHD,KAAeC,KAAcR,EAAK,2BAChC,OAAA,EAAI,WAAU,kBACZ,UAAAA,EAAK,MAAM;AAAA,QAAI,CAACgB,MACfX,EAAcW,GAASV,IAAQ,CAAC;AAAA,MAAA,EAClC,CACF;AAAA,IAAA,EAAA,GAhDMN,EAAK,GAkDf;AAAA,EAEJ;AAEA,SACE,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAG,cAAcjB,EAAO,OAAO,GAC5C,UAAAP,EAAW,IAAI,CAACY,MAASK,EAAcL,CAAI,CAAC,GAC/C;AAEJ;AAoBA,MAAMiB,IAAmBC,EAAkD,CAAC;AAAA,EAC1E,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAnC,IAAO;AAAA,EACP,iBAAAoC,IAAkB;AAAA,EAClB,MAAAhC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,YAAAC;AAAA,EACA,WAAA+B;AAAA,EACA,OAAAC;AACF,GAAGC,MAAQ;AAET,MAAI,CAACL,EAAS,QAAO;AAGrB,QAAMM,IAAgB,MAChB,MAAM,QAAQN,CAAO,IAErB,gBAAAN;AAAA,IAAC1B;AAAA,IAAA;AAAA,MACC,YAAYgC;AAAA,MACZ,MAAAlC;AAAA,MACA,MAAAI;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,EAAA,IAIC,gBAAAsB,EAAC,OAAA,EAAI,WAAU,OAAO,UAAAM,GAAQ;AAGvC,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAW;AAAA,MACA,WAAWZ;AAAA,QACT9B,EAAgB,EAAE,UAAAsC,GAAU,MAAAnC,GAAM,iBAAAoC,GAAiB,MAAAhC,GAAM;AAAA,QACzDiC;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEC,UAAAE,EAAA;AAAA,IAAc;AAAA,EAAA;AAGrB,CAAC;AAEDR,EAAiB,cAAc;AAe/B,MAAMS,IAAgBR,EAA+C,CAAC;AAAA,EACpE,MAAAjC,IAAO;AAAA,EACP,UAAA0C;AAAA,EACA,WAAAL;AAAA,EACA,OAAAC;AACF,GAAGC,MACD,gBAAAX;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAW;AAAA,IACA,WAAWZ,EAAG7B,EAAa,EAAE,MAAAE,EAAA,CAAM,GAAGqC,CAAS;AAAA,IAC/C,OAAAC;AAAA,IAEC,UAAAI;AAAA,EAAA;AACH,CACD;AAEDD,EAAc,cAAc;AAmC5B,MAAME,IAAqBV,EAA2C,CAAC;AAAA,EACrE,WAAAI;AAAA,EACA,OAAAC;AAAA,EACA,MAAAlC,IAAO;AAAA,EACP,UAAA+B,IAAW;AAAA,EACX,SAAAS,IAAU;AAAA,EACV,YAAAzC,IAAa,CAAA;AAAA,EACb,gBAAA0C;AAAA,EACA,aAAAxC,IAAc;AAAA,EACd,YAAAC;AAAA,EACA,iBAAA8B,IAAkB;AAAA,EAClB,MAAApC,IAAO;AAAA,EACP,UAAA0C;AACF,GAAGH,MAAQ;AAGT,QAAMO,IAASF,MAAY,SAAS,iBACtBA,MAAY,UAAU,kBAAkB,QAEhDG,IAAaH,MAAY,WAAWzC,EAAW,SAAS,KAAK0C,IAG7DG,IAAsB7C,EAAW,SAAS,IAAIA,IAAa0C,GAG3DI,IAAoB,CAACnC,GAA4BoC,IAAS,OAAkE;AAChI,UAAMC,IAAuE,CAAA;AAE7E,WAAArC,EAAS,QAAQ,CAACC,MAAS;AACzB,YAAMqC,IAAQF,IAAS,GAAGA,CAAM,MAAMnC,EAAK,KAAK,KAAKA,EAAK;AAE1D,OAAIA,EAAK,QAAQA,EAAK,YACpBoC,EAAU,KAAK,EAAE,KAAKpC,EAAK,KAAK,OAAAqC,GAAO,MAAArC,GAAM,GAG3CA,EAAK,SAASA,EAAK,MAAM,SAAS,KACpCoC,EAAU,KAAK,GAAGF,EAAkBlC,EAAK,OAAOqC,CAAK,CAAC;AAAA,IAE1D,CAAC,GAEMD;AAAA,EACT,GAGME,IAAyB,CAACC,MAAgB;AAC9C,QAAI,CAAC,MAAM,QAAQN,CAAmB,EAAG;AAGzC,UAAMO,IADeN,EAAkBD,CAAmB,EACxB,KAAK,CAAAjC,MAAQA,EAAK,QAAQuC,CAAG;AAE/D,IAAIC,KAAgBjD,MACdiD,EAAa,KAAK,OACpBjD,EAAWiD,EAAa,KAAK,MAAMA,EAAa,IAAI,IAC3CA,EAAa,KAAK,WAC3BA,EAAa,KAAK,QAAA;AAAA,EAGxB;AAEA,SACE,gBAAA9B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAc;AAAA,MACA,WAAWZ,EAAGhC,EAAkB,EAAE,QAAAmD,GAAQ,MAAA9C,GAAM,UAAAmC,EAAA,CAAU,GAAGE,CAAS;AAAA,MACtE,OAAAC;AAAA,MAGC,UAAA;AAAA,QAAAS,KAAcH,MAAY,UACzB,gBAAAhB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAASgB;AAAA,YACT,UAAS;AAAA,YACT,MAAAhD;AAAA,YACA,iBAAAoC;AAAA,YACA,MAAAhC;AAAA,YACA,aAAAC;AAAA,YACA,YAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAKJ,gBAAAmB,EAACgB,KAAc,MAAAzC,GAEZ,UAAA;AAAA,UAAA+C,KAAc,MAAM,QAAQC,CAAmB,uBAC7C,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAvB,EAAC+B,GAAA,EAAO,OAAOP,EAAkBD,CAAmB,EAAE,KAAK,CAAAjC,MAAQA,EAAK,KAAK,SAASV,CAAW,GAAG,KAAK,eAAegD,GACtH,UAAA;AAAA,YAAA,gBAAAzB,EAAC6B,KAAc,WAAU,UACvB,4BAACC,GAAA,EAAY,aAAY,kBAAiB,EAAA,CAC5C;AAAA,8BACCC,GAAA,EACE,UAAAV,EAAkBD,CAAmB,EAAE,IAAI,CAAC,EAAE,KAAAM,GAAK,OAAAF,GAAO,MAAArC,EAAA,wBACxD6C,GAAA,EAAqB,OAAON,GAC3B,UAAA,gBAAA7B,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,gBAAAV,EAAK,QAAQ,gBAAAa,EAACb,EAAK,MAAL,EAAU,WAAU,WAAU;AAAA,gBAC7C,gBAAAa,EAAC,UAAM,UAAAwB,EAAA,CAAM;AAAA,cAAA,GACf;AAAA,cACCrC,EAAK,SACJ,gBAAAa,EAACC,GAAA,EAAM,SAAQ,aAAY,WAAU,WAClC,UAAAd,EAAK,MAAA,CACR;AAAA,YAAA,GAEJ,EAAA,GAXeuC,CAYjB,CACD,EAAA,CACH;AAAA,UAAA,EAAA,CACF,EAAA,CACF;AAAA,UAGDZ;AAAA,QAAA,GACH;AAAA,QAGCK,KAAcH,MAAY,WACzB,gBAAAhB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAASgB;AAAA,YACT,UAAS;AAAA,YACT,MAAAhD;AAAA,YACA,iBAAAoC;AAAA,YACA,MAAAhC;AAAA,YACA,aAAAC;AAAA,YACA,YAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAEDqC,EAAmB,cAAc;AAKjC,MAAMkB,KAAY,OAAO,OAAOlB,GAAoB;AAAA,EAClD,SAASX;AAAA,EACT,MAAMS;AACR,CAAC;"}

package/dist/createLucideIcon-B45kRl5r.js

@@ -0,0 +1,80 @@
+import { forwardRef as i, createElement as a } from "react";
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const p = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), c = (...r) => r.filter((e, t, o) => !!e && e.trim() !== "" && o.indexOf(e) === t).join(" ").trim();
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var f = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const g = i(
+  ({
+    color: r = "currentColor",
+    size: e = 24,
+    strokeWidth: t = 2,
+    absoluteStrokeWidth: o,
+    className: s = "",
+    children: n,
+    iconNode: u,
+    ...l
+  }, m) => a(
+    "svg",
+    {
+      ref: m,
+      ...f,
+      width: e,
+      height: e,
+      stroke: r,
+      strokeWidth: o ? Number(t) * 24 / Number(e) : t,
+      className: c("lucide", s),
+      ...l
+    },
+    [
+      ...u.map(([d, w]) => a(d, w)),
+      ...Array.isArray(n) ? n : [n]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const C = (r, e) => {
+  const t = i(
+    ({ className: o, ...s }, n) => a(g, {
+      ref: n,
+      iconNode: e,
+      className: c(`lucide-${p(r)}`, o),
+      ...s
+    })
+  );
+  return t.displayName = `${r}`, t;
+};
+export {
+  C as c
+};
+//# sourceMappingURL=createLucideIcon-B45kRl5r.js.map

package/dist/createLucideIcon-B45kRl5r.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLucideIcon-B45kRl5r.js","sources":["../node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/lucide-react/dist/esm/Icon.js","../node_modules/lucide-react/dist/esm/createLucideIcon.js"],"sourcesContent":["/**\n * @license lucide-react v0.468.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\n\nexport { mergeClasses, toKebabCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.468.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 24,\n  height: 24,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.468.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n  ({\n    color = \"currentColor\",\n    size = 24,\n    strokeWidth = 2,\n    absoluteStrokeWidth,\n    className = \"\",\n    children,\n    iconNode,\n    ...rest\n  }, ref) => {\n    return createElement(\n      \"svg\",\n      {\n        ref,\n        ...defaultAttributes,\n        width: size,\n        height: size,\n        stroke: color,\n        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n        className: mergeClasses(\"lucide\", className),\n        ...rest\n      },\n      [\n        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n        ...Array.isArray(children) ? children : [children]\n      ]\n    );\n  }\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.468.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),\n      ...props\n    })\n  );\n  Component.displayName = `${iconName}`;\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n"],"names":["toKebabCase","string","mergeClasses","classes","className","index","array","defaultAttributes","Icon","forwardRef","color","size","strokeWidth","absoluteStrokeWidth","children","iconNode","rest","ref","createElement","tag","attrs","createLucideIcon","iconName","Component","props"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,MAAMA,IAAc,CAACC,MAAWA,EAAO,QAAQ,sBAAsB,OAAO,EAAE,YAAW,GACnFC,IAAe,IAAIC,MAAYA,EAAQ,OAAO,CAACC,GAAWC,GAAOC,MAC9D,EAAQF,KAAcA,EAAU,KAAI,MAAO,MAAME,EAAM,QAAQF,CAAS,MAAMC,CACtF,EAAE,KAAK,GAAG,EAAE,KAAI;ACVjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,IAAIE,IAAoB;AAAA,EACtB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,gBAAgB;AAClB;ACjBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,MAAMC,IAAOC;AAAA,EACX,CAAC;AAAA,IACC,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,aAAAC,IAAc;AAAA,IACd,qBAAAC;AAAA,IACA,WAAAT,IAAY;AAAA,IACZ,UAAAU;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,GAAKC,MACMC;AAAA,IACL;AAAA,IACA;AAAA,MACE,KAAAD;AAAA,MACA,GAAGV;AAAA,MACH,OAAOI;AAAA,MACP,QAAQA;AAAA,MACR,QAAQD;AAAA,MACR,aAAaG,IAAsB,OAAOD,CAAW,IAAI,KAAK,OAAOD,CAAI,IAAIC;AAAA,MAC7E,WAAWV,EAAa,UAAUE,CAAS;AAAA,MAC3C,GAAGY;AAAA,IACX;AAAA,IACM;AAAA,MACE,GAAGD,EAAS,IAAI,CAAC,CAACI,GAAKC,CAAK,MAAMF,EAAcC,GAAKC,CAAK,CAAC;AAAA,MAC3D,GAAG,MAAM,QAAQN,CAAQ,IAAIA,IAAW,CAACA,CAAQ;AAAA,IACzD;AAAA,EACA;AAEA;ACxCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWK,MAACO,IAAmB,CAACC,GAAUP,MAAa;AAC/C,QAAMQ,IAAYd;AAAA,IAChB,CAAC,EAAE,WAAAL,GAAW,GAAGoB,EAAK,GAAIP,MAAQC,EAAcV,GAAM;AAAA,MACpD,KAAAS;AAAA,MACA,UAAAF;AAAA,MACA,WAAWb,EAAa,UAAUF,EAAYsB,CAAQ,CAAC,IAAIlB,CAAS;AAAA,MACpE,GAAGoB;AAAA,IACT,CAAK;AAAA,EACL;AACE,SAAAD,EAAU,cAAc,GAAGD,CAAQ,IAC5BC;AACT;","x_google_ignoreList":[0,1,2,3]}