@astrake/lumora-ui 0.2.2 → 0.7.3

package/dist/skins/index.js

@@ -28,6 +28,23 @@ const e = {
     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"
   },
+  LuCheckContainer: {
+    default: "inline-flex items-center gap-3"
+  },
+  LuCheck: {
+    default: "peer relative flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-zinc-300 bg-white ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-rose-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-40 dark:border-zinc-700 dark:bg-zinc-950 dark:ring-offset-zinc-950 dark:focus-visible:ring-rose-400 transition-colors",
+    checked: "bg-rose-600 border-rose-600 text-white dark:bg-rose-500 dark:border-rose-500",
+    indeterminate: "bg-rose-600 border-rose-600 text-white dark:bg-rose-500 dark:border-rose-500"
+  },
+  "LuCheck.error": {
+    default: "border-red-500 focus-visible:ring-red-500 dark:border-red-500 dark:focus-visible:ring-red-400"
+  },
+  LuCheckIcon: {
+    default: "h-3 w-3 text-current"
+  },
+  LuCheckLabel: {
+    default: "text-sm font-medium leading-none text-zinc-900 peer-disabled:cursor-not-allowed peer-disabled:opacity-40 dark:text-zinc-50 cursor-pointer select-none"
+  },
   LuCheckboxContainer: {
     default: "flex items-center space-x-2"
   },
@@ -38,17 +55,23 @@ const e = {
     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",
-    horizontal: "flex flex-row space-x-4"
+    default: "flex flex-col gap-2",
+    card: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"
   },
   LuRadioContainer: {
-    default: "flex items-center space-x-2"
+    default: "inline-flex items-center gap-3",
+    card: "relative flex cursor-pointer flex-col rounded-xl border border-zinc-200 bg-white p-4 shadow-sm hover:bg-zinc-50 focus-within:ring-2 focus-within:ring-rose-500 focus-within:ring-offset-2 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-900/80 transition-colors dark:focus-within:ring-rose-400 dark:focus-within:ring-offset-zinc-950 has-[:checked]:border-rose-500 has-[:checked]:bg-rose-50/50 dark:has-[:checked]:border-rose-500 dark:has-[:checked]:bg-rose-500/10"
   },
   LuRadio: {
-    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"
+    default: "peer relative flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-zinc-300 bg-white ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-rose-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-40 dark:border-zinc-700 dark:bg-zinc-950 dark:ring-offset-zinc-950 dark:focus-visible:ring-rose-400 transition-colors",
+    checked: "border-rose-600 text-rose-600 dark:border-rose-500 dark:text-rose-500"
+  },
+  LuRadioDot: {
+    default: "h-2 w-2 rounded-full fill-current bg-current"
   },
   LuRadioLabel: {
-    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"
+    default: "text-sm font-medium leading-none text-zinc-900 peer-disabled:cursor-not-allowed peer-disabled:opacity-40 dark:text-zinc-50 cursor-pointer select-none",
+    card: "flex flex-col gap-1 cursor-pointer select-none"
   },
   LuAlert: {
     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",
@@ -201,20 +224,60 @@ const e = {
     vertical: "h-full w-px"
   },
   LuSelect: {
-    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",
+    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 transition-[border-color,box-shadow] duration-150",
     theme: "w-32"
   },
+  "LuSelect.error": {
+    default: "border-red-500 focus:border-red-500 focus:ring-red-500 dark:border-red-500 dark:focus:border-red-400 dark:focus:ring-red-400"
+  },
+  LuSelectIcon: {
+    default: "h-4 w-4 shrink-0 text-zinc-400 transition-transform duration-200 dark:text-zinc-500",
+    open: "rotate-180"
+  },
+  LuSelectPanel: {
+    default: "absolute z-50 mt-1 max-h-60 overflow-hidden rounded-xl border border-zinc-200/80 bg-white/95 backdrop-blur-sm shadow-lg lu-fade-in dark:border-zinc-700/80 dark:bg-zinc-900/95 dark:shadow-zinc-950/50 flex flex-col"
+  },
+  LuSelectSearch: {
+    default: "flex h-9 w-full rounded-none border-b border-zinc-200 bg-transparent px-3 py-2 text-sm text-zinc-900 placeholder:text-zinc-400 focus:outline-none dark:border-zinc-800 dark:text-zinc-50 dark:placeholder:text-zinc-500 shrink-0"
+  },
+  LuSelectOptionList: {
+    default: "overflow-y-auto p-1 lu-scrollbar-thin"
+  },
+  LuSelectOption: {
+    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 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-50",
+    active: "bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-50",
+    selected: "bg-rose-50 text-rose-700 dark:bg-rose-950/30 dark:text-rose-300 font-medium",
+    disabled: "pointer-events-none opacity-40"
+  },
+  LuSelectEmpty: {
+    default: "p-4 text-center text-sm text-zinc-500 dark:text-zinc-400"
+  },
+  LuSelectPlaceholder: {
+    default: "text-zinc-500 dark:text-zinc-400 truncate"
+  },
+  LuSwitchRoot: {
+    default: "inline-flex items-center gap-3 cursor-pointer select-none"
+  },
   LuSwitch: {
     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",
+    indeterminate: "bg-zinc-300 dark:bg-zinc-600",
+    success: "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-emerald-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-emerald-400 dark:focus-visible:ring-offset-zinc-950",
+    "success-checked": "bg-emerald-600 dark:bg-emerald-500",
+    warning: "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-amber-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-amber-400 dark:focus-visible:ring-offset-zinc-950",
+    "warning-checked": "bg-amber-500 dark:bg-amber-400",
+    danger: "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-red-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-red-400 dark:focus-visible:ring-offset-zinc-950",
+    "danger-checked": "bg-red-600 dark:bg-red-500",
     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-md ring-0 transition-transform duration-150 dark:bg-white",
-    checked: "translate-x-5"
+    default: "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-md ring-0 transition-transform duration-150 dark:bg-white translate-x-0",
+    checked: "translate-x-5",
+    indeterminate: "translate-x-2.5 shadow-none"
+  },
+  LuSwitchLabel: {
+    default: "text-sm font-medium leading-none text-zinc-900 peer-disabled:cursor-not-allowed peer-disabled:opacity-40 dark:text-zinc-50 cursor-pointer select-none"
   },
   LuTable: {
     default: "w-full caption-bottom text-sm"
@@ -294,7 +357,17 @@ const e = {
     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"
+    "brand-label": "text-sm font-semibold text-zinc-900 dark:text-zinc-50",
+    // Skin v2 — new variants
+    "metric-large": "text-5xl font-bold tracking-tight text-zinc-900 dark:text-zinc-100 tabular-nums",
+    "metric-delta": "text-sm font-semibold tabular-nums",
+    "metric-delta-up": "text-sm font-semibold text-emerald-600 dark:text-emerald-400 tabular-nums",
+    "metric-delta-down": "text-sm font-semibold text-rose-600 dark:text-rose-400 tabular-nums",
+    "timeline-date": "text-xs font-medium text-zinc-500 dark:text-zinc-400",
+    caption: "text-xs text-zinc-400 dark:text-zinc-500 leading-relaxed",
+    "grid-header": "text-[11px] font-semibold uppercase tracking-[0.06em] text-zinc-500 dark:text-zinc-400",
+    overline: "text-[10px] font-semibold uppercase tracking-[0.1em] text-zinc-400 dark:text-zinc-500",
+    display: "text-4xl sm:text-5xl font-bold tracking-[-0.03em] leading-none text-zinc-950 dark:text-white"
   },
   LuPageHeader: {
     default: "pt-2 pb-8 border-b border-zinc-100 dark:border-zinc-800"
@@ -314,14 +387,688 @@ const e = {
   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" },
+  LuCodeBlockPreviewArea: { default: "flex flex-col p-8 items-center justify-center min-h-[200px] w-full overflow-visible 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" }
+  LuCodeBlockCodeContent: { default: "p-4 overflow-x-auto text-sm bg-[#282c34] [&>pre]:!bg-transparent [&>pre]:!m-0 [&>pre]:!p-0" },
+  // ─── v0.3.0: LuDataGrid ───────────────────────────────────────────────────
+  LuDataGrid: {
+    default: "w-full text-sm"
+  },
+  LuDataGridContainer: {
+    default: "lu-data-grid-container relative w-full overflow-hidden rounded-xl border border-zinc-200/80 bg-white shadow-sm dark:border-zinc-800 dark:bg-zinc-900"
+  },
+  LuDataGridToolbar: {
+    default: "flex items-center justify-between gap-3 px-4 py-3 border-b border-zinc-100 dark:border-zinc-800"
+  },
+  LuDataGridScrollArea: {
+    default: "lu-data-grid-scroll lu-scrollbar-thin"
+  },
+  LuDataGridTable: {
+    default: "lu-data-grid-table w-full caption-bottom text-sm"
+  },
+  LuDataGridHead: {
+    default: "border-b border-zinc-200 dark:border-zinc-800"
+  },
+  LuDataGridHeaderRow: {
+    default: ""
+  },
+  LuDataGridHeaderCell: {
+    default: "h-11 px-4 text-left align-middle whitespace-nowrap select-none",
+    sortable: "cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-800/60 transition-colors"
+  },
+  LuDataGridBody: {
+    default: "[&_tr:last-child]:border-0"
+  },
+  LuDataGridRow: {
+    default: "border-b border-zinc-100 transition-colors hover:bg-zinc-50/80 data-[selected=true]:bg-rose-50/50 dark:border-zinc-800 dark:hover:bg-zinc-800/50 dark:data-[selected=true]:bg-rose-950/20"
+  },
+  LuDataGridCell: {
+    default: "px-4 py-3 align-middle",
+    editing: "p-1"
+  },
+  LuDataGridCheckboxCell: {
+    default: "px-3 align-middle w-10"
+  },
+  LuDataGridGroupRow: {
+    default: "border-b border-zinc-100 bg-zinc-50/80 dark:border-zinc-800 dark:bg-zinc-800/40"
+  },
+  LuDataGridGroupCell: {
+    default: "px-4 py-2 align-middle font-medium text-sm text-zinc-600 dark:text-zinc-400"
+  },
+  LuDataGridEmpty: {
+    default: "flex flex-col items-center justify-center gap-3 py-16 text-center"
+  },
+  LuDataGridFooter: {
+    default: "flex items-center justify-between px-4 py-3 border-t border-zinc-100 dark:border-zinc-800"
+  },
+  LuDataGridCards: {
+    default: "lu-data-grid-cards flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800"
+  },
+  LuDataGridCard: {
+    default: "flex flex-col gap-2 px-4 py-3"
+  },
+  LuDataGridColumnMenu: {
+    default: "absolute z-50 min-w-[160px] rounded-xl border border-zinc-200/80 bg-white/95 backdrop-blur-sm p-1 shadow-lg lu-slide-down dark:border-zinc-700/80 dark:bg-zinc-900/95"
+  },
+  LuDataGridSortIcon: {
+    default: "ml-1.5 inline-flex text-zinc-400 dark:text-zinc-500",
+    asc: "text-zinc-700 dark:text-zinc-300",
+    desc: "text-zinc-700 dark:text-zinc-300"
+  },
+  LuDataGridErrorInput: {
+    default: "border-rose-500 bg-rose-50/30 dark:bg-rose-950/10 dark:border-rose-400"
+  },
+  LuDataGridEmptyIcon: {
+    default: "text-zinc-300 dark:text-zinc-600"
+  },
+  LuDataGridSearchInput: {
+    default: "flex h-8 w-56 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-1.5 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 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-50 dark:placeholder:text-zinc-500 dark:focus:border-rose-400"
+  },
+  LuDataGridSelectionBar: {
+    default: "flex items-center gap-3 text-sm text-zinc-600 dark:text-zinc-300"
+  },
+  LuDataGridSelectionBarCount: {
+    default: "font-semibold text-zinc-900 dark:text-zinc-50"
+  },
+  LuDataGridSelectionBarAction: {
+    default: "text-rose-600 hover:text-rose-700 dark:text-rose-400 dark:hover:text-rose-300 cursor-pointer underline underline-offset-2 transition-colors"
+  },
+  LuDataGridFilterRow: {
+    default: "border-b border-zinc-100 bg-zinc-50/50 dark:border-zinc-800 dark:bg-zinc-800/30"
+  },
+  LuDataGridFilterCell: {
+    default: "px-2 py-1.5 align-middle"
+  },
+  LuDataGridFilterInput: {
+    default: "flex h-7 w-full rounded-md border border-zinc-200 bg-white px-2 py-1 text-xs 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 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-50 dark:placeholder:text-zinc-500 dark:focus:border-rose-400"
+  },
+  LuDataGridFilterSelect: {
+    default: "flex h-7 w-full rounded-md border border-zinc-200 bg-white px-2 py-1 text-xs text-zinc-900 focus:outline-none focus:border-rose-500 focus:ring-1 focus:ring-rose-500 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-50 dark:focus:border-rose-400"
+  },
+  // ─── v0.3.0: LuChart components ───────────────────────────────────────────
+  LuBarChart: {
+    default: "w-full"
+  },
+  LuLineChart: {
+    default: "w-full"
+  },
+  LuDoughnutChart: {
+    default: "w-full"
+  },
+  LuSparkline: {
+    default: "inline-block"
+  },
+  LuGaugeChart: {
+    default: "w-full"
+  },
+  LuChartContainer: {
+    default: "relative w-full rounded-xl border border-zinc-200/80 bg-white p-4 dark:border-zinc-800 dark:bg-zinc-900"
+  },
+  LuChartLegend: {
+    default: "flex flex-wrap items-center gap-3 mt-3 text-xs text-zinc-500 dark:text-zinc-400"
+  },
+  LuChartLegendItem: {
+    default: "flex items-center gap-1.5"
+  },
+  LuChartLegendDot: {
+    default: "w-2.5 h-2.5 rounded-full shrink-0"
+  },
+  // ─── v0.3.0: LuFileUpload ─────────────────────────────────────────────────
+  LuFileUpload: {
+    default: "flex flex-col gap-3"
+  },
+  LuFileUploadDropzone: {
+    default: "relative flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed border-zinc-300 bg-zinc-50/50 px-6 py-10 text-center transition-colors cursor-pointer hover:border-rose-400 hover:bg-rose-50/30 dark:border-zinc-700 dark:bg-zinc-900/50 dark:hover:border-rose-500 dark:hover:bg-rose-950/20",
+    active: "border-rose-400 bg-rose-50/50 dark:border-rose-500 dark:bg-rose-950/20"
+  },
+  LuFileUploadInput: {
+    default: "absolute inset-0 opacity-0 cursor-pointer"
+  },
+  LuFileUploadIcon: {
+    default: "text-zinc-400 dark:text-zinc-500"
+  },
+  LuFileUploadHint: {
+    default: "text-xs text-zinc-400 dark:text-zinc-500"
+  },
+  LuFileUploadList: {
+    default: "flex flex-col gap-2"
+  },
+  LuFileUploadItem: {
+    default: "flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-3 dark:border-zinc-800 dark:bg-zinc-900"
+  },
+  LuFileUploadItemIcon: {
+    default: "shrink-0 text-zinc-400 dark:text-zinc-500"
+  },
+  LuFileUploadItemName: {
+    default: "flex-1 min-w-0 truncate text-sm text-zinc-700 dark:text-zinc-300"
+  },
+  LuFileUploadItemSize: {
+    default: "text-xs text-zinc-400 dark:text-zinc-500 shrink-0"
+  },
+  LuFileUploadItemRemove: {
+    default: "shrink-0 text-zinc-400 hover:text-rose-500 transition-colors cursor-pointer dark:text-zinc-500 dark:hover:text-rose-400"
+  },
+  // ─── v0.3.0: LuMediaGallery ───────────────────────────────────────────────
+  LuMediaGallery: {
+    default: "grid gap-2"
+  },
+  LuMediaGalleryItem: {
+    default: "relative group overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-800 aspect-square cursor-pointer"
+  },
+  LuMediaGalleryItemImage: {
+    default: "w-full h-full object-cover transition-transform duration-200 group-hover:scale-105"
+  },
+  LuMediaGalleryItemOverlay: {
+    default: "absolute inset-0 bg-black/0 group-hover:bg-black/30 transition-colors duration-200 flex items-center justify-center gap-2 opacity-0 group-hover:opacity-100"
+  },
+  LuMediaGalleryItemBadge: {
+    default: "absolute top-1.5 right-1.5"
+  },
+  // ─── v0.3.0: LuLightbox (internal) ────────────────────────────────────────
+  LuLightbox: {
+    default: "fixed inset-0 z-[100] flex items-center justify-center"
+  },
+  LuLightboxOverlay: {
+    default: "absolute inset-0 bg-black/80 backdrop-blur-sm"
+  },
+  LuLightboxContent: {
+    default: "relative z-10 max-w-[90vw] max-h-[90vh] flex items-center justify-center"
+  },
+  LuLightboxImage: {
+    default: "max-w-full max-h-[90vh] rounded-lg object-contain shadow-2xl"
+  },
+  LuLightboxNav: {
+    default: "absolute top-1/2 -translate-y-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 text-white backdrop-blur-sm transition-colors cursor-pointer",
+    prev: "left-4",
+    next: "right-4"
+  },
+  LuLightboxClose: {
+    default: "absolute top-4 right-4 z-20 flex items-center justify-center w-9 h-9 rounded-full bg-white/10 hover:bg-white/20 text-white backdrop-blur-sm transition-colors cursor-pointer"
+  },
+  LuLightboxCaption: {
+    default: "absolute bottom-4 left-1/2 -translate-x-1/2 text-center text-sm text-white/80"
+  },
+  // ─── v0.3.0: LuTimeline ───────────────────────────────────────────────────
+  LuTimeline: {
+    default: "relative flex flex-col",
+    compact: "relative flex flex-col",
+    numbered: "relative flex flex-col"
+  },
+  LuTimelineItem: {
+    default: "relative flex gap-4 pb-10 last:pb-0",
+    compact: "relative flex gap-3 pb-5 last:pb-0",
+    numbered: "relative flex gap-4 pb-10 last:pb-0"
+  },
+  LuTimelineDotWrapper: {
+    default: "flex flex-col items-center w-10 shrink-0"
+  },
+  LuTimelineDot: {
+    default: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full border-2 border-zinc-200 bg-white text-zinc-400 shadow-sm dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-500",
+    success: "border-emerald-500 bg-emerald-50 text-emerald-600 dark:border-emerald-500 dark:bg-emerald-950/40 dark:text-emerald-400",
+    warning: "border-amber-400 bg-amber-50 text-amber-600 dark:border-amber-400 dark:bg-amber-950/40 dark:text-amber-400",
+    danger: "border-red-500 bg-red-50 text-red-600 dark:border-red-500 dark:bg-red-950/40 dark:text-red-400",
+    info: "border-blue-500 bg-blue-50 text-blue-600 dark:border-blue-500 dark:bg-blue-950/40 dark:text-blue-400"
+  },
+  LuTimelineDotCompact: {
+    default: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2 border-zinc-200 bg-white text-zinc-400 dark:border-zinc-700 dark:bg-zinc-900",
+    success: "border-emerald-500 bg-emerald-50 text-emerald-600 dark:border-emerald-500 dark:bg-emerald-950/40 dark:text-emerald-400",
+    warning: "border-amber-400 bg-amber-50 text-amber-600 dark:border-amber-400 dark:bg-amber-950/40 dark:text-amber-400",
+    danger: "border-red-500 bg-red-50 text-red-600 dark:border-red-500 dark:bg-red-950/40 dark:text-red-400",
+    info: "border-blue-500 bg-blue-50 text-blue-600 dark:border-blue-500 dark:bg-blue-950/40 dark:text-blue-400"
+  },
+  LuTimelineConnector: {
+    default: "mt-1 flex-1 w-0.5 min-h-[1.5rem] bg-zinc-200 dark:bg-zinc-700"
+  },
+  LuTimelineContent: {
+    default: "flex flex-col gap-0.5 pt-1.5 min-w-0 flex-1"
+  },
+  LuTimelineDate: {
+    default: "text-xs font-medium text-zinc-400 dark:text-zinc-500 tabular-nums mb-0.5"
+  },
+  LuTimelineTitle: {
+    default: "text-sm font-semibold text-zinc-900 dark:text-zinc-100 leading-snug"
+  },
+  // ─── v0.3.0: LuFormWizard ─────────────────────────────────────────────────
+  LuFormWizard: {
+    default: "flex flex-col w-full"
+  },
+  LuFormWizardSteps: {
+    default: "relative flex items-center justify-between gap-2 px-2 pb-8"
+  },
+  LuFormWizardStepWrapper: {
+    default: "relative flex flex-1 flex-col items-center gap-2"
+  },
+  LuFormWizardStepConnector: {
+    default: "lu-form-wizard-step-connector bg-zinc-200 dark:bg-zinc-800 transition-colors duration-300",
+    completed: "lu-form-wizard-step-connector bg-rose-500 dark:bg-rose-500 transition-colors duration-300"
+  },
+  LuFormWizardStep: {
+    default: "flex items-center justify-center w-9 h-9 rounded-full border-2 border-zinc-300 bg-white text-sm font-medium text-zinc-500 transition-all duration-200 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-400",
+    active: "border-rose-500 bg-rose-50 text-rose-600 dark:border-rose-400 dark:bg-rose-950/30 dark:text-rose-400",
+    completed: "border-emerald-500 bg-emerald-50 text-emerald-600 dark:border-emerald-400 dark:bg-emerald-950/30 dark:text-emerald-400"
+  },
+  LuFormWizardStepLabel: {
+    default: "text-xs text-center text-zinc-500 dark:text-zinc-400 whitespace-nowrap",
+    active: "text-rose-600 font-medium dark:text-rose-400",
+    completed: "text-emerald-600 dark:text-emerald-400"
+  },
+  LuFormWizardBody: {
+    default: "flex-1 min-h-0"
+  },
+  LuFormWizardFooter: {
+    default: "flex items-center justify-between gap-3 pt-6 border-t border-zinc-100 mt-6 dark:border-zinc-800"
+  },
+  LuFormWizardError: {
+    default: "text-sm text-rose-600 dark:text-rose-400"
+  },
+  // ─── v0.3.0: LuFormField ──────────────────────────────────────────────────
+  LuFormField: {
+    default: "flex flex-col gap-1.5"
+  },
+  LuFormFieldLabel: {
+    default: "text-sm font-medium text-zinc-700 dark:text-zinc-300"
+  },
+  LuFormFieldHint: {
+    default: "text-xs text-zinc-400 dark:text-zinc-500"
+  },
+  LuFormFieldError: {
+    default: "text-xs text-rose-600 dark:text-rose-400"
+  },
+  // ─── v0.3.0: LuTree ───────────────────────────────────────────────────────
+  LuTree: {
+    default: "flex flex-col gap-0.5 select-none"
+  },
+  LuTreeNode: {
+    default: "flex flex-col"
+  },
+  LuTreeNodeContent: {
+    default: "relative flex items-center gap-1.5 rounded-md px-2 py-1.5 text-sm text-zinc-700 cursor-pointer hover:bg-zinc-100 transition-colors dark:text-zinc-300 dark:hover:bg-zinc-800",
+    selected: "bg-rose-50 text-rose-700 hover:bg-rose-50 dark:bg-rose-950/30 dark:text-rose-300 dark:hover:bg-rose-950/30",
+    disabled: "opacity-40 pointer-events-none"
+  },
+  LuTreeNodeToggle: {
+    default: "flex items-center justify-center w-5 h-5 shrink-0 text-zinc-400 dark:text-zinc-500"
+  },
+  LuTreeNodeCheckbox: {
+    default: "shrink-0"
+  },
+  LuTreeNodeLabel: {
+    default: "flex-1 min-w-0 truncate"
+  },
+  LuTreeChildren: {
+    default: "ml-5 pl-3 border-l border-zinc-200 mt-0.5 flex flex-col gap-0.5 dark:border-zinc-700"
+  },
+  // ─── v0.4.0: LuKanban ─────────────────────────────────────────────────────
+  LuKanban: {
+    default: "w-full"
+  },
+  LuKanbanBoard: {
+    default: "flex gap-4 overflow-x-auto pb-4 lu-scrollbar-thin"
+  },
+  LuKanbanColumn: {
+    default: "flex flex-col gap-3 min-w-[280px] max-w-[320px] shrink-0"
+  },
+  LuKanbanColumnHeader: {
+    default: "flex items-center justify-between gap-2 px-1"
+  },
+  LuKanbanColumnHeaderDot: {
+    default: "w-2 h-2 rounded-full shrink-0"
+  },
+  LuKanbanColumnHeaderTitle: {
+    default: "text-sm font-semibold text-zinc-700 dark:text-zinc-300 flex-1"
+  },
+  LuKanbanColumnHeaderCount: {
+    default: "text-xs text-zinc-400 dark:text-zinc-500 tabular-nums"
+  },
+  LuKanbanColumnBody: {
+    default: "flex flex-col gap-2 min-h-[120px] rounded-xl bg-zinc-50/80 p-2 dark:bg-zinc-800/40"
+  },
+  LuKanbanCard: {
+    default: "rounded-lg border border-zinc-200/80 bg-white p-3 shadow-xs cursor-grab active:cursor-grabbing transition-shadow hover:shadow-sm dark:border-zinc-700 dark:bg-zinc-900",
+    dragging: "shadow-lg opacity-80 rotate-1"
+  },
+  // ─── v0.4.0: LuCalendar / LuDateRangePicker ───────────────────────────────
+  LuCalendar: {
+    default: "flex flex-col gap-4",
+    mini: "w-full max-w-[260px] rounded-xl border border-zinc-200/80 bg-white p-3 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 flex flex-col gap-2"
+  },
+  LuCalendarHeader: {
+    default: "flex items-center justify-between gap-2",
+    mini: "flex items-center justify-between px-1 py-1 gap-2"
+  },
+  LuCalendarNav: {
+    default: "flex items-center gap-1",
+    mini: "flex items-center gap-0.5"
+  },
+  LuCalendarTitle: {
+    default: "text-sm font-semibold text-zinc-900 dark:text-zinc-50",
+    mini: "text-xs font-semibold text-zinc-700 dark:text-zinc-200"
+  },
+  LuCalendarGrid: {
+    default: "w-full border-collapse",
+    mini: "w-full border-collapse pb-1"
+  },
+  LuCalendarGridHeader: {
+    default: "text-center"
+  },
+  LuCalendarGridHeaderCell: {
+    default: "pb-2 text-[11px] font-medium uppercase tracking-wide text-zinc-400 dark:text-zinc-500",
+    mini: "pb-1 text-[10px] font-medium uppercase text-zinc-400 text-center dark:text-zinc-500"
+  },
+  LuCalendarDay: {
+    default: "relative p-1 text-center",
+    mini: "relative p-0.5 text-center"
+  },
+  LuCalendarDayButton: {
+    default: "w-8 h-8 rounded-full text-sm flex items-center justify-center mx-auto hover:bg-zinc-100 transition-colors cursor-pointer dark:hover:bg-zinc-800",
+    today: "font-semibold text-rose-600 dark:text-rose-400",
+    selected: "bg-rose-600 text-white hover:bg-rose-700 dark:bg-rose-500 dark:hover:bg-rose-600",
+    inRange: "bg-rose-50 text-rose-700 rounded-none dark:bg-rose-950/30 dark:text-rose-300",
+    disabled: "opacity-30 pointer-events-none",
+    otherMonth: "text-zinc-300 dark:text-zinc-700"
+  },
+  LuCalendarDayButtonMini: {
+    default: "w-6 h-6 rounded-full text-xs flex items-center justify-center mx-auto hover:bg-zinc-100 transition-colors cursor-pointer dark:hover:bg-zinc-800",
+    today: "font-semibold text-rose-600 dark:text-rose-400",
+    selected: "bg-rose-600 text-white hover:bg-rose-700 dark:bg-rose-500 dark:hover:bg-rose-600",
+    inRange: "bg-rose-50 text-rose-700 rounded-none dark:bg-rose-950/30 dark:text-rose-300",
+    disabled: "opacity-30 pointer-events-none",
+    otherMonth: "text-zinc-300 dark:text-zinc-700"
+  },
+  LuCalendarEventDot: {
+    default: "absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-rose-500",
+    mini: "absolute bottom-0.5 left-1/2 -translate-x-1/2 w-0.5 h-0.5 rounded-full bg-rose-500"
+  },
+  LuCalendarEvent: {
+    default: "truncate rounded px-1 py-0.5 text-[10px] font-medium cursor-pointer"
+  },
+  // ─── v0.4.0: LuPlanner ────────────────────────────────────────────────────
+  LuPlannerContainer: {
+    default: "flex flex-col w-full rounded-xl border border-zinc-200/80 bg-white shadow-sm overflow-hidden dark:border-zinc-800 dark:bg-zinc-900"
+  },
+  LuPlannerHeader: {
+    default: "flex items-center justify-between px-4 py-3 border-b border-zinc-200 dark:border-zinc-800 bg-zinc-50/50 dark:bg-zinc-900/50"
+  },
+  LuPlannerNavButton: {
+    default: "hover:bg-zinc-100 dark:hover:bg-zinc-800"
+  },
+  LuPlannerWeekLabel: {
+    default: "text-sm font-semibold text-zinc-900 dark:text-zinc-50"
+  },
+  LuPlannerGrid: {
+    default: "flex flex-1 overflow-x-auto min-h-[500px]"
+  },
+  LuPlannerTimeGutter: {
+    default: "w-20 shrink-0 border-r border-zinc-200 dark:border-zinc-800 flex flex-col select-none bg-zinc-50/20 dark:bg-zinc-900/10"
+  },
+  LuPlannerTimeCell: {
+    default: "flex flex-col justify-center border-b border-zinc-100/50 dark:border-zinc-800/30"
+  },
+  LuPlannerTimeLabel: {
+    default: "text-[10px] font-medium text-zinc-400 dark:text-zinc-500 tabular-nums uppercase"
+  },
+  LuPlannerDayColumn: {
+    default: "flex-1 min-w-[120px] border-r border-zinc-200 dark:border-zinc-800 last:border-r-0 relative flex flex-col bg-white dark:bg-zinc-900"
+  },
+  LuPlannerDayHeader: {
+    default: "bg-zinc-50/10 dark:bg-zinc-900/10"
+  },
+  LuPlannerDayHeaderToday: {
+    default: "bg-rose-50/10 dark:bg-rose-950/5 border-b-2 border-b-rose-500 dark:border-b-rose-400"
+  },
+  LuPlannerHourCell: {
+    default: "border-b border-zinc-100 dark:border-zinc-800/80 hover:bg-zinc-50/50 dark:hover:bg-zinc-800/20 transition-colors duration-100"
+  },
+  LuPlannerEvent: {
+    default: "absolute left-1 right-1 rounded-lg px-2 py-1.5 text-xs font-semibold cursor-pointer overflow-hidden border-l-4 shadow-sm select-none hover:shadow transition-shadow duration-150"
+  },
+  LuDateRangePicker: {
+    default: "relative inline-block"
+  },
+  LuDateRangePickerInput: {
+    default: "flex h-9 items-center gap-2 rounded-lg border border-zinc-300 bg-zinc-50 px-3 text-sm text-zinc-900 cursor-pointer hover:border-zinc-400 transition-colors dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-50"
+  },
+  LuDateRangePickerDropdown: {
+    default: "absolute z-50 top-full mt-1 rounded-xl border border-zinc-200/80 bg-white shadow-xl p-3 lu-slide-down dark:border-zinc-700/80 dark:bg-zinc-900"
+  },
+  LuDateRangePresets: {
+    default: "flex flex-col gap-1 border-r border-zinc-100 pr-3 mr-3 dark:border-zinc-800"
+  },
+  LuDateRangePreset: {
+    default: "px-3 py-1.5 text-sm rounded-md text-zinc-600 hover:bg-zinc-100 cursor-pointer transition-colors dark:text-zinc-400 dark:hover:bg-zinc-800",
+    active: "bg-rose-50 text-rose-700 hover:bg-rose-50 dark:bg-rose-950/30 dark:text-rose-300 dark:hover:bg-rose-950/30"
+  },
+  // ─── v0.4.0: LuDashboardGrid ──────────────────────────────────────────────
+  LuDashboardGrid: {
+    default: "lu-dashboard-grid w-full"
+  },
+  LuDashboardGridWidget: {
+    default: "relative"
+  },
+  LuDashboardGridWidgetHeader: {
+    default: "flex items-center justify-between gap-2 mb-3"
+  },
+  LuDashboardGridWidgetDragHandle: {
+    default: "text-zinc-300 hover:text-zinc-500 cursor-grab active:cursor-grabbing transition-colors dark:text-zinc-600 dark:hover:text-zinc-400"
+  },
+  LuDashboardGridEditMode: {
+    default: "[&_.lu-dashboard-widget]:ring-2 [&_.lu-dashboard-widget]:ring-rose-300 [&_.lu-dashboard-widget]:ring-offset-1"
+  },
+  // ─── v0.4.0: LuCommandPalette ─────────────────────────────────────────────
+  LuCommandPalette: {
+    default: "relative"
+  },
+  LuCommandPaletteOverlay: {
+    default: "lu-command-palette-overlay fixed inset-0 z-[200] bg-black/40 backdrop-blur-sm flex items-start justify-center pt-[15vh] px-4"
+  },
+  LuCommandPaletteDialog: {
+    default: "w-full max-w-xl rounded-2xl border border-zinc-200/80 bg-white shadow-2xl overflow-hidden lu-slide-down dark:border-zinc-700/80 dark:bg-zinc-900"
+  },
+  LuCommandPaletteInputWrapper: {
+    default: "flex items-center gap-3 px-4 py-3 border-b border-zinc-100 dark:border-zinc-800"
+  },
+  LuCommandPaletteInput: {
+    default: "flex-1 bg-transparent text-sm text-zinc-900 placeholder:text-zinc-400 focus:outline-none dark:text-zinc-50 dark:placeholder:text-zinc-500"
+  },
+  LuCommandPaletteList: {
+    default: "max-h-[360px] overflow-y-auto py-2 lu-scrollbar-thin"
+  },
+  LuCommandPaletteGroup: {
+    default: "px-2 pb-2"
+  },
+  LuCommandPaletteGroupLabel: {
+    default: "px-2 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500"
+  },
+  LuCommandPaletteItem: {
+    default: "flex items-center gap-3 rounded-lg px-3 py-2 text-sm text-zinc-700 cursor-pointer transition-colors dark:text-zinc-300",
+    active: "bg-rose-50 text-rose-700 dark:bg-rose-950/30 dark:text-rose-300"
+  },
+  LuCommandPaletteItemIcon: {
+    default: "shrink-0 text-zinc-400 dark:text-zinc-500"
+  },
+  LuCommandPaletteEmpty: {
+    default: "flex items-center justify-center py-12 text-sm text-zinc-400 dark:text-zinc-500"
+  },
+  LuCommandPaletteFooter: {
+    default: "flex items-center gap-3 px-4 py-2.5 border-t border-zinc-100 dark:border-zinc-800"
+  },
+  LuCommandPaletteKbd: {
+    default: "inline-flex items-center gap-0.5 rounded border border-zinc-200 bg-zinc-100 px-1.5 py-0.5 text-[10px] font-mono text-zinc-500 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-400"
+  },
+  // ─── v0.4.0: LuRichTextEditor ─────────────────────────────────────────────
+  LuRichTextEditor: {
+    default: "flex flex-col rounded-xl border border-zinc-300 bg-zinc-50 overflow-hidden transition-[border-color] focus-within:border-rose-500 dark:border-zinc-700 dark:bg-zinc-900 dark:focus-within:border-rose-400"
+  },
+  LuRichTextEditorToolbar: {
+    default: "flex items-center gap-0.5 flex-wrap px-2 py-1.5 border-b border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900"
+  },
+  LuRichTextEditorToolbarButton: {
+    default: "flex items-center justify-center w-8 h-8 rounded-md text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800 transition-colors cursor-pointer dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-zinc-200",
+    active: "bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-50"
+  },
+  LuRichTextEditorToolbarDivider: {
+    default: "w-px h-5 bg-zinc-200 mx-1 dark:bg-zinc-700"
+  },
+  LuRichTextEditorContent: {
+    default: "px-4 py-3 min-h-[120px] text-sm text-zinc-900 leading-relaxed focus:outline-none [&_.ProseMirror]:focus:outline-none [&_.ProseMirror]:min-h-[120px] dark:text-zinc-50"
+  },
+  // ─── v0.5.0: Skin keys for headless contract compliance ──────────────────────
+  LuKanbanAddButton: {
+    default: "flex items-center justify-center w-6 h-6 rounded text-zinc-400 hover:text-zinc-700 hover:bg-zinc-100 dark:text-zinc-500 dark:hover:text-zinc-200 dark:hover:bg-zinc-700 transition-colors"
+  },
+  LuKanbanCardTitle: {
+    default: "font-medium text-zinc-800 dark:text-zinc-200 line-clamp-2"
+  },
+  LuKanbanEmptyColumn: {
+    default: "flex items-center justify-center h-20 text-xs text-zinc-400 dark:text-zinc-600 border-2 border-dashed border-zinc-200 dark:border-zinc-700 rounded-lg"
+  },
+  LuMediaGalleryRemoveButton: {
+    default: "flex items-center justify-center w-7 h-7 rounded-full bg-rose-600 text-white hover:bg-rose-700 transition-colors"
+  },
+  LuChartFallbackText: {
+    default: "text-xs text-zinc-400 dark:text-zinc-500"
+  },
+  LuCommandPaletteSearchIcon: {
+    default: "text-zinc-400 dark:text-zinc-500 shrink-0"
+  },
+  LuCommandPaletteClearIcon: {
+    default: "text-zinc-400 cursor-pointer hover:text-zinc-600 dark:text-zinc-500 dark:hover:text-zinc-300"
+  },
+  LuCommandPaletteItemLabel: {
+    default: "font-medium"
+  },
+  // ─── v0.6.0: LuDrawer ───────────────────────────────────────────────────────
+  LuDrawerBackdrop: {
+    default: "fixed inset-0 z-50 bg-black/40 backdrop-blur-sm"
+  },
+  LuDrawerPanel: {
+    default: "fixed z-50 flex flex-col bg-white shadow-2xl dark:bg-zinc-900 border-zinc-200 dark:border-zinc-800 transition-transform duration-300 ease-in-out"
+  },
+  "LuDrawerPanel.left": {
+    default: "left-0 top-0 bottom-0 w-80 border-r"
+  },
+  "LuDrawerPanel.right": {
+    default: "right-0 top-0 bottom-0 w-80 border-l"
+  },
+  "LuDrawerPanel.top": {
+    default: "top-0 left-0 right-0 h-80 border-b"
+  },
+  "LuDrawerPanel.bottom": {
+    default: "bottom-0 left-0 right-0 h-80 border-t"
+  },
+  LuDrawerHeader: {
+    default: "flex items-center justify-between px-6 py-4 border-b border-zinc-100 dark:border-zinc-800 shrink-0"
+  },
+  LuDrawerContent: {
+    default: "flex-1 overflow-y-auto p-6 lu-scrollbar-thin"
+  },
+  LuDrawerFooter: {
+    default: "px-6 py-4 border-t border-zinc-100 dark:border-zinc-800 shrink-0 bg-zinc-50 dark:bg-zinc-900/50"
+  },
+  // ─── v0.6.0: LuList ─────────────────────────────────────────────────────────
+  LuList: {
+    default: "flex flex-col w-full divide-y-0 divide-zinc-100 bg-white dark:bg-zinc-900 rounded-2xl border border-zinc-200/80 dark:border-zinc-800 shadow-sm overflow-hidden p-1.5"
+  },
+  LuListItem: {
+    default: "flex items-center gap-3 px-4 py-3 text-sm font-medium text-zinc-700 dark:text-zinc-300 rounded-xl hover:bg-zinc-50 dark:hover:bg-zinc-800/50 hover:text-zinc-900 dark:hover:text-zinc-50 transition-colors focus:outline-none focus:ring-2 focus:ring-rose-500/20"
+  },
+  "LuListItem.active": {
+    default: "bg-rose-50/50 text-rose-600 dark:bg-rose-950/10 dark:text-rose-400 hover:bg-rose-50 dark:hover:bg-rose-950/20"
+  },
+  "LuListItem.disabled": {
+    default: "opacity-40 pointer-events-none"
+  },
+  LuListItemLeading: {
+    default: "flex items-center justify-center shrink-0 min-w-[20px] text-zinc-400 dark:text-zinc-500"
+  },
+  LuListItemContent: {
+    default: "flex-1 min-w-0 flex flex-col gap-0.5"
+  },
+  LuListItemTrailing: {
+    default: "flex items-center justify-center shrink-0 text-zinc-400 dark:text-zinc-500 text-xs"
+  },
+  LuListDivider: {
+    default: "h-px bg-zinc-200 dark:bg-zinc-800/80 my-1 mx-2 list-none"
+  },
+  LuListSubheader: {
+    default: "px-4 py-2 text-[10px] font-bold uppercase tracking-wider text-zinc-400 dark:text-zinc-500 list-none mt-2 first:mt-0"
+  },
+  // ─── v0.6.0: LuPopover ──────────────────────────────────────────────────────
+  LuPopover: {
+    default: "relative inline-block"
+  },
+  LuPopoverContent: {
+    default: "absolute z-40 w-72 rounded-2xl border border-zinc-200/80 bg-white p-4 shadow-xl focus:outline-none dark:border-zinc-800 dark:bg-zinc-900 lu-fade-in"
+  },
+  // ─── v0.6.0: LuBottomSheet ──────────────────────────────────────────────────
+  LuBottomSheetBackdrop: {
+    default: "fixed inset-0 z-50 bg-black/40 backdrop-blur-sm"
+  },
+  LuBottomSheet: {
+    default: "fixed bottom-0 left-0 right-0 z-50 max-h-[90vh] flex flex-col rounded-t-3xl border-t border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-900 transition-transform duration-300 ease-in-out"
+  },
+  LuBottomSheetHandle: {
+    default: "py-4 w-full cursor-grab active:cursor-grabbing shrink-0"
+  },
+  // ─── v0.6.0: LuToast ────────────────────────────────────────────────────────
+  LuToastContainer: {
+    default: "fixed bottom-4 right-4 z-50 flex flex-col gap-2 w-full max-w-sm pointer-events-none px-4 sm:px-0"
+  },
+  LuToast: {
+    default: "flex items-start gap-3 p-4 rounded-xl border bg-white dark:bg-zinc-900 shadow-lg pointer-events-auto transition-all duration-300 w-full"
+  },
+  "LuToast.success": {
+    default: "border-emerald-200 bg-emerald-50/50 text-emerald-900 dark:border-emerald-800/50 dark:bg-emerald-950/10 dark:text-emerald-300"
+  },
+  "LuToast.error": {
+    default: "border-rose-200 bg-rose-50/50 text-rose-900 dark:border-rose-800/50 dark:bg-rose-950/10 dark:text-rose-300"
+  },
+  "LuToast.warning": {
+    default: "border-amber-200 bg-amber-50/50 text-amber-900 dark:border-amber-800/50 dark:bg-amber-950/10 dark:text-amber-300"
+  },
+  "LuToast.info": {
+    default: "border-blue-200 bg-blue-50/50 text-blue-900 dark:border-blue-800/50 dark:bg-blue-950/10 dark:text-blue-300"
+  },
+  LuToastTitle: {
+    default: "text-sm font-semibold"
+  },
+  LuToastDescription: {
+    default: "text-xs mt-1 opacity-90"
+  },
+  LuToastClose: {
+    default: "shrink-0 rounded-lg p-1 opacity-60 hover:opacity-100 transition-opacity focus:outline-none"
+  },
+  // ─── v0.6.0: LuChip ─────────────────────────────────────────────────────────
+  LuChip: {
+    default: "inline-flex items-center gap-1.5 px-3 py-1 text-xs font-semibold rounded-full border border-zinc-200 bg-zinc-50 text-zinc-700 hover:bg-zinc-100 transition-colors cursor-pointer select-none dark:border-zinc-800 dark:bg-zinc-800/50 dark:text-zinc-300 dark:hover:bg-zinc-800"
+  },
+  "LuChip.selected": {
+    default: "border-rose-200 bg-rose-50 text-rose-600 dark:border-rose-800/50 dark:bg-rose-950/20 dark:text-rose-400 hover:bg-rose-100 dark:hover:bg-rose-900/30"
+  },
+  "LuChip.disabled": {
+    default: "opacity-40 pointer-events-none"
+  },
+  LuChipClose: {
+    default: "shrink-0 rounded-full p-0.5 opacity-60 hover:opacity-100 hover:bg-zinc-200 dark:hover:bg-zinc-700 transition-colors focus:outline-none"
+  },
+  // ─── v0.6.0: LuAccordion ───────────────────────────────────────────────────
+  LuAccordion: {
+    default: "w-full border border-zinc-200 dark:border-zinc-800 rounded-2xl bg-white dark:bg-zinc-900 overflow-hidden divide-y divide-zinc-200 dark:divide-zinc-800"
+  },
+  LuAccordionItem: {
+    default: "flex flex-col"
+  },
+  LuAccordionTrigger: {
+    default: "flex items-center justify-between w-full px-6 py-4 text-sm font-semibold text-zinc-800 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-zinc-800/40 transition-colors text-left focus:outline-none focus:bg-zinc-50 dark:focus:bg-zinc-800/40"
+  },
+  LuAccordionContent: {
+    default: "px-6 pb-4 pt-1 text-sm text-zinc-600 dark:text-zinc-400"
+  }
 }, r = {
   LuStack: {
     default: "flex",
@@ -408,7 +1155,7 @@ const e = {
   LuDesktopShellMainContent: {
     default: "flex flex-1 flex-col overflow-hidden relative"
   }
-}, n = {
+}, o = {
   LuMobileShell: {
     default: "flex flex-col h-full w-full overflow-hidden bg-white text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100"
   },
@@ -421,7 +1168,7 @@ const e = {
   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 = {
+}, d = {
   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"
   },
@@ -433,14 +1180,71 @@ const e = {
   },
   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"
+  },
+  // ─── v0.5.0: POS suite ────────────────────────────────────────────────────
+  LuEmbeddedPOSLayout: {
+    default: "lu-embedded-pos-layout",
+    "2col": "lu-embedded-pos-layout grid-cols-[1fr_360px]",
+    "3col": "lu-embedded-pos-layout grid-cols-[240px_1fr_360px]"
+  },
+  LuEmbeddedPOSTopBar: {
+    default: "flex items-center justify-between gap-3 px-4 h-12 border-b border-zinc-200 bg-zinc-50 shrink-0 dark:bg-zinc-900 dark:border-zinc-800"
+  },
+  LuEmbeddedBarcodeInput: {
+    default: "flex flex-col gap-1.5"
+  },
+  LuEmbeddedBarcodeInputField: {
+    default: "flex h-11 items-center gap-3 rounded-xl border-2 border-zinc-300 bg-zinc-50 px-4 text-sm font-mono focus-within:border-rose-500 transition-colors dark:border-zinc-700 dark:bg-zinc-900 dark:focus-within:border-rose-400",
+    scanning: "border-emerald-500 bg-emerald-50/30 dark:border-emerald-400 dark:bg-emerald-950/20"
+  },
+  LuEmbeddedBarcodeInputInner: {
+    default: "flex-1 bg-transparent focus:outline-none text-zinc-900 placeholder:text-zinc-400 dark:text-zinc-50 dark:placeholder:text-zinc-500"
+  },
+  LuEmbeddedPOSItemList: {
+    default: "lu-embedded-pos-item-list flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 lu-scrollbar-thin"
+  },
+  LuEmbeddedPOSItemListRow: {
+    default: "flex items-center gap-3 px-4 py-3 hover:bg-zinc-50 dark:hover:bg-zinc-800/60 transition-colors"
+  },
+  LuEmbeddedPOSItemListQty: {
+    default: "flex items-center gap-1.5 shrink-0"
+  },
+  LuEmbeddedPOSItemListQtyBtn: {
+    default: "flex items-center justify-center w-7 h-7 rounded-md border border-zinc-200 text-zinc-600 hover:bg-zinc-100 hover:border-zinc-300 transition-colors dark:border-zinc-700 dark:text-zinc-400 dark:hover:bg-zinc-700"
+  },
+  LuEmbeddedPOSItemListQtyValue: {
+    default: "w-8 text-center text-sm font-semibold text-zinc-900 dark:text-zinc-50 tabular-nums"
+  },
+  LuEmbeddedPOSItemListRemove: {
+    default: "shrink-0 flex items-center justify-center w-7 h-7 rounded-md text-zinc-300 hover:text-rose-500 hover:bg-rose-50 transition-colors dark:text-zinc-600 dark:hover:text-rose-400 dark:hover:bg-rose-950/20"
+  },
+  LuEmbeddedPOSSummary: {
+    default: "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800"
+  },
+  LuEmbeddedPOSSummaryRow: {
+    default: "flex items-center justify-between px-4 py-2 text-sm"
+  },
+  LuEmbeddedPOSSummaryTotal: {
+    default: "flex items-center justify-between px-4 py-3 font-bold text-base text-zinc-900 dark:text-zinc-50"
+  },
+  LuEmbeddedPOSPayment: {
+    default: "flex flex-col gap-2 p-4"
+  },
+  LuEmbeddedPOSPaymentMethod: {
+    default: "flex items-center gap-2.5 rounded-xl border-2 border-zinc-200 bg-zinc-50 px-4 py-3 cursor-pointer transition-colors hover:border-zinc-300 dark:border-zinc-700 dark:bg-zinc-900 dark:hover:border-zinc-600",
+    selected: "border-rose-500 bg-rose-50/50 dark:border-rose-400 dark:bg-rose-950/20"
+  },
+  LuEmbeddedPOSPayButton: {
+    default: "flex items-center justify-center gap-2 h-12 w-full rounded-xl font-semibold text-sm transition-colors bg-rose-600 text-white hover:bg-rose-700 active:bg-rose-800 dark:bg-rose-500 dark:hover:bg-rose-600",
+    disabled: "opacity-50 cursor-not-allowed pointer-events-none"
   }
-}, o = {
+}, n = {
   ...e,
   ...r,
   ...t,
-  ...n,
-  ...i
+  ...o,
+  ...d
 };
 export {
-  o as defaultSkin
+  n as defaultSkin
 };