@astrake/lumora-ui 0.2.1 → 0.2.2

package/dist/skins/index.js

@@ -1,12 +1,12 @@
 const e = {
   LuButton: {
-    default: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md border border-gray-200 bg-white text-gray-900 shadow-sm hover:bg-gray-50 px-4 py-2 text-sm font-medium transition-all duration-150 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50 dark:hover:bg-gray-900 dark:focus-visible:ring-offset-gray-900",
-    primary: "border-blue-600 bg-blue-600 text-white shadow-sm hover:bg-blue-700 hover:border-blue-700 active:bg-blue-800 dark:border-blue-500 dark:bg-blue-500 dark:hover:bg-blue-600 dark:hover:border-blue-600",
-    secondary: "border-gray-300 bg-white text-gray-700 shadow-sm hover:bg-gray-50 hover:border-gray-400 active:bg-gray-100 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-200 dark:hover:bg-gray-800 dark:hover:border-gray-500",
-    ghost: "border-transparent bg-transparent text-gray-600 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-100",
-    danger: "border-red-600 bg-red-600 text-white shadow-sm hover:bg-red-700 hover:border-red-700 active:bg-red-800 dark:border-red-500 dark:bg-red-500 dark:hover:bg-red-600",
-    icon: "border-transparent bg-transparent p-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700 active:bg-gray-200 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200",
-    "code-action": "h-8 w-8 rounded-md border-transparent bg-gray-950/50 text-white backdrop-blur-sm hover:bg-gray-950/80 active:bg-gray-950"
+    default: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg border border-zinc-200 bg-white text-zinc-800 px-3.5 py-2 text-sm font-medium shadow-xs transition-all duration-150 ease-in-out hover:bg-zinc-50 hover:border-zinc-300 active:bg-zinc-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-rose-500/70 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-40 dark:border-zinc-700/60 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700 dark:hover:border-zinc-600 dark:active:bg-zinc-600 dark:focus-visible:ring-rose-400/70",
+    primary: "bg-rose-600 text-white shadow-sm rounded-lg hover:bg-rose-700 active:bg-rose-800 focus-visible:ring-rose-500 dark:bg-rose-500 dark:hover:bg-rose-600",
+    secondary: "border border-zinc-300 bg-transparent dark:bg-transparent text-zinc-700 rounded-lg hover:bg-zinc-50 hover:border-zinc-400 active:bg-zinc-100 dark:border-zinc-700 dark:text-zinc-300 dark:hover:bg-zinc-800/80",
+    ghost: "border-transparent bg-transparent dark:bg-transparent text-zinc-600 rounded-lg hover:bg-zinc-100 hover:text-zinc-900 active:bg-zinc-200 dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-zinc-100",
+    danger: "bg-red-600 text-white shadow-sm rounded-lg hover:bg-red-700 active:bg-red-800 dark:bg-red-500 dark:hover:bg-red-600",
+    icon: "border-transparent bg-transparent dark:bg-transparent p-1.5 text-zinc-500 rounded-lg hover:bg-zinc-100 hover:text-zinc-700 dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-zinc-200",
+    "code-action": "h-8 w-8 rounded-md border-transparent bg-zinc-950/50 dark:bg-zinc-950/50 text-white backdrop-blur-sm hover:bg-zinc-950/80 active:bg-zinc-950"
   },
   LuIcon: {
     default: "inline-flex items-center justify-center shrink-0",
@@ -16,26 +16,26 @@ const e = {
     xl: "w-8 h-8"
   },
   LuInput: {
-    default: "flex h-10 w-full rounded-md border border-gray-300 bg-transparent px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-700 dark:text-gray-50 dark:focus:ring-blue-500"
+    default: "flex h-9 w-full rounded-lg border border-zinc-300 bg-zinc-50 px-3 py-2 text-sm text-zinc-900 placeholder:text-zinc-400 transition-[border-color,box-shadow] duration-150 focus:outline-none focus:border-rose-500 focus:ring-1 focus:ring-rose-500 disabled:cursor-not-allowed disabled:opacity-40 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-50 dark:placeholder:text-zinc-500 dark:focus:border-rose-400 dark:focus:ring-rose-400"
   },
   LuInputPrepend: {
-    default: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-gray-400 dark:text-gray-500"
+    default: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-zinc-400 dark:text-zinc-500"
   },
   LuInputAppend: {
-    default: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none text-gray-400 dark:text-gray-500"
+    default: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none text-zinc-400 dark:text-zinc-500"
   },
   LuTextarea: {
-    default: "flex min-h-[80px] w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-50 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:placeholder:text-gray-500",
-    error: "flex min-h-[80px] w-full rounded-md border border-red-500 bg-white px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-red-500 disabled:opacity-50 dark:border-red-500 dark:bg-gray-900 dark:text-gray-100 dark:placeholder:text-gray-500"
+    default: "flex min-h-[72px] w-full rounded-lg border border-zinc-300 bg-zinc-50 px-3 py-2 text-sm text-zinc-900 placeholder:text-zinc-400 transition-[border-color,box-shadow] duration-150 focus:outline-none focus:border-rose-500 focus:ring-1 focus:ring-rose-500 disabled:cursor-not-allowed disabled:opacity-40 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-50 dark:placeholder:text-zinc-500 dark:focus:border-rose-400 dark:focus:ring-rose-400",
+    error: "flex min-h-[72px] w-full rounded-lg border border-red-500 bg-zinc-50 px-3 py-2 text-sm text-zinc-900 placeholder:text-zinc-400 transition-[border-color,box-shadow] duration-150 focus:outline-none focus:border-red-500 focus:ring-1 focus:ring-red-500 disabled:cursor-not-allowed disabled:opacity-40 dark:border-red-500 dark:bg-zinc-900 dark:text-zinc-50 dark:placeholder:text-zinc-500"
   },
   LuCheckboxContainer: {
     default: "flex items-center space-x-2"
   },
   LuCheckbox: {
-    default: "h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 disabled:opacity-50 dark:border-gray-700 dark:bg-gray-900 dark:ring-offset-gray-900 dark:focus:ring-blue-500"
+    default: "h-4 w-4 rounded border-zinc-300 text-rose-600 focus:ring-rose-500 focus:ring-offset-0 disabled:opacity-40 dark:border-zinc-700 dark:bg-zinc-900 dark:focus:ring-rose-500"
   },
   LuCheckboxLabel: {
-    default: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-gray-900 dark:text-gray-100 cursor-pointer"
+    default: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-40 text-zinc-900 dark:text-zinc-100 cursor-pointer"
   },
   LuRadioGroup: {
     default: "flex flex-col space-y-2",
@@ -45,17 +45,17 @@ const e = {
     default: "flex items-center space-x-2"
   },
   LuRadio: {
-    default: "h-4 w-4 rounded-full border-gray-300 text-blue-600 focus:ring-blue-500 disabled:opacity-50 dark:border-gray-700 dark:bg-gray-900 dark:ring-offset-gray-900 dark:focus:ring-blue-500"
+    default: "h-4 w-4 rounded-full border-zinc-300 text-rose-600 focus:ring-rose-500 disabled:opacity-40 dark:border-zinc-700 dark:bg-zinc-900 dark:focus:ring-rose-500"
   },
   LuRadioLabel: {
-    default: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-gray-900 dark:text-gray-100 cursor-pointer"
+    default: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-40 text-zinc-900 dark:text-zinc-100 cursor-pointer"
   },
   LuAlert: {
-    default: "relative w-full rounded-lg border p-4 flex gap-3 text-sm bg-white text-gray-900 border-gray-200 dark:bg-gray-950 dark:text-gray-100 dark:border-gray-800",
-    success: "relative w-full rounded-lg border p-4 flex gap-3 text-sm bg-green-50 text-green-900 border-green-200 dark:bg-green-900/20 dark:text-green-100 dark:border-green-900/50",
-    warning: "relative w-full rounded-lg border p-4 flex gap-3 text-sm bg-yellow-50 text-yellow-900 border-yellow-200 dark:bg-yellow-900/20 dark:text-yellow-100 dark:border-yellow-900/50",
-    destructive: "relative w-full rounded-lg border p-4 flex gap-3 text-sm bg-red-50 text-red-900 border-red-200 dark:bg-red-900/20 dark:text-red-100 dark:border-red-900/50",
-    info: "relative w-full rounded-lg border p-4 flex gap-3 text-sm bg-blue-50 text-blue-900 border-blue-200 dark:bg-blue-900/20 dark:text-blue-100 dark:border-blue-900/50"
+    default: "relative w-full rounded-lg border-l-[3px] border-l-zinc-400 bg-zinc-50 p-4 flex gap-3 text-sm text-zinc-800 dark:border-l-zinc-600 dark:bg-zinc-900 dark:text-zinc-200",
+    success: "relative w-full rounded-lg border-l-[3px] border-l-emerald-500 bg-emerald-50/70 p-4 flex gap-3 text-sm text-emerald-900 dark:border-l-emerald-500 dark:bg-emerald-950/40 dark:text-emerald-100",
+    warning: "relative w-full rounded-lg border-l-[3px] border-l-amber-500 bg-amber-50/70 p-4 flex gap-3 text-sm text-amber-900 dark:border-l-amber-500 dark:bg-amber-950/40 dark:text-amber-100",
+    destructive: "relative w-full rounded-lg border-l-[3px] border-l-red-500 bg-red-50/70 p-4 flex gap-3 text-sm text-red-900 dark:border-l-red-500 dark:bg-red-950/40 dark:text-red-100",
+    info: "relative w-full rounded-lg border-l-[3px] border-l-rose-500 bg-rose-50/70 p-4 flex gap-3 text-sm text-rose-900 dark:border-l-rose-500 dark:bg-rose-950/40 dark:text-rose-100"
   },
   LuAlertIcon: {
     default: "shrink-0 mt-0.5 w-5 h-5"
@@ -67,38 +67,38 @@ const e = {
     default: "shrink-0 ml-auto"
   },
   LuSpinner: {
-    default: "animate-spin text-gray-900 dark:text-gray-100 h-5 w-5",
-    sm: "animate-spin text-gray-900 dark:text-gray-100 h-4 w-4",
-    md: "animate-spin text-gray-900 dark:text-gray-100 h-5 w-5",
-    lg: "animate-spin text-gray-900 dark:text-gray-100 h-8 w-8",
-    primary: "animate-spin text-blue-600 dark:text-blue-500 h-5 w-5"
+    default: "animate-spin text-zinc-800 dark:text-zinc-200 h-5 w-5",
+    sm: "animate-spin text-zinc-800 dark:text-zinc-200 h-4 w-4",
+    md: "animate-spin text-zinc-800 dark:text-zinc-200 h-5 w-5",
+    lg: "animate-spin text-zinc-800 dark:text-zinc-200 h-8 w-8",
+    primary: "animate-spin text-rose-600 dark:text-rose-400 h-5 w-5"
   },
   LuSkeleton: {
-    default: "animate-pulse rounded-md bg-gray-200 dark:bg-gray-800",
-    circle: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-800",
-    line: "animate-pulse rounded bg-gray-200 dark:bg-gray-800 h-4 w-full",
-    block: "animate-pulse rounded-md bg-gray-200 dark:bg-gray-800 h-24 w-full"
+    default: "animate-pulse rounded-lg bg-zinc-100 dark:bg-zinc-800",
+    circle: "animate-pulse rounded-full bg-zinc-100 dark:bg-zinc-800",
+    line: "animate-pulse rounded bg-zinc-100 dark:bg-zinc-800 h-3.5 w-full",
+    block: "animate-pulse rounded-lg bg-zinc-100 dark:bg-zinc-800 h-24 w-full"
   },
   LuTag: {
-    default: "inline-flex items-center rounded-md border border-gray-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 dark:border-gray-800 dark:focus:ring-gray-300"
+    default: "inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium ring-1 ring-zinc-200 bg-zinc-50 text-zinc-700 transition-colors focus:outline-none focus:ring-2 focus:ring-zinc-950 focus:ring-offset-2 dark:ring-zinc-700 dark:bg-zinc-800 dark:text-zinc-300 dark:focus:ring-zinc-300"
   },
   LuTagCloseButton: {
-    default: "ml-1 inline-flex items-center rounded-full outline-none hover:bg-gray-200 focus:bg-gray-200 dark:hover:bg-gray-800 dark:focus:bg-gray-800"
+    default: "ml-1 inline-flex items-center rounded p-0.5 hover:bg-zinc-200 hover:text-zinc-900 transition-colors focus:outline-none dark:hover:bg-zinc-700 dark:hover:text-zinc-100"
   },
   LuTagIcon: {
     default: "h-3 w-3"
   },
   LuBreadcrumb: {
-    default: "flex flex-wrap items-center gap-1.5 break-words text-sm text-gray-500 sm:gap-2.5 dark:text-gray-400"
+    default: "flex flex-wrap items-center gap-1.5 break-words text-sm text-zinc-500 sm:gap-2.5 dark:text-zinc-400"
   },
   LuBreadcrumbItem: {
     default: "inline-flex items-center gap-1.5"
   },
   LuBreadcrumbLink: {
-    default: "transition-colors hover:text-gray-950 dark:hover:text-gray-50"
+    default: "transition-colors hover:text-zinc-950 dark:hover:text-zinc-50"
   },
   LuBreadcrumbPage: {
-    default: "font-normal text-gray-950 dark:text-gray-50"
+    default: "font-medium text-zinc-950 dark:text-zinc-50"
   },
   LuBreadcrumbSeparator: {
     default: "h-3.5 w-3.5"
@@ -110,19 +110,19 @@ const e = {
     default: "inline-flex items-center justify-center"
   },
   LuMenuContent: {
-    default: "absolute z-50 mt-2 min-w-[8rem] rounded-md border border-gray-200 bg-white p-1 text-gray-950 shadow-md dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50"
+    default: "absolute z-50 mt-2 min-w-[9rem] rounded-xl border border-zinc-200/80 bg-white/95 backdrop-blur-sm p-1 text-zinc-950 shadow-lg shadow-zinc-900/10 lu-fade-in dark:border-zinc-700/80 dark:bg-zinc-900/95 dark:text-zinc-50 dark:shadow-zinc-950/50"
   },
   LuMenuGroup: {
     default: "flex flex-col gap-1"
   },
   LuMenuItem: {
-    default: "relative flex w-full cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-gray-100 focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:hover:bg-gray-800 dark:focus:bg-gray-800"
+    default: "relative flex w-full cursor-default select-none items-center rounded-lg px-2 py-1.5 text-sm outline-none transition-colors hover:bg-zinc-100 hover:text-zinc-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-40 dark:hover:bg-zinc-800 dark:hover:text-zinc-50"
   },
   LuPagination: {
     default: "flex flex-row items-center justify-center gap-2"
   },
   LuPaginationButton: {
-    default: "h-9 w-9 p-0 disabled:opacity-50 disabled:pointer-events-none"
+    default: "h-9 w-9 p-0 disabled:opacity-40 disabled:pointer-events-none"
   },
   LuPaginationPages: {
     default: "flex flex-row items-center gap-1"
@@ -134,130 +134,38 @@ const e = {
     default: "flex h-9 w-9 items-center justify-center"
   },
   LuModalOverlay: {
-    default: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm grid place-items-center p-4"
+    default: "fixed inset-0 z-50 bg-black/40 backdrop-blur-sm grid place-items-center p-4"
   },
   LuModal: {
-    default: "relative w-full max-w-lg rounded-xl border border-gray-200 bg-white shadow-lg dark:border-gray-800 dark:bg-gray-950"
+    default: "relative w-full max-w-lg rounded-2xl border border-zinc-200/80 bg-white shadow-2xl shadow-zinc-900/15 dark:border-zinc-800 dark:bg-zinc-900 dark:shadow-zinc-950/60"
   },
   LuModalHeader: {
-    default: "flex flex-col space-y-1.5 p-6 text-center sm:text-left"
+    default: "flex flex-col space-y-1 p-6 text-center sm:text-left"
   },
   LuModalContent: {
     default: "p-6 pt-0"
   },
   LuModalFooter: {
-    default: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 pt-0"
+    default: "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2 p-6 pt-0"
   },
   LuModalCloseButton: {
-    default: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-500 dark:ring-offset-gray-950 dark:focus:ring-gray-300 dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400"
-  },
-  LuDesktopRailBar: {
-    default: "flex flex-col w-12 h-full border-r border-gray-200 bg-white transition-all duration-200 overflow-hidden dark:bg-gray-900 dark:border-gray-800 shrink-0",
-    expanded: "w-56"
-  },
-  LuDesktopRailItem: {
-    default: "flex items-center gap-3 px-3 py-2 text-gray-600 hover:bg-gray-100 cursor-pointer whitespace-nowrap dark:text-gray-300 dark:hover:bg-gray-800",
-    active: "bg-blue-50 text-blue-700 font-medium dark:bg-blue-900/50 dark:text-blue-400"
-  },
-  LuDesktopTopBar: {
-    default: "flex items-center justify-between w-full h-14 border-b border-gray-200 bg-white px-4 shrink-0 dark:bg-gray-900 dark:border-gray-800"
-  },
-  LuDesktopSidebar: {
-    default: "flex flex-col w-64 shrink-0 border-r border-gray-200 bg-gray-50 overflow-y-auto h-full dark:bg-gray-800 dark:border-gray-800"
-  },
-  LuDesktopSidebarHeader: {
-    default: "p-4 shrink-0"
-  },
-  LuDesktopSidebarContent: {
-    default: "flex-1 overflow-y-auto p-4"
-  },
-  LuDesktopSidebarFooter: {
-    default: "p-4 shrink-0"
-  },
-  LuDesktopStatusBar: {
-    default: "flex items-center justify-between w-full h-8 border-t border-gray-200 bg-gray-50 px-4 text-xs text-gray-500 shrink-0 dark:bg-gray-800 dark:border-gray-800 dark:text-gray-400"
-  },
-  LuDesktopShell: {
-    default: "flex flex-col h-screen w-full overflow-hidden bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100"
-  },
-  LuDesktopShellContentWrapper: {
-    default: "flex flex-1 w-full overflow-hidden"
-  },
-  LuDesktopShellMainContent: {
-    default: "flex flex-1 flex-col overflow-hidden relative"
-  },
-  LuSplit: {
-    default: "flex w-full h-full overflow-hidden",
-    horizontal: "flex flex-row w-full h-full overflow-hidden",
-    vertical: "flex flex-col w-full h-full overflow-hidden"
-  },
-  LuSplitPane: {
-    default: "relative overflow-hidden"
-  },
-  LuSplitResizer: {
-    default: "bg-gray-200 hover:bg-blue-400 transition-colors z-10 dark:bg-gray-800 dark:hover:bg-blue-500",
-    horizontal: "w-1 cursor-col-resize",
-    vertical: "h-1 cursor-row-resize"
-  },
-  LuMobileShell: {
-    default: "flex flex-col h-full w-full overflow-hidden bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100"
-  },
-  LuMobileShellContent: {
-    default: "flex flex-1 flex-col overflow-hidden relative"
-  },
-  LuMobileNavBar: {
-    default: "flex items-center justify-around w-full h-14 border-t border-gray-200 bg-white shrink-0 pb-safe dark:bg-gray-900 dark:border-gray-800"
-  },
-  LuMobileHeader: {
-    default: "flex items-center justify-between w-full h-14 border-b border-gray-200 bg-white px-4 shrink-0 pt-safe dark:bg-gray-900 dark:border-gray-800"
-  },
-  LuEmbeddedShell: {
-    default: "flex flex-col h-full w-full overflow-hidden bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100 select-none"
-  },
-  LuEmbeddedShellContent: {
-    default: "flex flex-1 w-full overflow-hidden relative"
-  },
-  LuEmbeddedTopBar: {
-    default: "flex items-center justify-between w-full h-16 bg-gray-900 text-white px-6 shrink-0"
-  },
-  LuEmbeddedStatusBar: {
-    default: "flex items-center justify-between w-full h-10 bg-gray-800 text-gray-300 px-6 text-sm shrink-0"
-  },
-  LuStack: {
-    default: "flex",
-    vertical: "flex flex-col",
-    horizontal: "flex flex-row",
-    container: "flex flex-col w-full max-w-4xl mx-auto min-h-full"
-  },
-  LuDock: {
-    default: "flex flex-col h-full w-full overflow-hidden",
-    vertical: "flex flex-col h-full w-full overflow-hidden",
-    horizontal: "flex flex-row h-full w-full overflow-hidden"
-  },
-  LuDockItem: {
-    default: "shrink-0",
-    top: "shrink-0",
-    bottom: "shrink-0",
-    left: "shrink-0 h-full",
-    right: "shrink-0 h-full",
-    fill: "flex-1 min-h-0 min-w-0 overflow-hidden"
-  },
-  LuFixed: {
-    default: "shrink-0"
-  },
-  LuFill: {
-    default: "flex-1 min-h-0 min-w-0 overflow-hidden"
-  },
-  LuScroll: {
-    default: "overflow-y-auto h-full",
-    horizontal: "overflow-x-auto w-full"
-  },
-  LuOverlay: {
-    default: "absolute inset-0 z-50"
-  },
-  LuGrid: {
-    default: "grid",
-    "responsive-3": "grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3"
+    default: "absolute right-4 top-4 rounded-lg p-1 opacity-60 transition-opacity hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-rose-500 disabled:pointer-events-none dark:focus-visible:ring-rose-400"
+  },
+  LuModalTransitionOverlay: {
+    enterActive: "transition ease-out duration-200",
+    enterFrom: "opacity-0",
+    enterTo: "opacity-100",
+    leaveActive: "transition ease-in duration-150",
+    leaveFrom: "opacity-100",
+    leaveTo: "opacity-0"
+  },
+  LuModalTransitionContent: {
+    enterActive: "transition ease-out duration-200",
+    enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
+    enterTo: "opacity-100 translate-y-0 sm:scale-100",
+    leaveActive: "transition ease-in duration-150",
+    leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
+    leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
   },
   LuAvatar: {
     default: "relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
@@ -270,58 +178,58 @@ const e = {
     default: "aspect-square h-full w-full object-cover"
   },
   LuAvatarFallback: {
-    default: "flex h-full w-full items-center justify-center rounded-full bg-gray-200 text-gray-700 text-sm font-medium dark:bg-gray-700 dark:text-gray-200"
+    default: "flex h-full w-full items-center justify-center rounded-full bg-zinc-200 text-zinc-700 text-xs font-semibold dark:bg-zinc-700 dark:text-zinc-200"
   },
   LuBadge: {
-    default: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300",
-    primary: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",
-    secondary: "bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300",
-    danger: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",
-    success: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
-    warning: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",
-    info: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"
+    default: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ring-1 ring-zinc-200 bg-zinc-50 text-zinc-600 transition-colors focus:outline-none focus:ring-2 focus:ring-rose-500 focus:ring-offset-2 dark:ring-zinc-700 dark:bg-zinc-800 dark:text-zinc-400",
+    primary: "ring-1 ring-rose-200 bg-rose-50 text-rose-700 dark:ring-rose-800/50 dark:bg-rose-950/40 dark:text-rose-300",
+    secondary: "ring-1 ring-zinc-200 bg-zinc-50 text-zinc-600 dark:ring-zinc-700 dark:bg-zinc-800 dark:text-zinc-400",
+    danger: "ring-1 ring-red-200 bg-red-50 text-red-700 dark:ring-red-800/50 dark:bg-red-950/40 dark:text-red-300",
+    success: "ring-1 ring-emerald-200 bg-emerald-50 text-emerald-700 dark:ring-emerald-800/50 dark:bg-emerald-950/40 dark:text-emerald-300",
+    warning: "ring-1 ring-amber-200 bg-amber-50 text-amber-700 dark:ring-amber-800/50 dark:bg-amber-950/40 dark:text-amber-300",
+    info: "ring-1 ring-rose-200 bg-rose-50 text-rose-700 dark:ring-rose-800/50 dark:bg-rose-950/40 dark:text-rose-300"
   },
   LuCard: {
-    default: "rounded-xl border border-gray-200 bg-white text-gray-950 shadow-sm p-6 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
-    panel: "rounded-xl border border-gray-200 bg-white text-gray-950 shadow-sm p-8 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
-    surface: "rounded-xl border border-gray-200 bg-white text-gray-950 shadow-sm overflow-hidden dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
-    footer: "border-t border-gray-200 bg-gray-50/50 dark:border-gray-800 dark:bg-gray-900/50 p-6"
+    default: "rounded-xl border border-zinc-200/80 bg-white shadow-sm text-zinc-950 p-6 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-50",
+    panel: "rounded-xl border border-zinc-200/80 bg-white shadow-sm text-zinc-950 p-8 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-50",
+    surface: "rounded-xl border border-zinc-200/80 bg-white shadow-sm text-zinc-950 overflow-hidden dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-50",
+    footer: "rounded-b-xl border-t border-zinc-100 bg-zinc-50/50 p-6 dark:border-zinc-800 dark:bg-zinc-900/50"
   },
   LuDivider: {
-    default: "shrink-0 bg-gray-200 dark:bg-gray-800",
-    horizontal: "h-[1px] w-full",
-    vertical: "h-full w-[1px]"
+    default: "shrink-0 bg-zinc-100 dark:bg-zinc-800/60",
+    horizontal: "h-px w-full",
+    vertical: "h-full w-px"
   },
   LuSelect: {
-    default: "flex h-10 w-full items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-700 dark:bg-gray-900 dark:ring-offset-gray-950 dark:placeholder:text-gray-400",
+    default: "flex h-9 w-full items-center justify-between rounded-lg border border-zinc-300 bg-zinc-50 px-3 py-2 text-sm focus:outline-none focus:border-rose-500 focus:ring-1 focus:ring-rose-500 disabled:cursor-not-allowed disabled:opacity-40 dark:border-zinc-700 dark:bg-zinc-900 dark:focus:border-rose-400 dark:focus:ring-rose-400",
     theme: "w-32"
   },
   LuSwitch: {
-    default: "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 bg-gray-200 dark:bg-gray-700 dark:focus-visible:ring-offset-gray-950",
-    checked: "bg-blue-600 dark:bg-blue-500",
-    thumb: "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform dark:bg-white",
+    default: "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-rose-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-40 bg-zinc-200 dark:bg-zinc-700 dark:focus-visible:ring-rose-400 dark:focus-visible:ring-offset-zinc-950",
+    checked: "bg-rose-600 dark:bg-rose-500",
+    thumb: "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-md ring-0 transition-transform duration-150 dark:bg-white",
     thumbChecked: "translate-x-5",
     thumbUnchecked: "translate-x-0",
-    theme: "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 bg-gray-200 dark:bg-gray-700 dark:focus-visible:ring-offset-gray-950"
+    theme: "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-rose-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-40 bg-zinc-200 dark:bg-zinc-700 dark:focus-visible:ring-offset-zinc-950"
   },
   LuSwitchThumb: {
-    default: "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform dark:bg-white",
+    default: "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-md ring-0 transition-transform duration-150 dark:bg-white",
     checked: "translate-x-5"
   },
   LuTable: {
     default: "w-full caption-bottom text-sm"
   },
   LuTableHead: {
-    default: "border-b border-gray-200 dark:border-gray-800"
+    default: "border-b border-zinc-200 dark:border-zinc-800"
   },
   LuTableBody: {
     default: "[&_tr:last-child]:border-0"
   },
   LuTableRow: {
-    default: "border-b border-gray-200 transition-colors hover:bg-gray-100/50 data-[state=selected]:bg-gray-100 dark:border-gray-800 dark:hover:bg-gray-800/50 dark:data-[state=selected]:bg-gray-800"
+    default: "border-b border-zinc-100 transition-colors hover:bg-zinc-50/80 data-[state=selected]:bg-zinc-100 dark:border-zinc-800 dark:hover:bg-zinc-800/50 dark:data-[state=selected]:bg-zinc-800"
   },
   LuTableHeadCell: {
-    default: "h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400 [&:has([role=checkbox])]:pr-0"
+    default: "h-11 px-4 text-left align-middle text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500 [&:has([role=checkbox])]:pr-0"
   },
   LuTableCell: {
     default: "p-4 align-middle [&:has([role=checkbox])]:pr-0"
@@ -330,87 +238,209 @@ const e = {
     default: "flex flex-col w-full"
   },
   LuTabList: {
-    default: "flex items-center gap-1 border-b border-gray-200 dark:border-gray-800",
-    "card-header": "flex items-center gap-1 w-full border-b border-gray-200 px-4 dark:border-gray-800"
+    default: "flex items-center gap-0.5 border-b border-zinc-200 dark:border-zinc-700",
+    "card-header": "flex items-center gap-0.5 w-full border-b border-zinc-200 px-4 dark:border-zinc-700"
   },
   LuTab: {
-    default: "relative px-3 py-2 text-sm font-medium text-gray-500 hover:text-gray-700 border-b-2 border-transparent -mb-px transition-colors duration-150 focus:outline-none cursor-pointer dark:text-gray-400 dark:hover:text-gray-200",
-    active: "text-blue-600 border-blue-600 dark:text-blue-400 dark:border-blue-400"
+    default: "relative px-3 py-2 text-sm font-medium text-zinc-500 hover:text-zinc-900 border-b-2 border-transparent -mb-px transition-colors duration-150 cursor-pointer focus:outline-none dark:text-zinc-400 dark:hover:text-zinc-100",
+    active: "text-zinc-900 border-b-rose-500 dark:text-zinc-50 dark:border-b-rose-500"
   },
   LuTabPanel: {
-    default: "pt-4 focus:outline-none"
+    default: "pt-6 focus:outline-none"
   },
   LuTooltip: {
     default: "relative inline-block"
   },
   LuTooltipContent: {
-    default: "absolute z-50 whitespace-nowrap overflow-hidden rounded-md border border-gray-200 bg-white px-3 py-1.5 text-sm text-gray-950 shadow-md animate-in fade-in-0 zoom-in-95 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
+    default: "absolute z-50 whitespace-nowrap rounded-lg bg-zinc-900 px-2.5 py-1 text-xs font-medium text-zinc-50 shadow-md lu-fade-in dark:bg-zinc-50 dark:text-zinc-900",
     top: "bottom-full mb-2 left-1/2 -translate-x-1/2",
     bottom: "top-full mt-2 left-1/2 -translate-x-1/2",
     left: "right-full mr-2 top-1/2 -translate-y-1/2",
     right: "left-full ml-2 top-1/2 -translate-y-1/2"
   },
   LuProgressBar: {
-    default: "h-2 w-full bg-gray-100 dark:bg-gray-800 rounded-full overflow-hidden",
-    primary: "bg-blue-100 dark:bg-blue-900/30",
-    success: "bg-green-100 dark:bg-green-900/30"
+    default: "h-1.5 w-full bg-zinc-100 rounded-full overflow-hidden dark:bg-zinc-800",
+    primary: "bg-rose-100 dark:bg-rose-900/30",
+    success: "bg-emerald-100 dark:bg-emerald-900/30"
   },
   LuProgressBarFill: {
-    default: "h-full bg-gray-900 dark:bg-gray-50 transition-all duration-300 ease-in-out",
-    primary: "bg-blue-600 dark:bg-blue-500",
-    success: "bg-green-500 dark:bg-green-400"
+    default: "h-full bg-zinc-900 dark:bg-zinc-100 transition-all duration-500 ease-in-out",
+    primary: "bg-rose-600 dark:bg-rose-500",
+    success: "bg-emerald-500 dark:bg-emerald-400"
   },
   LuCollapsible: {
     default: "w-full"
   },
   LuCollapsibleTrigger: {
-    default: "w-full text-left flex items-center justify-between px-2 py-2 rounded text-sm font-medium text-gray-700 hover:bg-gray-100 transition-colors dark:text-gray-300 dark:hover:bg-gray-800 cursor-pointer focus:outline-none"
+    default: "w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm text-zinc-700 hover:bg-zinc-100/60 hover:text-zinc-900 transition-colors duration-100 cursor-pointer focus:outline-none dark:text-zinc-300 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100"
   },
   LuCollapsibleContent: {
-    default: "overflow-hidden"
+    default: "overflow-hidden",
+    inner: "min-h-0"
   },
   LuLink: {
-    default: "inline-flex items-center gap-1 font-medium hover:underline underline-offset-4 hover:text-gray-600 dark:hover:text-gray-300 focus:outline-none",
-    nav: "inline-flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium text-gray-600 transition-colors hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500",
-    "nav-active": "inline-flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium bg-gray-100 text-gray-900 dark:bg-gray-800 dark:text-gray-50 focus:outline-none",
-    brand: "inline-flex items-center gap-1 font-medium text-gray-900 dark:text-gray-50 hover:opacity-80 transition-opacity focus:outline-none"
+    default: "no-underline inline-flex items-center gap-1 text-sm font-medium text-zinc-700 hover:text-zinc-950 transition-colors duration-150 focus:outline-none dark:text-zinc-300 dark:hover:text-zinc-50",
+    nav: "no-underline inline-flex items-center gap-2 rounded-md px-2.5 py-1.5 text-sm font-medium text-zinc-600 transition-colors cursor-pointer hover:bg-zinc-100 hover:text-zinc-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-rose-500 dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-zinc-100",
+    "nav-active": "no-underline inline-flex items-center gap-2 rounded-md px-2.5 py-1.5 text-sm font-medium bg-rose-50 text-rose-700 border-l-2 border-rose-500 -ml-px cursor-pointer dark:bg-rose-950/30 dark:text-rose-300 dark:border-rose-500",
+    brand: "no-underline inline-flex items-center gap-1.5 font-semibold text-zinc-900 hover:opacity-75 transition-opacity focus:outline-none dark:text-zinc-50",
+    "footer-link": "no-underline inline-flex items-center gap-2 text-sm text-zinc-500 hover:text-zinc-900 transition-colors duration-150 focus:outline-none dark:text-zinc-400 dark:hover:text-zinc-200"
   },
   LuText: {
-    default: "text-gray-900 dark:text-gray-100",
-    "page-title": "text-4xl sm:text-5xl font-extrabold tracking-tight text-gray-950 dark:text-white",
-    "page-subtitle": "text-lg sm:text-xl text-gray-500 dark:text-gray-400 leading-relaxed max-w-[750px]",
-    "section-title": "text-2xl font-semibold tracking-tight text-gray-900 dark:text-gray-50",
-    body: "text-base text-gray-600 dark:text-gray-300 leading-7",
-    label: "text-xs font-semibold uppercase tracking-widest text-gray-500 dark:text-gray-400",
-    muted: "text-sm text-gray-400 dark:text-gray-500",
-    code: "font-mono text-sm border border-gray-200 dark:border-gray-800 bg-gray-100/50 text-gray-800 dark:bg-gray-800/50 dark:text-gray-200 px-1.5 py-0.5 rounded-md"
+    default: "text-zinc-900 dark:text-zinc-100",
+    "page-title": "text-[1.875rem] sm:text-[2.25rem] font-bold tracking-[-0.02em] leading-tight text-zinc-950 dark:text-white",
+    "page-subtitle": "text-base text-zinc-500 dark:text-zinc-400 leading-relaxed max-w-2xl",
+    "section-title": "text-xl font-semibold tracking-[-0.01em] leading-snug text-zinc-900 dark:text-zinc-50",
+    body: "text-sm leading-6 text-zinc-600 dark:text-zinc-400",
+    label: "text-[10px] font-semibold uppercase tracking-[0.08em] text-zinc-400 dark:text-zinc-500",
+    muted: "text-xs text-zinc-400 dark:text-zinc-600",
+    code: "font-mono text-[0.8125rem] border border-zinc-200 bg-zinc-100/60 text-zinc-700 px-1 py-px rounded dark:border-zinc-700 dark:bg-zinc-800/50 dark:text-zinc-300",
+    "brand-label": "text-sm font-semibold text-zinc-900 dark:text-zinc-50"
   },
   LuPageHeader: {
-    default: "mb-10 pb-8 border-b border-gray-200 dark:border-gray-800"
+    default: "pt-2 pb-8 border-b border-zinc-100 dark:border-zinc-800"
   },
   LuToggleGroup: {
-    default: "inline-flex items-center rounded-lg border border-gray-300 bg-gray-100 p-0.5 gap-0.5 shadow-sm dark:border-gray-600 dark:bg-gray-800"
+    default: "inline-flex items-center rounded-lg bg-zinc-100 p-0.5 gap-0.5 dark:bg-zinc-800",
+    ghost: "inline-flex items-center gap-0.5"
   },
   LuToggleButton: {
-    default: "inline-flex items-center justify-center rounded-md p-2 text-gray-500 transition-all duration-150 focus:outline-none hover:bg-white hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200",
-    active: "bg-white text-gray-900 shadow-sm dark:bg-gray-600 dark:text-gray-100"
-  },
-  LuCodeBlock: {
-    container: "flex flex-col gap-4",
-    header: "flex flex-col gap-2",
-    title: "text-xl font-semibold tracking-tight text-gray-900 dark:text-gray-50",
-    description: "text-base text-gray-600 dark:text-gray-400",
-    card: "flex flex-col overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm dark:border-gray-800 dark:bg-gray-950",
-    previewArea: "flex flex-col p-8 items-center justify-center min-h-[200px] w-full overflow-auto bg-gray-50 dark:bg-gray-900/50",
-    codeArea: "flex flex-col relative w-full",
-    splitCodeArea: "flex flex-col relative border-t md:border-t-0 md:border-l border-gray-200 dark:border-gray-800 w-full md:w-1/2 shrink-0",
-    splitContainer: "flex flex-col md:flex-row min-h-[300px]",
-    codeHeader: "flex items-center justify-between px-4 py-2 border-b border-gray-800 bg-[#282c34]",
-    badge: "text-xs font-mono font-medium text-gray-400 uppercase tracking-widest",
-    copyButton: "text-gray-400 hover:text-white transition-colors p-1.5 rounded-md hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-400",
-    codeContent: "p-4 overflow-x-auto text-sm bg-[#282c34] [&>pre]:!bg-transparent [&>pre]:!m-0 [&>pre]:!p-0"
+    default: "inline-flex items-center justify-center rounded-md p-2 text-zinc-500 transition-all duration-150 focus:outline-none hover:bg-white hover:text-zinc-700 dark:text-zinc-400 dark:hover:bg-zinc-700 dark:hover:text-zinc-200",
+    active: "bg-white text-zinc-900 shadow-sm dark:bg-zinc-700 dark:text-zinc-50",
+    ghost: "inline-flex items-center justify-center rounded-md p-1.5 text-zinc-500 transition-all duration-150 focus:outline-none hover:bg-zinc-100 hover:text-zinc-800 dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-zinc-200",
+    "ghost-active": "inline-flex items-center justify-center rounded-md p-1.5 text-zinc-900 bg-white shadow-sm ring-1 ring-zinc-200 transition-all duration-150 focus:outline-none dark:text-zinc-50 dark:bg-zinc-700 dark:ring-zinc-600/60"
+  },
+  LuCodeBlockWrapper: { default: "flex flex-col gap-6" },
+  LuCodeBlockHeader: { default: "flex flex-col gap-2" },
+  LuCodeBlockTitle: { default: "text-xl font-semibold tracking-tight text-zinc-900 dark:text-zinc-50" },
+  LuCodeBlockDescription: { default: "text-base text-zinc-600 dark:text-zinc-400" },
+  LuCodeBlockCard: { default: "flex flex-col overflow-hidden rounded-xl border border-zinc-200/80 bg-white shadow-sm dark:border-zinc-700 dark:bg-zinc-900" },
+  LuCodeBlockPreviewArea: { default: "flex flex-col p-8 items-center justify-center min-h-[200px] w-full overflow-auto bg-zinc-50 dark:bg-zinc-800/60" },
+  LuCodeBlockCodeArea: { default: "flex flex-col relative w-full" },
+  LuCodeBlockSplitArea: { default: "flex flex-col relative border-t md:border-t-0 md:border-l border-zinc-200 dark:border-zinc-800 w-full md:w-1/2 shrink-0" },
+  LuCodeBlockSplitContainer: { default: "flex flex-col md:flex-row min-h-[300px]" },
+  LuCodeBlockCodeHeader: { default: "flex items-center justify-between px-4 py-2 border-b border-zinc-800 bg-[#282c34]" },
+  LuCodeBlockBadge: { default: "text-xs font-mono font-medium text-zinc-400 uppercase tracking-widest" },
+  LuCodeBlockCopyButton: { default: "text-zinc-400 hover:text-zinc-100 hover:bg-white/10 transition-colors duration-150 p-1.5 rounded-md focus:outline-none" },
+  LuCodeBlockCodeContent: { default: "p-4 overflow-x-auto text-sm bg-[#282c34] [&>pre]:!bg-transparent [&>pre]:!m-0 [&>pre]:!p-0" }
+}, r = {
+  LuStack: {
+    default: "flex",
+    vertical: "flex flex-col",
+    horizontal: "flex flex-row",
+    container: "flex flex-col w-full max-w-3xl mx-auto min-h-full gap-10 px-8 py-10"
+  },
+  LuDock: {
+    default: "flex flex-col h-full w-full overflow-hidden",
+    vertical: "flex flex-col h-full w-full overflow-hidden",
+    horizontal: "flex flex-row h-full w-full overflow-hidden"
+  },
+  LuDockItem: {
+    default: "shrink-0",
+    top: "shrink-0",
+    bottom: "shrink-0",
+    left: "shrink-0 h-full",
+    right: "shrink-0 h-full",
+    fill: "flex-1 min-h-0 min-w-0 overflow-hidden"
+  },
+  LuFixed: {
+    default: "shrink-0"
+  },
+  LuFill: {
+    default: "flex-1 min-h-0 min-w-0 overflow-hidden"
+  },
+  LuScroll: {
+    default: "overflow-y-auto h-full",
+    horizontal: "overflow-x-auto w-full"
+  },
+  LuOverlay: {
+    default: "absolute inset-0 z-50"
+  },
+  LuGrid: {
+    default: "grid",
+    "responsive-3": "grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-8"
+  },
+  LuSplit: {
+    default: "flex w-full h-full overflow-hidden",
+    horizontal: "flex flex-row w-full h-full overflow-hidden",
+    vertical: "flex flex-col w-full h-full overflow-hidden"
+  },
+  LuSplitPane: {
+    default: "relative overflow-hidden"
+  },
+  LuSplitResizer: {
+    default: "bg-zinc-200 hover:bg-rose-400 transition-colors z-10 dark:bg-zinc-800 dark:hover:bg-rose-600",
+    horizontal: "w-1 cursor-col-resize",
+    vertical: "h-1 cursor-row-resize"
+  }
+}, t = {
+  LuDesktopRailBar: {
+    default: "flex flex-col w-12 h-full border-r border-zinc-100 bg-white transition-all duration-200 overflow-hidden shrink-0 dark:bg-zinc-950 dark:border-zinc-900",
+    expanded: "w-56"
+  },
+  LuDesktopRailItem: {
+    default: "flex items-center gap-3 px-3 py-2 text-zinc-500 cursor-pointer hover:bg-zinc-100 hover:text-zinc-700 whitespace-nowrap transition-colors dark:text-zinc-500 dark:hover:bg-zinc-800/80 dark:hover:text-zinc-300",
+    active: "bg-rose-50 text-rose-700 font-medium dark:bg-rose-950/30 dark:text-rose-300"
+  },
+  LuDesktopTopBar: {
+    default: "flex items-center justify-between w-full h-14 border-b border-zinc-100 bg-white/95 backdrop-blur-sm px-4 shrink-0 dark:bg-zinc-950/95 dark:border-zinc-900"
+  },
+  LuDesktopSidebar: {
+    default: "flex flex-col w-[248px] shrink-0 border-r border-zinc-100 bg-zinc-50 h-full dark:bg-zinc-900 dark:border-zinc-800/60"
+  },
+  LuDesktopSidebarHeader: {
+    default: "px-3 pt-3 pb-2 shrink-0"
+  },
+  LuDesktopSidebarContent: {
+    default: "flex-1 overflow-y-auto px-3 py-2"
+  },
+  LuDesktopSidebarFooter: {
+    default: "px-3 pb-3 pt-2 shrink-0 border-t border-zinc-100 dark:border-zinc-800/60"
+  },
+  LuDesktopStatusBar: {
+    default: "flex items-center justify-between w-full h-7 border-t border-zinc-100 bg-zinc-50/80 px-4 text-[11px] text-zinc-400 shrink-0 dark:bg-zinc-900 dark:border-zinc-800/60 dark:text-zinc-600"
+  },
+  LuDesktopShell: {
+    default: "flex flex-col h-screen w-full overflow-hidden bg-white text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100"
+  },
+  LuDesktopShellContentWrapper: {
+    default: "flex flex-1 w-full overflow-hidden"
+  },
+  LuDesktopShellMainContent: {
+    default: "flex flex-1 flex-col overflow-hidden relative"
+  }
+}, n = {
+  LuMobileShell: {
+    default: "flex flex-col h-full w-full overflow-hidden bg-white text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100"
+  },
+  LuMobileShellContent: {
+    default: "flex flex-1 flex-col overflow-hidden relative"
+  },
+  LuMobileNavBar: {
+    default: "flex items-center justify-around w-full h-[60px] border-t border-zinc-100 bg-white/95 backdrop-blur-sm shrink-0 pb-safe dark:bg-zinc-950/95 dark:border-zinc-900"
+  },
+  LuMobileHeader: {
+    default: "flex items-center justify-between w-full h-14 border-b border-zinc-100 bg-white/95 backdrop-blur-sm px-4 shrink-0 pt-safe dark:bg-zinc-950/95 dark:border-zinc-900"
+  }
+}, i = {
+  LuEmbeddedShell: {
+    default: "flex flex-col h-full w-full bg-white text-zinc-900 border border-zinc-200 rounded-lg overflow-hidden dark:bg-zinc-950 dark:text-zinc-100 dark:border-zinc-800"
+  },
+  LuEmbeddedShellContent: {
+    default: "flex flex-1 flex-col overflow-hidden relative"
+  },
+  LuEmbeddedStatusBar: {
+    default: "flex items-center justify-between w-full h-8 border-t border-zinc-200 bg-zinc-50 px-4 text-xs text-zinc-500 shrink-0 dark:bg-zinc-900 dark:border-zinc-800 dark:text-zinc-400"
+  },
+  LuEmbeddedToolbar: {
+    default: "flex items-center gap-2 p-2 border-b border-zinc-200 bg-zinc-50 shrink-0 dark:bg-zinc-900 dark:border-zinc-800"
   }
+}, o = {
+  ...e,
+  ...r,
+  ...t,
+  ...n,
+  ...i
 };
 export {
-  e as defaultSkin
+  o as defaultSkin
 };