@bloomneo/uikit 1.5.0

package/dist/index.js

@@ -0,0 +1,247 @@
+import { c as e } from "./utils-CwJPJKOE.js";
+import { Button as a } from "./button.js";
+import { Input as m } from "./input.js";
+import { Textarea as i } from "./textarea.js";
+import { Label as d } from "./label.js";
+import { Checkbox as f } from "./checkbox.js";
+import { RadioGroup as b, RadioGroupItem as g } from "./radio-group.js";
+import { Switch as C } from "./switch.js";
+import { Slider as T } from "./slider.js";
+import { Select as M, SelectContent as D, SelectGroup as P, SelectItem as I, SelectLabel as L, SelectTrigger as w, SelectValue as h } from "./select.js";
+import { Form as v, FormControl as B, FormField as y, FormDescription as F, FormItem as k, FormLabel as H, FormMessage as R } from "./form.js";
+import { Card as E, CardContent as N, CardDescription as q, CardFooter as K, CardHeader as Q, CardTitle as O } from "./card.js";
+import { Badge as V } from "./badge.js";
+import { Avatar as j, AvatarFallback as z, AvatarImage as J } from "./avatar.js";
+import { Separator as Y } from "./separator.js";
+import { Progress as _ } from "./progress.js";
+import { Skeleton as oo } from "./skeleton.js";
+import { Alert as eo, AlertDescription as to, AlertTitle as ao } from "./alert.js";
+import { Breadcrumb as mo, BreadcrumbItem as po, BreadcrumbLink as io, BreadcrumbList as uo, BreadcrumbPage as lo, BreadcrumbSeparator as fo } from "./breadcrumb.js";
+import { Tabs as bo, TabsContent as go, TabsList as so, TabsTrigger as Co } from "./tabs.js";
+import { Accordion as To, AccordionContent as So, AccordionItem as Mo, AccordionTrigger as Do } from "./accordion.js";
+import { DropdownMenu as Io, DropdownMenuCheckboxItem as Lo, DropdownMenuContent as wo, DropdownMenuGroup as ho, DropdownMenuItem as Ao, DropdownMenuLabel as vo, DropdownMenuPortal as Bo, DropdownMenuRadioGroup as yo, DropdownMenuRadioItem as Fo, DropdownMenuSeparator as ko, DropdownMenuShortcut as Ho, DropdownMenuSub as Ro, DropdownMenuSubContent as Go, DropdownMenuSubTrigger as Eo, DropdownMenuTrigger as No } from "./dropdown-menu.js";
+import { Menubar as Ko, MenubarCheckboxItem as Qo, MenubarContent as Oo, MenubarItem as Uo, MenubarLabel as Vo, MenubarMenu as Wo, MenubarRadioGroup as jo, MenubarRadioItem as zo, MenubarSeparator as Jo, MenubarShortcut as Xo, MenubarSub as Yo, MenubarSubContent as Zo, MenubarSubTrigger as _o, MenubarTrigger as $o } from "./menubar.js";
+import { Pagination as rr, PaginationContent as er, PaginationEllipsis as tr, PaginationItem as ar, PaginationLink as nr, PaginationNext as mr, PaginationPrevious as pr } from "./pagination.js";
+import { Command as ur, CommandDialog as dr, CommandEmpty as lr, CommandGroup as fr, CommandInput as xr, CommandItem as br, CommandList as gr, CommandSeparator as sr, CommandShortcut as Cr } from "./command.js";
+import { Collapsible as Tr, CollapsibleContent as Sr, CollapsibleTrigger as Mr } from "./collapsible.js";
+import { Toggle as Pr } from "./toggle.js";
+import { Dialog as Lr, DialogContent as wr, DialogDescription as hr, DialogFooter as Ar, DialogHeader as vr, DialogTitle as Br, DialogTrigger as yr } from "./dialog.js";
+import { Sheet as kr, SheetClose as Hr, SheetContent as Rr, SheetDescription as Gr, SheetFooter as Er, SheetHeader as Nr, SheetTitle as qr, SheetTrigger as Kr } from "./sheet.js";
+import { Popover as Or, PopoverContent as Ur, PopoverTrigger as Vr } from "./popover.js";
+import { HoverCard as jr, HoverCardContent as zr, HoverCardTrigger as Jr } from "./hover-card.js";
+import { Tooltip as Yr, TooltipContent as Zr, TooltipProvider as _r, TooltipTrigger as $r } from "./tooltip.js";
+import { Table as re, TableBody as ee, TableCaption as te, TableCell as ae, TableHead as ne, TableHeader as me, TableRow as pe } from "./table.js";
+import { DataTable as ue } from "./data-table.js";
+import { Calendar as le } from "./calendar.js";
+import { Toaster as xe } from "./sonner.js";
+import { EmptyState as ge } from "./empty-state.js";
+import { PageHeader as Ce } from "./page-header.js";
+import { FormField as Te, PasswordInput as Se } from "./form-field.js";
+import { ToastProvider as De, toast as Pe, useToast as Ie } from "./toast.js";
+import { ConfirmDialog as we, ConfirmProvider as he, useConfirm as Ae } from "./confirm-dialog.js";
+import { Time as Be, formatBytes as ye, formatCurrency as Fe, formatDate as ke, formatNumber as He, timeAgo as Re } from "./format.js";
+import { foucScript as Ee, foucScriptTag as Ne } from "./fouc.js";
+import { UIKitError as Ke, requireArrayProp as Qe, requireProp as Oe, warnInDev as Ue } from "./errors.js";
+import { PageLayout as We } from "./page.js";
+import { AdminLayout as ze } from "./admin.js";
+import { AuthLayout as Xe } from "./auth.js";
+import { BlankLayout as Ze } from "./blank.js";
+import { PopupLayout as $e } from "./popup.js";
+import { MobileLayout as rt, useMobileLayout as et } from "./mobile.js";
+import { LayoutWrapper as at } from "./layout-wrapper.js";
+import { Header as mt, HeaderLogo as pt, HeaderNav as it } from "./header.js";
+import { Footer as dt } from "./footer.js";
+import { Container as ft } from "./container.js";
+import { SafeArea as bt } from "./safe-area.js";
+import { TabBar as st } from "./tab-bar.js";
+import { ThemeProvider as ct, useTheme as Tt } from "./theme-provider.js";
+import { B as Mt, f as Dt, e as Pt, u as It, a as Lt, d as wt, g as ht, b as At, c as vt } from "./useDataTable-CPiBpEg-.js";
+export {
+  To as Accordion,
+  So as AccordionContent,
+  Mo as AccordionItem,
+  Do as AccordionTrigger,
+  ze as AdminLayout,
+  eo as Alert,
+  to as AlertDescription,
+  ao as AlertTitle,
+  Xe as AuthLayout,
+  j as Avatar,
+  z as AvatarFallback,
+  J as AvatarImage,
+  Mt as BREAKPOINTS,
+  V as Badge,
+  Ze as BlankLayout,
+  mo as Breadcrumb,
+  po as BreadcrumbItem,
+  io as BreadcrumbLink,
+  uo as BreadcrumbList,
+  lo as BreadcrumbPage,
+  fo as BreadcrumbSeparator,
+  a as Button,
+  le as Calendar,
+  E as Card,
+  N as CardContent,
+  q as CardDescription,
+  K as CardFooter,
+  Q as CardHeader,
+  O as CardTitle,
+  f as Checkbox,
+  Tr as Collapsible,
+  Sr as CollapsibleContent,
+  Mr as CollapsibleTrigger,
+  ur as Command,
+  dr as CommandDialog,
+  lr as CommandEmpty,
+  fr as CommandGroup,
+  xr as CommandInput,
+  br as CommandItem,
+  gr as CommandList,
+  sr as CommandSeparator,
+  Cr as CommandShortcut,
+  we as ConfirmDialog,
+  he as ConfirmProvider,
+  ft as Container,
+  ue as DataTable,
+  Lr as Dialog,
+  wr as DialogContent,
+  hr as DialogDescription,
+  Ar as DialogFooter,
+  vr as DialogHeader,
+  Br as DialogTitle,
+  yr as DialogTrigger,
+  Io as DropdownMenu,
+  Lo as DropdownMenuCheckboxItem,
+  wo as DropdownMenuContent,
+  ho as DropdownMenuGroup,
+  Ao as DropdownMenuItem,
+  vo as DropdownMenuLabel,
+  Bo as DropdownMenuPortal,
+  yo as DropdownMenuRadioGroup,
+  Fo as DropdownMenuRadioItem,
+  ko as DropdownMenuSeparator,
+  Ho as DropdownMenuShortcut,
+  Ro as DropdownMenuSub,
+  Go as DropdownMenuSubContent,
+  Eo as DropdownMenuSubTrigger,
+  No as DropdownMenuTrigger,
+  ge as EmptyState,
+  dt as Footer,
+  v as Form,
+  B as FormControl,
+  y as FormController,
+  F as FormDescription,
+  Te as FormField,
+  k as FormItem,
+  H as FormLabel,
+  R as FormMessage,
+  mt as Header,
+  pt as HeaderLogo,
+  it as HeaderNav,
+  jr as HoverCard,
+  zr as HoverCardContent,
+  Jr as HoverCardTrigger,
+  m as Input,
+  d as Label,
+  at as LayoutWrapper,
+  Ko as Menubar,
+  Qo as MenubarCheckboxItem,
+  Oo as MenubarContent,
+  Uo as MenubarItem,
+  Vo as MenubarLabel,
+  Wo as MenubarMenu,
+  jo as MenubarRadioGroup,
+  zo as MenubarRadioItem,
+  Jo as MenubarSeparator,
+  Xo as MenubarShortcut,
+  Yo as MenubarSub,
+  Zo as MenubarSubContent,
+  _o as MenubarSubTrigger,
+  $o as MenubarTrigger,
+  rt as MobileLayout,
+  Ce as PageHeader,
+  We as PageLayout,
+  rr as Pagination,
+  er as PaginationContent,
+  tr as PaginationEllipsis,
+  ar as PaginationItem,
+  nr as PaginationLink,
+  mr as PaginationNext,
+  pr as PaginationPrevious,
+  Se as PasswordInput,
+  Or as Popover,
+  Ur as PopoverContent,
+  Vr as PopoverTrigger,
+  $e as PopupLayout,
+  _ as Progress,
+  b as RadioGroup,
+  g as RadioGroupItem,
+  bt as SafeArea,
+  M as Select,
+  D as SelectContent,
+  P as SelectGroup,
+  I as SelectItem,
+  L as SelectLabel,
+  w as SelectTrigger,
+  h as SelectValue,
+  Y as Separator,
+  kr as Sheet,
+  Hr as SheetClose,
+  Rr as SheetContent,
+  Gr as SheetDescription,
+  Er as SheetFooter,
+  Nr as SheetHeader,
+  qr as SheetTitle,
+  Kr as SheetTrigger,
+  oo as Skeleton,
+  T as Slider,
+  C as Switch,
+  st as TabBar,
+  re as Table,
+  ee as TableBody,
+  te as TableCaption,
+  ae as TableCell,
+  ne as TableHead,
+  me as TableHeader,
+  pe as TableRow,
+  bo as Tabs,
+  go as TabsContent,
+  so as TabsList,
+  Co as TabsTrigger,
+  i as Textarea,
+  ct as ThemeProvider,
+  Be as Time,
+  De as ToastProvider,
+  xe as Toaster,
+  Pr as Toggle,
+  Yr as Tooltip,
+  Zr as TooltipContent,
+  _r as TooltipProvider,
+  $r as TooltipTrigger,
+  Ke as UIKitError,
+  Dt as breakpointQuery,
+  e as cn,
+  ye as formatBytes,
+  Fe as formatCurrency,
+  ke as formatDate,
+  He as formatNumber,
+  Ee as foucScript,
+  Ne as foucScriptTag,
+  Qe as requireArrayProp,
+  Oe as requireProp,
+  Re as timeAgo,
+  Pe as toast,
+  Pt as useActiveBreakpoint,
+  It as useApi,
+  Lt as useBackendStatus,
+  wt as useBreakpoint,
+  Ae as useConfirm,
+  ht as useDataTable,
+  At as useLocalStorage,
+  vt as useMediaQuery,
+  et as useMobileLayout,
+  Tt as useTheme,
+  Ie as useToast,
+  Ue as warnInDev
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/input.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as n } from "./utils-CwJPJKOE.js";
+function a({ className: e, type: i, ...r }) {
+  return /* @__PURE__ */ t(
+    "input",
+    {
+      type: i,
+      "data-slot": "input",
+      className: n(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        e
+      ),
+      ...r
+    }
+  );
+}
+export {
+  a as Input
+};
+//# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":";;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAF;AAAA,MACA,aAAU;AAAA,MACV,WAAWG;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/label.js

@@ -0,0 +1,36 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as l from "react";
+import { P as i } from "./index-BVRIAMfe.js";
+import { c as n } from "./utils-CwJPJKOE.js";
+var s = "Label", o = l.forwardRef((t, a) => /* @__PURE__ */ r(
+  i.label,
+  {
+    ...t,
+    ref: a,
+    onMouseDown: (e) => {
+      e.target.closest("button, input, select, textarea") || (t.onMouseDown?.(e), !e.defaultPrevented && e.detail > 1 && e.preventDefault());
+    }
+  }
+));
+o.displayName = s;
+var d = o;
+function c({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    d,
+    {
+      "data-slot": "label",
+      className: n(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        t
+      ),
+      ...a
+    }
+  );
+}
+export {
+  c as Label
+};
+//# sourceMappingURL=label.js.map

package/dist/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../node_modules/@radix-ui/react-label/dist/index.mjs","../src/components/ui/label.tsx"],"sourcesContent":["\"use client\";\n\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n  return /* @__PURE__ */ jsx(\n    Primitive.label,\n    {\n      ...props,\n      ref: forwardedRef,\n      onMouseDown: (event) => {\n        const target = event.target;\n        if (target.closest(\"button, input, select, textarea\")) return;\n        props.onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n      }\n    }\n  );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n  Label,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"names":["NAME","Label","React","props","forwardedRef","jsx","Primitive","event","Root","className","LabelPrimitive.Root","cn"],"mappings":";;;;AAMA,IAAIA,IAAO,SACPC,IAAQC,EAAM,WAAW,CAACC,GAAOC,MACZ,gBAAAC;AAAA,EACrBC,EAAU;AAAA,EACV;AAAA,IACE,GAAGH;AAAA,IACH,KAAKC;AAAA,IACL,aAAa,CAACG,MAAU;AAEtB,MADeA,EAAM,OACV,QAAQ,iCAAiC,MACpDJ,EAAM,cAAcI,CAAK,GACrB,CAACA,EAAM,oBAAoBA,EAAM,SAAS,KAAGA,EAAM,eAAc;AAAA,IACvE;AAAA,EACN;AACA,CACC;AACDN,EAAM,cAAcD;AACpB,IAAIQ,IAAOP;AChBX,SAASA,EAAM;AAAA,EACb,WAAAQ;AAAA,EACA,GAAGN;AACL,GAAqD;AACnD,SACE,gBAAAE;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;","x_google_ignoreList":[0]}

package/dist/layout-wrapper.js

@@ -0,0 +1,208 @@
+import { jsx as _, Fragment as E, jsxs as r } from "react/jsx-runtime";
+import { ThemeProvider as m } from "./theme-provider.js";
+import { AdminLayout as u } from "./admin.js";
+import { PageLayout as s } from "./page.js";
+import { AuthLayout as p } from "./auth.js";
+import { BlankLayout as O } from "./blank.js";
+import { PopupLayout as A } from "./popup.js";
+const y = {};
+function d(e, o = []) {
+  if (!e) return o;
+  try {
+    return JSON.parse(e);
+  } catch {
+    return console.warn("Failed to parse JSON:", e), o;
+  }
+}
+function L() {
+  const e = y;
+  return {
+    // Theme system
+    theme: e.VITE__LAYOUT__THEME || "base",
+    mode: e.VITE__LAYOUT__MODE || "light",
+    detectSystem: e.VITE__LAYOUT__DETECT_SYSTEM === "true",
+    // Layout selection
+    layout: e.VITE__LAYOUT__TYPE || "admin",
+    title: e.VITE__LAYOUT__TITLE || e.VITE__APP__NAME || "Platform",
+    logo: e.VITE__LAYOUT__LOGO,
+    navigation: d(e.VITE__LAYOUT__NAVIGATION, []),
+    // Admin layout
+    adminLayout: {
+      scheme: e.VITE__LAYOUT__ADMIN__SCHEME || "sidebar",
+      tone: e.VITE__LAYOUT__ADMIN__TONE || "subtle",
+      size: e.VITE__LAYOUT__ADMIN__SIZE || "lg",
+      defaultSidebarOpen: e.VITE__LAYOUT__ADMIN__SIDEBAR_OPEN !== "false",
+      position: e.VITE__LAYOUT__ADMIN__POSITION || "relative"
+    },
+    // Page layout
+    pageLayout: {
+      scheme: e.VITE__LAYOUT__PAGE__SCHEME || "default",
+      tone: e.VITE__LAYOUT__PAGE__TONE || "clean",
+      size: e.VITE__LAYOUT__PAGE__SIZE || "xl",
+      position: e.VITE__LAYOUT__PAGE__POSITION || "sticky"
+    },
+    // Auth layout
+    authLayout: {
+      scheme: e.VITE__LAYOUT__AUTH__SCHEME || "card",
+      tone: e.VITE__LAYOUT__AUTH__TONE || "clean",
+      size: e.VITE__LAYOUT__AUTH__SIZE || "md",
+      imageUrl: e.VITE__LAYOUT__AUTH__IMAGE_URL,
+      imageOverlay: e.VITE__LAYOUT__AUTH__IMAGE_OVERLAY || "dark"
+    },
+    // Blank layout
+    blankLayout: {
+      scheme: e.VITE__LAYOUT__BLANK__SCHEME || "simple",
+      tone: e.VITE__LAYOUT__BLANK__TONE || "clean",
+      size: e.VITE__LAYOUT__BLANK__SIZE || "lg"
+    },
+    // Popup layout
+    popupLayout: {
+      scheme: e.VITE__LAYOUT__POPUP__SCHEME || "modal",
+      tone: e.VITE__LAYOUT__POPUP__TONE || "clean",
+      size: e.VITE__LAYOUT__POPUP__SIZE || "md",
+      position: e.VITE__LAYOUT__POPUP__POSITION || "relative",
+      showClose: e.VITE__LAYOUT__POPUP__SHOW_CLOSE !== "false"
+    }
+  };
+}
+function S({
+  children: e,
+  layout: o,
+  navigation: i,
+  overrides: t = {}
+}) {
+  const a = { ...L(), ...t }, n = o || a.layout, l = i || a.navigation;
+  return /* @__PURE__ */ _(
+    m,
+    {
+      theme: a.theme,
+      mode: a.mode,
+      detectSystem: a.detectSystem,
+      children: I(e, n, l, a)
+    }
+  );
+}
+function I(e, o, i, t) {
+  const a = typeof window < "u" ? window.location.pathname : "/", n = t.logo ? /* @__PURE__ */ _("img", { src: t.logo, alt: "Logo", className: "h-8 w-auto" }) : void 0;
+  switch (o) {
+    case "admin":
+      return /* @__PURE__ */ r(
+        u,
+        {
+          scheme: t.adminLayout.scheme,
+          tone: t.adminLayout.tone,
+          size: t.adminLayout.size,
+          defaultSidebarOpen: t.adminLayout.defaultSidebarOpen,
+          position: t.adminLayout.position,
+          children: [
+            /* @__PURE__ */ _(
+              u.Header,
+              {
+                title: t.title
+              }
+            ),
+            /* @__PURE__ */ _(
+              u.Sidebar,
+              {
+                navigation: i,
+                currentPath: a,
+                onNavigate: T,
+                logo: n
+              }
+            ),
+            /* @__PURE__ */ _(u.Content, { children: e })
+          ]
+        }
+      );
+    case "page":
+      return /* @__PURE__ */ r(
+        s,
+        {
+          scheme: t.pageLayout.scheme,
+          tone: t.pageLayout.tone,
+          size: t.pageLayout.size,
+          children: [
+            /* @__PURE__ */ _(
+              s.Header,
+              {
+                navigation: i,
+                currentPath: a,
+                onNavigate: T,
+                logo: n,
+                title: t.title,
+                position: t.pageLayout.position
+              }
+            ),
+            /* @__PURE__ */ _(s.Content, { children: e }),
+            /* @__PURE__ */ _(
+              s.Footer,
+              {
+                copyright: `© ${(/* @__PURE__ */ new Date()).getFullYear()} ${t.title}. All rights reserved.`
+              }
+            )
+          ]
+        }
+      );
+    case "auth":
+      return /* @__PURE__ */ _(
+        p,
+        {
+          scheme: t.authLayout.scheme,
+          tone: t.authLayout.tone,
+          size: t.authLayout.size,
+          title: t.title,
+          logo: n,
+          imageUrl: t.authLayout.imageUrl,
+          imageOverlay: t.authLayout.imageOverlay,
+          children: e
+        }
+      );
+    case "blank":
+      return /* @__PURE__ */ r(
+        O,
+        {
+          scheme: t.blankLayout.scheme,
+          tone: t.blankLayout.tone,
+          size: t.blankLayout.size,
+          children: [
+            n && /* @__PURE__ */ _("div", { className: "flex justify-center mb-6", children: n }),
+            e
+          ]
+        }
+      );
+    case "popup":
+      return /* @__PURE__ */ _(
+        A,
+        {
+          scheme: t.popupLayout.scheme,
+          tone: t.popupLayout.tone,
+          size: t.popupLayout.size,
+          position: t.popupLayout.position,
+          title: t.title,
+          showClose: t.popupLayout.showClose,
+          onClose: () => typeof window < "u" && window.close?.(),
+          children: e
+        }
+      );
+    case "none":
+    default:
+      return /* @__PURE__ */ _(E, { children: e });
+  }
+}
+function T(e, o) {
+  if (!(typeof window > "u")) {
+    if (o.onClick) {
+      o.onClick();
+      return;
+    }
+    e && (e.startsWith("http") || e.startsWith("//") ? window.open(e, "_blank") : window.location.href = e);
+  }
+}
+function w() {
+  return L();
+}
+export {
+  S as LayoutWrapper,
+  w as useLayoutConfig
+};
+//# sourceMappingURL=layout-wrapper.js.map

package/dist/layout-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-wrapper.js","sources":["../src/components/layouts/layout-wrapper.tsx"],"sourcesContent":["/**\n * @fileoverview Updated layout wrapper with proper type safety and consistency\n * @description Uses VITE__ environment variables with zero ambiguity\n * @package @bloomneo/uikit\n * @file /src/components/layouts/layout-wrapper.tsx\n */\n\n/// <reference types=\"vite/client\" />\n\nimport React from 'react';\nimport { ThemeProvider } from '../../themes/theme-provider';\nimport { AdminLayout } from './admin';\nimport { PageLayout } from './page';\nimport { AuthLayout } from './auth';\nimport { BlankLayout } from './blank';\nimport { PopupLayout } from './popup';\nimport type { \n  NavigationItem, \n  Size, \n  Tone,\n  Theme,\n  Mode,\n  AdminLayoutScheme, \n  PageLayoutScheme,\n  AuthLayoutScheme, \n  BlankLayoutScheme, \n  PopupLayoutScheme \n} from '../../types';\n\n/**\n * Parse JSON string safely\n */\nfunction parseJSON<T>(jsonString?: string, fallback: T = [] as T): T {\n  if (!jsonString) return fallback;\n  \n  try {\n    return JSON.parse(jsonString);\n  } catch (error) {\n    console.warn('Failed to parse JSON:', jsonString);\n    return fallback;\n  }\n}\n\n/**\n * Ultra-simple layout configuration - zero ambiguity\n */\ninterface LayoutConfig {\n  // Theme system\n  theme: Theme;\n  mode: Mode;\n  detectSystem: boolean;\n  \n  // Layout selection\n  layout: string;\n  title: string;\n  logo?: string;\n  navigation: NavigationItem[];\n  \n  // Admin layout\n  adminLayout: {\n    scheme: AdminLayoutScheme;\n    tone: Tone;\n    size: Size;\n    defaultSidebarOpen: boolean;\n    position: 'relative' | 'sticky' | 'fixed';\n  };\n  \n  // Page layout\n  pageLayout: {\n    scheme: PageLayoutScheme;\n    tone: Tone;\n    size: Size;\n    position: 'sticky' | 'fixed' | 'relative';\n  };\n  \n  // Auth layout\n  authLayout: {\n    scheme: AuthLayoutScheme;\n    tone: Tone;\n    size: Size;\n    imageUrl?: string;\n    imageOverlay: 'light' | 'dark' | 'none';\n  };\n  \n  // Blank layout\n  blankLayout: {\n    scheme: BlankLayoutScheme;\n    tone: Tone;\n    size: Size;\n  };\n  \n  // Popup layout\n  popupLayout: {\n    scheme: PopupLayoutScheme;\n    tone: Tone;\n    size: Size;\n    position: 'sticky' | 'fixed' | 'relative';\n    showClose: boolean;\n  };\n}\n\n/**\n * Read layout configuration from VITE__ environment variables\n */\nfunction getLayoutConfig(): LayoutConfig {\n  const env = import.meta.env;\n  \n  return {\n    // Theme system\n    theme: (env.VITE__LAYOUT__THEME as Theme) || 'base',\n    mode: (env.VITE__LAYOUT__MODE as Mode) || 'light',\n    detectSystem: env.VITE__LAYOUT__DETECT_SYSTEM === 'true',\n    \n    // Layout selection\n    layout: env.VITE__LAYOUT__TYPE || 'admin',\n    title: env.VITE__LAYOUT__TITLE || env.VITE__APP__NAME || 'Platform',\n    logo: env.VITE__LAYOUT__LOGO,\n    navigation: parseJSON<NavigationItem[]>(env.VITE__LAYOUT__NAVIGATION, []),\n    \n    // Admin layout\n    adminLayout: {\n      scheme: (env.VITE__LAYOUT__ADMIN__SCHEME as AdminLayoutScheme) || 'sidebar',\n      tone: (env.VITE__LAYOUT__ADMIN__TONE as Tone) || 'subtle',\n      size: (env.VITE__LAYOUT__ADMIN__SIZE as Size) || 'lg',\n      defaultSidebarOpen: env.VITE__LAYOUT__ADMIN__SIDEBAR_OPEN !== 'false',\n      position: (env.VITE__LAYOUT__ADMIN__POSITION as 'relative' | 'sticky' | 'fixed') || 'relative',\n    },\n    \n    // Page layout\n    pageLayout: {\n      scheme: (env.VITE__LAYOUT__PAGE__SCHEME as PageLayoutScheme) || 'default',\n      tone: (env.VITE__LAYOUT__PAGE__TONE as Tone) || 'clean',\n      size: (env.VITE__LAYOUT__PAGE__SIZE as Size) || 'xl',\n      position: (env.VITE__LAYOUT__PAGE__POSITION as 'sticky' | 'fixed' | 'relative') || 'sticky',\n    },\n    \n    // Auth layout\n    authLayout: {\n      scheme: (env.VITE__LAYOUT__AUTH__SCHEME as AuthLayoutScheme) || 'card',\n      tone: (env.VITE__LAYOUT__AUTH__TONE as Tone) || 'clean',\n      size: (env.VITE__LAYOUT__AUTH__SIZE as Size) || 'md',\n      imageUrl: env.VITE__LAYOUT__AUTH__IMAGE_URL,\n      imageOverlay: (env.VITE__LAYOUT__AUTH__IMAGE_OVERLAY as 'light' | 'dark' | 'none') || 'dark',\n    },\n    \n    // Blank layout\n    blankLayout: {\n      scheme: (env.VITE__LAYOUT__BLANK__SCHEME as BlankLayoutScheme) || 'simple',\n      tone: (env.VITE__LAYOUT__BLANK__TONE as Tone) || 'clean',\n      size: (env.VITE__LAYOUT__BLANK__SIZE as Size) || 'lg',\n    },\n    \n    // Popup layout\n    popupLayout: {\n      scheme: (env.VITE__LAYOUT__POPUP__SCHEME as PopupLayoutScheme) || 'modal',\n      tone: (env.VITE__LAYOUT__POPUP__TONE as Tone) || 'clean',\n      size: (env.VITE__LAYOUT__POPUP__SIZE as Size) || 'md',\n      position: (env.VITE__LAYOUT__POPUP__POSITION as 'sticky' | 'fixed' | 'relative') || 'relative',\n      showClose: env.VITE__LAYOUT__POPUP__SHOW_CLOSE !== 'false',\n    },\n  };\n}\n\n/**\n * Layout wrapper props - ultra-simple\n */\nexport interface LayoutWrapperProps {\n  /** App content */\n  children: React.ReactNode;\n  /** Override layout type */\n  layout?: string;\n  /** Override navigation items */\n  navigation?: NavigationItem[];\n  /** Manual config overrides */\n  overrides?: Partial<LayoutConfig>;\n}\n\n/**\n * Ultra-simple layout wrapper - zero ambiguity\n */\nexport function LayoutWrapper({ \n  children, \n  layout, \n  navigation, \n  overrides = {} \n}: LayoutWrapperProps): React.JSX.Element {\n  const config = { ...getLayoutConfig(), ...overrides };\n  \n  // Allow prop overrides\n  const finalLayout = layout || config.layout;\n  const finalNavigation = navigation || config.navigation;\n  \n  return (\n    <ThemeProvider \n      theme={config.theme} \n      mode={config.mode}\n      detectSystem={config.detectSystem}\n    >\n      {renderLayout(children, finalLayout, finalNavigation, config)}\n    </ThemeProvider>\n  );\n}\n\n/**\n * Render layout based on type - UPDATED for compound components\n */\nfunction renderLayout(\n  children: React.ReactNode, \n  layout: string, \n  navigation: NavigationItem[], \n  config: LayoutConfig\n): React.JSX.Element {\n  \n  const currentPath = typeof window !== 'undefined' ? window.location.pathname : '/';\n  const logoComponent = config.logo ? <img src={config.logo} alt=\"Logo\" className=\"h-8 w-auto\" /> : undefined;\n\n  switch (layout) {\n    case 'admin':\n      return (\n        <AdminLayout\n          scheme={config.adminLayout.scheme}\n          tone={config.adminLayout.tone}\n          size={config.adminLayout.size}\n          defaultSidebarOpen={config.adminLayout.defaultSidebarOpen}\n          position={config.adminLayout.position}\n        >\n          <AdminLayout.Header \n            title={config.title}\n          />\n          <AdminLayout.Sidebar \n            navigation={navigation}\n            currentPath={currentPath}\n            onNavigate={handleNavigation}\n            logo={logoComponent}\n          />\n          <AdminLayout.Content>\n            {children}\n          </AdminLayout.Content>\n        </AdminLayout>\n      );\n      \n    case 'page':\n      return (\n        <PageLayout \n          scheme={config.pageLayout.scheme}\n          tone={config.pageLayout.tone}\n          size={config.pageLayout.size}\n        >\n          <PageLayout.Header \n            navigation={navigation}\n            currentPath={currentPath}\n            onNavigate={handleNavigation}\n            logo={logoComponent}\n            title={config.title}\n            position={config.pageLayout.position}\n          />\n          <PageLayout.Content>\n            {children}\n          </PageLayout.Content>\n          <PageLayout.Footer \n            copyright={`© ${new Date().getFullYear()} ${config.title}. All rights reserved.`}\n          />\n        </PageLayout>\n      );\n      \n    case 'auth':\n      return (\n        <AuthLayout \n          scheme={config.authLayout.scheme}\n          tone={config.authLayout.tone}\n          size={config.authLayout.size}\n          title={config.title}\n          logo={logoComponent}\n          imageUrl={config.authLayout.imageUrl}\n          imageOverlay={config.authLayout.imageOverlay}\n        >\n          {children}\n        </AuthLayout>\n      );\n      \n    case 'blank':\n      return (\n        <BlankLayout \n          scheme={config.blankLayout.scheme}\n          tone={config.blankLayout.tone}\n          size={config.blankLayout.size}\n        >\n          {logoComponent && (\n            <div className=\"flex justify-center mb-6\">\n              {logoComponent}\n            </div>\n          )}\n          {children}\n        </BlankLayout>\n      );\n      \n    case 'popup':\n      return (\n        <PopupLayout \n          scheme={config.popupLayout.scheme}\n          tone={config.popupLayout.tone}\n          size={config.popupLayout.size}\n          position={config.popupLayout.position}\n          title={config.title}\n          showClose={config.popupLayout.showClose}\n          onClose={() => typeof window !== 'undefined' && window.close?.()}\n        >\n          {children}\n        </PopupLayout>\n      );\n      \n    case 'none':\n    default:\n      // No layout wrapper - just theme provider\n      return <>{children}</>;\n  }\n}\n\n/**\n * Handle navigation events - ultra-simple logic\n */\nfunction handleNavigation(href: string, item: NavigationItem): void {\n  if (typeof window === 'undefined') return;\n  \n  // Execute onClick handler if present\n  if (item.onClick) {\n    item.onClick();\n    return;\n  }\n  \n  // Navigate to href\n  if (href) {\n    if (href.startsWith('http') || href.startsWith('//')) {\n      window.open(href, '_blank');\n    } else {\n      window.location.href = href;\n    }\n  }\n}\n\n/**\n * Hook to access layout configuration\n */\nexport function useLayoutConfig(): LayoutConfig {\n  return getLayoutConfig();\n}\n\n/**\n * @llm-usage Environment Variable Configuration\n * \n * Basic setup in .env:\n * VITE__LAYOUT__TYPE=admin\n * VITE__LAYOUT__THEME=base\n * VITE__LAYOUT__MODE=light\n * VITE__LAYOUT__TITLE=\"My App\"\n * \n * Admin layout config:\n * VITE__LAYOUT__ADMIN__SCHEME=sidebar\n * VITE__LAYOUT__ADMIN__TONE=subtle\n * VITE__LAYOUT__ADMIN__SIZE=lg\n * VITE__LAYOUT__ADMIN__SIDEBAR_OPEN=true\n * \n * Page layout config:\n * VITE__LAYOUT__PAGE__SCHEME=default\n * VITE__LAYOUT__PAGE__TONE=clean\n * VITE__LAYOUT__PAGE__SIZE=xl\n * \n * Auth layout config:\n * VITE__LAYOUT__AUTH__SCHEME=card\n * VITE__LAYOUT__AUTH__TONE=clean\n * VITE__LAYOUT__AUTH__SIZE=md\n * \n * Navigation (JSON string):\n * VITE__LAYOUT__NAVIGATION='[{\"key\":\"home\",\"label\":\"Home\",\"href\":\"/\",\"icon\":\"Home\"},{\"key\":\"about\",\"label\":\"About\",\"href\":\"/about\"}]'\n */\n\n/**\n * @llm-pattern Usage Examples\n * \n * Basic usage with env vars:\n * <LayoutWrapper>\n *   <YourAppContent />\n * </LayoutWrapper>\n * \n * Override layout type:\n * <LayoutWrapper layout=\"page\">\n *   <YourPageContent />\n * </LayoutWrapper>\n * \n * Override navigation:\n * <LayoutWrapper navigation={customNav}>\n *   <YourContent />\n * </LayoutWrapper>\n * \n * Manual config override:\n * <LayoutWrapper \n *   overrides={{\n *     adminLayout: { tone: 'brand', size: 'xl' }\n *   }}\n * >\n *   <YourContent />\n * </LayoutWrapper>\n */"],"names":["parseJSON","jsonString","fallback","getLayoutConfig","env","__vite_import_meta_env__","LayoutWrapper","children","layout","navigation","overrides","config","finalLayout","finalNavigation","jsx","ThemeProvider","renderLayout","currentPath","logoComponent","jsxs","AdminLayout","handleNavigation","PageLayout","AuthLayout","BlankLayout","PopupLayout","href","item","useLayoutConfig"],"mappings":"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"}