@mieweb/ui 0.7.3-dev.15 → 0.7.3-dev.16

package/dist/chunk-PIQBB2JY.cjs

@@ -0,0 +1,525 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var reactDom = require('react-dom');
+var core = require('@dnd-kit/core');
+var sortable = require('@dnd-kit/sortable');
+var utilities = require('@dnd-kit/utilities');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var COL_IDS = ["column-0", "column-1", "column-2"];
+var DEFAULT_HANDLE_SELECTOR = '[data-slot="dashboard-widget-header"]';
+var HEADER_LAYOUT_CLASSES = [
+  "flex",
+  "flex-row",
+  "flex-nowrap",
+  "items-center",
+  "[&>:nth-child(2)]:ms-auto"
+];
+function orderStorageKey(base) {
+  return `${base}-portlet-order`;
+}
+function layoutStorageKey(base) {
+  return `${base}-dashboard-layout`;
+}
+function loadLayout(base) {
+  if (!base) return null;
+  try {
+    const raw = localStorage.getItem(layoutStorageKey(base));
+    const val = raw ? Number(raw) : null;
+    return val === 1 || val === 2 || val === 3 ? val : null;
+  } catch {
+    return null;
+  }
+}
+function saveLayout(base, mode) {
+  if (!base) return;
+  try {
+    localStorage.setItem(layoutStorageKey(base), String(mode));
+  } catch {
+  }
+}
+function sanitizeSlot(value) {
+  return Array.isArray(value) ? value.filter((v) => typeof v === "string") : [];
+}
+function loadOrder(base) {
+  if (!base) return null;
+  try {
+    const raw = localStorage.getItem(orderStorageKey(base));
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    return [
+      sanitizeSlot(parsed[0]),
+      sanitizeSlot(parsed[1]),
+      sanitizeSlot(parsed[2])
+    ];
+  } catch {
+    return null;
+  }
+}
+function saveOrder(base, order) {
+  if (!base) return;
+  try {
+    const record = {};
+    order.forEach((ids, i) => {
+      record[i] = ids;
+    });
+    localStorage.setItem(orderStorageKey(base), JSON.stringify(record));
+  } catch {
+  }
+}
+function mergeColumnOrder(columns, saved) {
+  const allIds = new Set(
+    [...columns[0], ...columns[1], ...columns[2]].map((p) => p.id)
+  );
+  const result = [[], [], []];
+  const placed = /* @__PURE__ */ new Set();
+  for (let i = 0; i < 3; i++) {
+    for (const id of saved?.[i] ?? []) {
+      if (allIds.has(id) && !placed.has(id)) {
+        result[i].push(id);
+        placed.add(id);
+      }
+    }
+  }
+  for (let i = 0; i < 3; i++) {
+    for (const item of columns[i]) {
+      if (!placed.has(item.id)) {
+        result[i].push(item.id);
+        placed.add(item.id);
+      }
+    }
+  }
+  return result;
+}
+function buildItemMap(columns) {
+  const map = /* @__PURE__ */ new Map();
+  for (const col of columns) {
+    for (const item of col) map.set(item.id, item);
+  }
+  return map;
+}
+function findColumn(colOrder, itemId) {
+  return colOrder.findIndex((ids) => ids.includes(itemId));
+}
+function moveAcrossColumns(order, activeId, overId) {
+  const colIdx = COL_IDS.indexOf(overId);
+  const sourceCol = findColumn(order, activeId);
+  if (sourceCol === -1) return order;
+  const targetCol = colIdx !== -1 ? colIdx : findColumn(order, overId);
+  if (targetCol === -1 || sourceCol === targetCol) return order;
+  const next = order.map((col) => [...col]);
+  next[sourceCol] = next[sourceCol].filter((id) => id !== activeId);
+  const overIdx = colIdx !== -1 ? -1 : next[targetCol].indexOf(overId);
+  if (overIdx === -1) {
+    next[targetCol].push(activeId);
+  } else {
+    next[targetCol].splice(overIdx, 0, activeId);
+  }
+  return next;
+}
+function reorderOnDrop(order, activeId, overId, crossedColumns) {
+  const isColumnTarget = COL_IDS.indexOf(overId) !== -1;
+  if (isColumnTarget || overId === activeId) return order;
+  const col = findColumn(order, activeId);
+  if (col === -1 || findColumn(order, overId) !== col) return order;
+  const oldIdx = order[col].indexOf(activeId);
+  const newIdx = order[col].indexOf(overId);
+  if (oldIdx === -1 || newIdx === -1) return order;
+  if (crossedColumns && newIdx === oldIdx + 1) return order;
+  const next = order.map((c) => [...c]);
+  next[col] = sortable.arrayMove(next[col], oldIdx, newIdx);
+  return next;
+}
+function consolidateColumns(order, mode) {
+  if (mode >= 3 || requiredColumns(order) <= mode) return order;
+  if (mode === 1) return [[...order[0], ...order[1], ...order[2]], [], []];
+  return [[...order[0]], [...order[1], ...order[2]], []];
+}
+function requiredColumns(order) {
+  return Math.max(
+    1,
+    ...order.map((ids, i) => ids.length > 0 ? i + 1 : 0)
+  );
+}
+var collisionDetection = (args) => {
+  const pw = core.pointerWithin(args);
+  if (pw.length > 0) return pw;
+  const cc = core.closestCenter(args);
+  if (cc.length > 0) return cc;
+  return core.rectIntersection(args);
+};
+function SortablePortlet({
+  id,
+  handleSelector,
+  children
+}) {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = sortable.useSortable({ id });
+  const wrapperRef = React__namespace.useRef(null);
+  const [headerEl, setHeaderEl] = React__namespace.useState(null);
+  const [searched, setSearched] = React__namespace.useState(false);
+  const style = {
+    transform: utilities.CSS.Transform.toString(transform),
+    transition,
+    opacity: isDragging ? 0.4 : 1
+  };
+  React__namespace.useEffect(() => {
+    const container = wrapperRef.current;
+    if (!container) return;
+    let rafId = 0;
+    const findHeader = () => {
+      const header = container.querySelector(handleSelector);
+      if (header instanceof HTMLElement) {
+        header.classList.add(...HEADER_LAYOUT_CLASSES);
+        setHeaderEl(header);
+        observer.disconnect();
+      } else {
+        setHeaderEl(null);
+      }
+      setSearched(true);
+    };
+    const observer = new MutationObserver(() => {
+      cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(findHeader);
+    });
+    findHeader();
+    observer.observe(container, { childList: true, subtree: true });
+    return () => {
+      cancelAnimationFrame(rafId);
+      observer.disconnect();
+    };
+  }, [handleSelector]);
+  const handle = /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: chunkS5RVSXDV_cjs.cn(
+        "inline-flex h-7 w-6 shrink-0 cursor-grab touch-none items-center justify-center rounded border-none bg-transparent",
+        "text-muted-foreground hover:bg-muted hover:text-foreground active:cursor-grabbing",
+        "opacity-40 transition-opacity group-hover/portlet:opacity-100 focus-visible:opacity-100",
+        "[@media(hover:none)]:opacity-100",
+        !headerEl && "bg-card/80 absolute end-2 top-2 z-10 shadow-sm"
+      ),
+      "aria-label": "Drag to reorder",
+      ...attributes,
+      ...listeners,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { "aria-hidden": "true", className: "h-4 w-4" })
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: (node) => {
+        setNodeRef(node);
+        wrapperRef.current = node;
+      },
+      style,
+      className: "group/portlet relative min-w-0",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full min-w-0", children }),
+        headerEl ? reactDom.createPortal(handle, headerEl) : searched ? handle : null
+      ]
+    }
+  );
+}
+function DroppableColumn({
+  id,
+  items,
+  columnIndex,
+  handleSelector,
+  flatten,
+  dragActive
+}) {
+  const { setNodeRef, isOver } = core.useDroppable({ id });
+  const ids = items.map((p) => p.id);
+  return /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: ids, strategy: sortable.verticalListSortingStrategy, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      className: chunkS5RVSXDV_cjs.cn(
+        "flex min-h-16 min-w-0 flex-col gap-3",
+        flatten && "max-lg:contents"
+      ),
+      role: "group",
+      "aria-label": `Dashboard column ${columnIndex + 1}`,
+      children: [
+        items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+          SortablePortlet,
+          {
+            id: item.id,
+            handleSelector,
+            children: item.node
+          },
+          item.id
+        )),
+        items.length === 0 && dragActive && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: chunkS5RVSXDV_cjs.cn(
+              "border-border text-muted-foreground flex min-h-32 items-center justify-center rounded-lg border-2 border-dashed text-sm font-medium transition-colors",
+              isOver && "border-primary-500 bg-primary-500/10 text-primary-600"
+            ),
+            children: "Drop here"
+          }
+        )
+      ]
+    }
+  ) });
+}
+var CustomizableDashboard = React__namespace.forwardRef(function CustomizableDashboard2({
+  columns,
+  title,
+  storageKey,
+  ariaLabel,
+  toolbarSlot,
+  defaultOrder,
+  order: controlledOrder,
+  onOrderChange,
+  defaultLayout = 3,
+  layout: controlledLayout,
+  onLayoutChange,
+  dragHandleSelector = DEFAULT_HANDLE_SELECTOR,
+  className
+}, ref) {
+  const itemMap = React__namespace.useMemo(() => buildItemMap(columns), [columns]);
+  const [internalLayout, setInternalLayout] = React__namespace.useState(defaultLayout);
+  const layoutMode = controlledLayout ?? internalLayout;
+  const [colOrder, setColOrder] = React__namespace.useState(
+    () => consolidateColumns(
+      mergeColumnOrder(columns, controlledOrder ?? defaultOrder ?? null),
+      controlledLayout ?? defaultLayout
+    )
+  );
+  const [activeId, setActiveId] = React__namespace.useState(null);
+  const prevColOrder = React__namespace.useRef(colOrder);
+  const layoutModeRef = React__namespace.useRef(layoutMode);
+  layoutModeRef.current = layoutMode;
+  const colOrderRef = React__namespace.useRef(colOrder);
+  colOrderRef.current = colOrder;
+  const columnsRef = React__namespace.useRef(columns);
+  columnsRef.current = columns;
+  const draggingRef = React__namespace.useRef(false);
+  React__namespace.useEffect(() => {
+    if (!storageKey) return;
+    if (controlledLayout === void 0) {
+      const savedLayout = loadLayout(storageKey);
+      if (savedLayout !== null) setInternalLayout(savedLayout);
+    }
+    if (controlledOrder === void 0) {
+      const savedOrder = loadOrder(storageKey);
+      if (savedOrder) {
+        setColOrder(mergeColumnOrder(columnsRef.current, savedOrder));
+      }
+    }
+  }, [storageKey]);
+  React__namespace.useEffect(() => {
+    if (draggingRef.current) return;
+    setColOrder((prev) => {
+      const next = consolidateColumns(
+        mergeColumnOrder(columns, controlledOrder ?? prev),
+        layoutMode
+      );
+      return JSON.stringify(next) === JSON.stringify(prev) ? prev : next;
+    });
+  }, [columns, controlledOrder, layoutMode]);
+  const setLayout = React__namespace.useCallback(
+    (mode) => {
+      if (controlledLayout === void 0) setInternalLayout(mode);
+      saveLayout(storageKey, mode);
+      onLayoutChange?.(mode);
+    },
+    [controlledLayout, storageKey, onLayoutChange]
+  );
+  const commitOrder = React__namespace.useCallback(
+    (next) => {
+      saveOrder(storageKey, next);
+      onOrderChange?.(next);
+      const occupied = requiredColumns(next);
+      if (occupied < layoutModeRef.current) {
+        setLayout(occupied);
+      }
+    },
+    [storageKey, onOrderChange, setLayout]
+  );
+  const handleLayoutChange = React__namespace.useCallback(
+    (mode) => {
+      setLayout(mode);
+      const next = consolidateColumns(colOrderRef.current, mode);
+      if (next !== colOrderRef.current) {
+        setColOrder(next);
+        saveOrder(storageKey, next);
+        onOrderChange?.(next);
+      }
+    },
+    [setLayout, storageKey, onOrderChange]
+  );
+  const sensors = core.useSensors(
+    core.useSensor(core.PointerSensor, { activationConstraint: { distance: 5 } }),
+    core.useSensor(core.KeyboardSensor, { coordinateGetter: sortable.sortableKeyboardCoordinates })
+  );
+  const resolve = (ids) => ids.map((id) => itemMap.get(id)).filter(Boolean);
+  const handleDragStart = React__namespace.useCallback(
+    (event) => {
+      prevColOrder.current = colOrder;
+      draggingRef.current = true;
+      setActiveId(String(event.active.id));
+    },
+    [colOrder]
+  );
+  const handleDragOver = React__namespace.useCallback((event) => {
+    const { active, over } = event;
+    if (!over) return;
+    const next = moveAcrossColumns(
+      colOrderRef.current,
+      String(active.id),
+      String(over.id)
+    );
+    if (next !== colOrderRef.current) setColOrder(next);
+  }, []);
+  const handleDragEnd = React__namespace.useCallback(
+    (event) => {
+      const { active, over } = event;
+      draggingRef.current = false;
+      setActiveId(null);
+      if (!over) {
+        setColOrder(prevColOrder.current);
+        return;
+      }
+      const activeItemId = String(active.id);
+      const crossedColumns = findColumn(prevColOrder.current, activeItemId) !== findColumn(colOrderRef.current, activeItemId);
+      const next = reorderOnDrop(
+        colOrderRef.current,
+        activeItemId,
+        String(over.id),
+        crossedColumns
+      );
+      if (next !== colOrderRef.current) setColOrder(next);
+      if (JSON.stringify(next) !== JSON.stringify(prevColOrder.current)) {
+        commitOrder(next);
+      }
+    },
+    [commitOrder]
+  );
+  const handleDragCancel = React__namespace.useCallback(() => {
+    draggingRef.current = false;
+    setActiveId(null);
+    setColOrder(prevColOrder.current);
+  }, []);
+  const cols = [
+    resolve(colOrder[0]),
+    resolve(colOrder[1]),
+    resolve(colOrder[2])
+  ];
+  const visibleCols = layoutMode === 1 ? [cols[0]] : layoutMode === 2 ? [cols[0], cols[1]] : cols;
+  const toolbar = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 pb-2", children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-foreground me-auto text-lg font-semibold", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "border-border bg-muted flex gap-0.5 rounded-md border p-0.5 max-md:hidden",
+        role: "radiogroup",
+        "aria-label": "Column layout",
+        children: [3, 2, 1].map((mode) => {
+          const Icon = mode === 3 ? lucideReact.Columns3 : mode === 2 ? lucideReact.Columns2 : lucideReact.Square;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: chunkS5RVSXDV_cjs.cn(
+                "flex h-7 w-7 items-center justify-center rounded transition-colors",
+                layoutMode === mode ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:bg-background hover:text-foreground"
+              ),
+              onClick: () => handleLayoutChange(mode),
+              role: "radio",
+              "aria-checked": layoutMode === mode,
+              "aria-label": `${mode} column layout`,
+              title: `${mode} column${mode > 1 ? "s" : ""}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": "true", className: "h-4 w-4" })
+            },
+            mode
+          );
+        })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.DndContext,
+    {
+      sensors,
+      collisionDetection,
+      onDragStart: handleDragStart,
+      onDragOver: handleDragOver,
+      onDragEnd: handleDragEnd,
+      onDragCancel: handleDragCancel,
+      children: [
+        toolbarSlot ? reactDom.createPortal(toolbar, toolbarSlot) : toolbar,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref,
+            className: chunkS5RVSXDV_cjs.cn(
+              "grid items-start gap-3",
+              layoutMode === 3 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+              layoutMode === 2 && "grid-cols-1 md:grid-cols-2",
+              layoutMode === 1 && "grid-cols-1",
+              className
+            ),
+            role: "region",
+            "aria-label": ariaLabel ?? "Dashboard",
+            children: visibleCols.map((col, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              DroppableColumn,
+              {
+                id: COL_IDS[i],
+                items: col,
+                columnIndex: i,
+                handleSelector: dragHandleSelector,
+                flatten: layoutMode === 3,
+                dragActive: activeId !== null
+              },
+              COL_IDS[i]
+            ))
+          }
+        )
+      ]
+    }
+  );
+});
+
+exports.CustomizableDashboard = CustomizableDashboard;
+exports.consolidateColumns = consolidateColumns;
+exports.mergeColumnOrder = mergeColumnOrder;
+exports.moveAcrossColumns = moveAcrossColumns;
+exports.reorderOnDrop = reorderOnDrop;
+exports.requiredColumns = requiredColumns;
+//# sourceMappingURL=chunk-PIQBB2JY.cjs.map
+//# sourceMappingURL=chunk-PIQBB2JY.cjs.map

package/dist/chunk-PIQBB2JY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CustomizableDashboard/CustomizableDashboard.tsx"],"names":["arrayMove","pointerWithin","closestCenter","rectIntersection","useSortable","React","CSS","jsx","cn","GripVertical","jsxs","createPortal","useDroppable","SortableContext","verticalListSortingStrategy","CustomizableDashboard","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","Columns3","Columns2","Square","DndContext"],"mappings":"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","file":"chunk-PIQBB2JY.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  DndContext,\n  closestCenter,\n  pointerWithin,\n  rectIntersection,\n  PointerSensor,\n  KeyboardSensor,\n  useSensor,\n  useSensors,\n  useDroppable,\n  type DragStartEvent,\n  type DragOverEvent,\n  type DragEndEvent,\n  type CollisionDetection,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n  useSortable,\n  arrayMove,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { GripVertical, Columns2, Columns3, Square } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** A dashboard item: a stable id plus the rendered content. */\nexport interface PortletItem {\n  id: string;\n  node: React.ReactNode;\n}\n\n/** Number of visible columns. */\nexport type DashboardLayout = 1 | 2 | 3;\n\n/** Portlet items grouped into three logical columns. */\nexport type DashboardColumns = [PortletItem[], PortletItem[], PortletItem[]];\n\n/** Portlet ids grouped into three logical columns. */\nexport type DashboardOrder = [string[], string[], string[]];\n\nexport interface CustomizableDashboardProps {\n  /**\n   * Portlets grouped into three columns. This is the default arrangement;\n   * user reordering (persisted or controlled) takes precedence. Items later\n   * removed from props disappear from saved layouts automatically, and new\n   * items appear in their props column.\n   */\n  columns: DashboardColumns;\n  /** Toolbar heading rendered before the layout toggle. */\n  title?: string;\n  /**\n   * Base localStorage key used to persist column order and layout mode\n   * (`{storageKey}-portlet-order` / `{storageKey}-dashboard-layout`).\n   * Omit to disable built-in persistence (e.g. when using `order` /\n   * `onOrderChange` with a server-side store). Distinct dashboards must\n   * pass distinct keys.\n   */\n  storageKey?: string;\n  /** Accessible label for the dashboard grid region. */\n  ariaLabel?: string;\n  /**\n   * Optional DOM element to portal the toolbar (title + layout toggle)\n   * into, e.g. a page header actions row. When omitted, the toolbar\n   * renders inline above the grid.\n   */\n  toolbarSlot?: HTMLElement | null;\n  /** Initial column order for uncontrolled usage with external persistence. */\n  defaultOrder?: DashboardOrder;\n  /** Controlled column order. Changes are reported via `onOrderChange`. */\n  order?: DashboardOrder;\n  /** Called with the full new order after a drop or layout normalization. */\n  onOrderChange?: (order: DashboardOrder) => void;\n  /** Initial layout mode for uncontrolled usage (default 3). */\n  defaultLayout?: DashboardLayout;\n  /** Controlled layout mode. Changes are reported via `onLayoutChange`. */\n  layout?: DashboardLayout;\n  /** Called when the user changes the column layout (or it auto-shrinks). */\n  onLayoutChange?: (layout: DashboardLayout) => void;\n  /**\n   * CSS selector for the header element inside each portlet that receives\n   * the drag handle. Defaults to the `DashboardWidget` header slot. When no\n   * header matches, the handle floats over the portlet's top end corner.\n   */\n  dragHandleSelector?: string;\n  /** Additional class name for the grid element. */\n  className?: string;\n}\n\n// =============================================================================\n// Internals\n// =============================================================================\n\nconst COL_IDS = ['column-0', 'column-1', 'column-2'] as const;\n\nconst DEFAULT_HANDLE_SELECTOR = '[data-slot=\"dashboard-widget-header\"]';\n\n// Applied to a discovered header so the appended handle lays out correctly:\n// an auto start margin on the 2nd child pushes trailing controls (and the\n// handle after them) to the end, even inside `justify-between` headers.\nconst HEADER_LAYOUT_CLASSES = [\n  'flex',\n  'flex-row',\n  'flex-nowrap',\n  'items-center',\n  '[&>:nth-child(2)]:ms-auto',\n];\n\nfunction orderStorageKey(base: string): string {\n  return `${base}-portlet-order`;\n}\n\nfunction layoutStorageKey(base: string): string {\n  return `${base}-dashboard-layout`;\n}\n\nfunction loadLayout(base: string | undefined): DashboardLayout | null {\n  if (!base) return null;\n  try {\n    const raw = localStorage.getItem(layoutStorageKey(base));\n    const val = raw ? Number(raw) : null;\n    return val === 1 || val === 2 || val === 3 ? val : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction saveLayout(base: string | undefined, mode: DashboardLayout) {\n  if (!base) return;\n  try {\n    localStorage.setItem(layoutStorageKey(base), String(mode));\n  } catch {\n    /* storage unavailable */\n  }\n}\n\nfunction sanitizeSlot(value: unknown): string[] {\n  return Array.isArray(value)\n    ? value.filter((v): v is string => typeof v === 'string')\n    : [];\n}\n\nfunction loadOrder(base: string | undefined): DashboardOrder | null {\n  if (!base) return null;\n  try {\n    const raw = localStorage.getItem(orderStorageKey(base));\n    if (!raw) return null;\n    const parsed = JSON.parse(raw) as Record<number, unknown>;\n    return [\n      sanitizeSlot(parsed[0]),\n      sanitizeSlot(parsed[1]),\n      sanitizeSlot(parsed[2]),\n    ];\n  } catch {\n    return null;\n  }\n}\n\nfunction saveOrder(base: string | undefined, order: DashboardOrder) {\n  if (!base) return;\n  try {\n    const record: Record<number, string[]> = {};\n    order.forEach((ids, i) => {\n      record[i] = ids;\n    });\n    localStorage.setItem(orderStorageKey(base), JSON.stringify(record));\n  } catch {\n    /* storage unavailable */\n  }\n}\n\n/**\n * Merge a saved/provided order with the current props columns: saved\n * positions win, unknown saved ids are dropped, and new items are appended\n * to their original props column.\n */\nexport function mergeColumnOrder(\n  columns: DashboardColumns,\n  saved: DashboardOrder | null\n): DashboardOrder {\n  const allIds = new Set(\n    [...columns[0], ...columns[1], ...columns[2]].map((p) => p.id)\n  );\n  const result: DashboardOrder = [[], [], []];\n  const placed = new Set<string>();\n\n  for (let i = 0; i < 3; i++) {\n    for (const id of saved?.[i] ?? []) {\n      if (allIds.has(id) && !placed.has(id)) {\n        result[i].push(id);\n        placed.add(id);\n      }\n    }\n  }\n  for (let i = 0; i < 3; i++) {\n    for (const item of columns[i]) {\n      if (!placed.has(item.id)) {\n        result[i].push(item.id);\n        placed.add(item.id);\n      }\n    }\n  }\n  return result;\n}\n\nfunction buildItemMap(columns: DashboardColumns): Map<string, PortletItem> {\n  const map = new Map<string, PortletItem>();\n  for (const col of columns) {\n    for (const item of col) map.set(item.id, item);\n  }\n  return map;\n}\n\nfunction findColumn(colOrder: string[][], itemId: string): number {\n  return colOrder.findIndex((ids) => ids.includes(itemId));\n}\n\n/**\n * Move `activeId` into the column named by `overId` (a column id or an item\n * id), inserted before the hovered item. Returns the same reference when no\n * cross-column move is needed.\n */\nexport function moveAcrossColumns(\n  order: DashboardOrder,\n  activeId: string,\n  overId: string\n): DashboardOrder {\n  const colIdx = COL_IDS.indexOf(overId as (typeof COL_IDS)[number]);\n  const sourceCol = findColumn(order, activeId);\n  if (sourceCol === -1) return order;\n\n  const targetCol = colIdx !== -1 ? colIdx : findColumn(order, overId);\n  if (targetCol === -1 || sourceCol === targetCol) return order;\n\n  const next = order.map((col) => [...col]) as DashboardOrder;\n  next[sourceCol] = next[sourceCol].filter((id) => id !== activeId);\n  const overIdx = colIdx !== -1 ? -1 : next[targetCol].indexOf(overId);\n  if (overIdx === -1) {\n    next[targetCol].push(activeId);\n  } else {\n    next[targetCol].splice(overIdx, 0, activeId);\n  }\n  return next;\n}\n\n/**\n * Final order for a drop. Same-column drags reorder around the hovered\n * item. After a cross-column move, the one position `moveAcrossColumns`\n * already chose — active sitting immediately before the hovered item — is\n * kept (reordering would flip it to the other side of that item), but\n * hovering any other item in the destination column still reorders, so a\n * drag can keep moving after it crosses.\n */\nexport function reorderOnDrop(\n  order: DashboardOrder,\n  activeId: string,\n  overId: string,\n  crossedColumns: boolean\n): DashboardOrder {\n  const isColumnTarget =\n    COL_IDS.indexOf(overId as (typeof COL_IDS)[number]) !== -1;\n  if (isColumnTarget || overId === activeId) return order;\n\n  const col = findColumn(order, activeId);\n  if (col === -1 || findColumn(order, overId) !== col) return order;\n\n  const oldIdx = order[col].indexOf(activeId);\n  const newIdx = order[col].indexOf(overId);\n  if (oldIdx === -1 || newIdx === -1) return order;\n  // Immediately-before adjacency after a cross is dragOver's insertion,\n  // not a new reorder request.\n  if (crossedColumns && newIdx === oldIdx + 1) return order;\n\n  const next = order.map((c) => [...c]) as DashboardOrder;\n  next[col] = arrayMove(next[col], oldIdx, newIdx);\n  return next;\n}\n\n/**\n * Consolidate columns beyond the visible count into the last visible one.\n * Returns the same reference when nothing needs to move so callers can use\n * reference equality to skip persistence/notification.\n */\nexport function consolidateColumns(\n  order: DashboardOrder,\n  mode: DashboardLayout\n): DashboardOrder {\n  if (mode >= 3 || requiredColumns(order) <= mode) return order;\n  if (mode === 1) return [[...order[0], ...order[1], ...order[2]], [], []];\n  return [[...order[0]], [...order[1], ...order[2]], []];\n}\n\n/**\n * Columns needed to show every item: the highest occupied index + 1, so a\n * gap like `[a], [], [c]` still requires three columns.\n */\nexport function requiredColumns(order: DashboardOrder): DashboardLayout {\n  return Math.max(\n    1,\n    ...order.map((ids, i) => (ids.length > 0 ? i + 1 : 0))\n  ) as DashboardLayout;\n}\n\n/**\n * pointerWithin first (drops into empty columns), then closestCenter for\n * items, then rectIntersection for columns.\n */\nconst collisionDetection: CollisionDetection = (args) => {\n  const pw = pointerWithin(args);\n  if (pw.length > 0) return pw;\n  const cc = closestCenter(args);\n  if (cc.length > 0) return cc;\n  return rectIntersection(args);\n};\n\n// =============================================================================\n// SortablePortlet\n// =============================================================================\n\nfunction SortablePortlet({\n  id,\n  handleSelector,\n  children,\n}: {\n  id: string;\n  handleSelector: string;\n  children: React.ReactNode;\n}) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id });\n\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const [headerEl, setHeaderEl] = React.useState<HTMLElement | null>(null);\n  const [searched, setSearched] = React.useState(false);\n\n  const style: React.CSSProperties = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    opacity: isDragging ? 0.4 : 1,\n  };\n\n  // Portlet content can render asynchronously, so watch for the header with\n  // a MutationObserver (rAF-coalesced) and disconnect once found.\n  React.useEffect(() => {\n    const container = wrapperRef.current;\n    if (!container) return;\n\n    let rafId = 0;\n\n    const findHeader = () => {\n      const header = container.querySelector(handleSelector);\n      if (header instanceof HTMLElement) {\n        header.classList.add(...HEADER_LAYOUT_CLASSES);\n        setHeaderEl(header);\n        observer.disconnect();\n      } else {\n        setHeaderEl(null);\n      }\n      setSearched(true);\n    };\n\n    const observer = new MutationObserver(() => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(findHeader);\n    });\n\n    findHeader();\n    observer.observe(container, { childList: true, subtree: true });\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      observer.disconnect();\n    };\n  }, [handleSelector]);\n\n  const handle = (\n    <button\n      type=\"button\"\n      className={cn(\n        'inline-flex h-7 w-6 shrink-0 cursor-grab touch-none items-center justify-center rounded border-none bg-transparent',\n        'text-muted-foreground hover:bg-muted hover:text-foreground active:cursor-grabbing',\n        'opacity-40 transition-opacity group-hover/portlet:opacity-100 focus-visible:opacity-100',\n        '[@media(hover:none)]:opacity-100',\n        !headerEl && 'bg-card/80 absolute end-2 top-2 z-10 shadow-sm'\n      )}\n      aria-label=\"Drag to reorder\"\n      {...attributes}\n      {...listeners}\n    >\n      <GripVertical aria-hidden=\"true\" className=\"h-4 w-4\" />\n    </button>\n  );\n\n  return (\n    <div\n      ref={(node) => {\n        setNodeRef(node);\n        wrapperRef.current = node;\n      }}\n      style={style}\n      className=\"group/portlet relative min-w-0\"\n    >\n      <div className=\"w-full min-w-0\">{children}</div>\n      {headerEl ? createPortal(handle, headerEl) : searched ? handle : null}\n    </div>\n  );\n}\n\n// =============================================================================\n// DroppableColumn\n// =============================================================================\n\nfunction DroppableColumn({\n  id,\n  items,\n  columnIndex,\n  handleSelector,\n  flatten,\n  dragActive,\n}: {\n  id: string;\n  items: PortletItem[];\n  columnIndex: number;\n  handleSelector: string;\n  flatten: boolean;\n  dragActive: boolean;\n}) {\n  const { setNodeRef, isOver } = useDroppable({ id });\n  const ids = items.map((p) => p.id);\n\n  return (\n    <SortableContext items={ids} strategy={verticalListSortingStrategy}>\n      <div\n        ref={setNodeRef}\n        className={cn(\n          'flex min-h-16 min-w-0 flex-col gap-3',\n          flatten && 'max-lg:contents'\n        )}\n        role=\"group\"\n        aria-label={`Dashboard column ${columnIndex + 1}`}\n      >\n        {items.map((item) => (\n          <SortablePortlet\n            key={item.id}\n            id={item.id}\n            handleSelector={handleSelector}\n          >\n            {item.node}\n          </SortablePortlet>\n        ))}\n        {items.length === 0 && dragActive && (\n          <div\n            aria-hidden=\"true\"\n            className={cn(\n              'border-border text-muted-foreground flex min-h-32 items-center justify-center rounded-lg border-2 border-dashed text-sm font-medium transition-colors',\n              isOver && 'border-primary-500 bg-primary-500/10 text-primary-600'\n            )}\n          >\n            Drop here\n          </div>\n        )}\n      </div>\n    </SortableContext>\n  );\n}\n\n// =============================================================================\n// CustomizableDashboard\n// =============================================================================\n\n/**\n * A user-customizable portlet dashboard: a responsive 1–3 column grid whose\n * items can be dragged between and within columns, with a column-layout\n * toggle and optional persistence.\n *\n * Each portlet's drag handle is appended to the header element matched by\n * `dragHandleSelector` inside its content — `DashboardWidget` headers are\n * matched by default. Portlets without a matching header get a floating\n * handle in their top end corner.\n *\n * Order and layout are persisted to localStorage when `storageKey` is set,\n * or can be controlled via `order`/`onOrderChange` and\n * `layout`/`onLayoutChange` for server-side persistence.\n *\n * @example\n * ```tsx\n * <CustomizableDashboard\n *   storageKey=\"home\"\n *   columns={[\n *     [{ id: 'stats', node: <StatsWidget /> }],\n *     [{ id: 'tasks', node: <TasksWidget /> }],\n *     [{ id: 'orders', node: <OrdersWidget /> }],\n *   ]}\n * />\n * ```\n */\nexport const CustomizableDashboard = React.forwardRef<\n  HTMLDivElement,\n  CustomizableDashboardProps\n>(function CustomizableDashboard(\n  {\n    columns,\n    title,\n    storageKey,\n    ariaLabel,\n    toolbarSlot,\n    defaultOrder,\n    order: controlledOrder,\n    onOrderChange,\n    defaultLayout = 3,\n    layout: controlledLayout,\n    onLayoutChange,\n    dragHandleSelector = DEFAULT_HANDLE_SELECTOR,\n    className,\n  },\n  ref\n) {\n  const itemMap = React.useMemo(() => buildItemMap(columns), [columns]);\n\n  // Initial state ignores persistence so the first client render matches SSR;\n  // saved values are restored in a mount effect below.\n  const [internalLayout, setInternalLayout] =\n    React.useState<DashboardLayout>(defaultLayout);\n  const layoutMode = controlledLayout ?? internalLayout;\n\n  const [colOrder, setColOrder] = React.useState<DashboardOrder>(() =>\n    consolidateColumns(\n      mergeColumnOrder(columns, controlledOrder ?? defaultOrder ?? null),\n      controlledLayout ?? defaultLayout\n    )\n  );\n  const [activeId, setActiveId] = React.useState<string | null>(null);\n\n  const prevColOrder = React.useRef(colOrder);\n  const layoutModeRef = React.useRef(layoutMode);\n  layoutModeRef.current = layoutMode;\n  const colOrderRef = React.useRef(colOrder);\n  colOrderRef.current = colOrder;\n  const columnsRef = React.useRef(columns);\n  columnsRef.current = columns;\n  const draggingRef = React.useRef(false);\n\n  // Restore persisted layout/order after mount (uncontrolled concerns only).\n  React.useEffect(() => {\n    if (!storageKey) return;\n    if (controlledLayout === undefined) {\n      const savedLayout = loadLayout(storageKey);\n      if (savedLayout !== null) setInternalLayout(savedLayout);\n    }\n    if (controlledOrder === undefined) {\n      const savedOrder = loadOrder(storageKey);\n      if (savedOrder) {\n        setColOrder(mergeColumnOrder(columnsRef.current, savedOrder));\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- mount-only restore\n  }, [storageKey]);\n\n  // Sync controlled order and newly added/removed items while not dragging,\n  // consolidating into the effective layout so portlets in columns beyond the\n  // visible count (e.g. mounting with `defaultLayout` 1/2, or a restored or\n  // controlled layout) are never sliced off the render.\n  React.useEffect(() => {\n    if (draggingRef.current) return;\n    setColOrder((prev) => {\n      const next = consolidateColumns(\n        mergeColumnOrder(columns, controlledOrder ?? prev),\n        layoutMode\n      );\n      return JSON.stringify(next) === JSON.stringify(prev) ? prev : next;\n    });\n  }, [columns, controlledOrder, layoutMode]);\n\n  const setLayout = React.useCallback(\n    (mode: DashboardLayout) => {\n      if (controlledLayout === undefined) setInternalLayout(mode);\n      saveLayout(storageKey, mode);\n      onLayoutChange?.(mode);\n    },\n    [controlledLayout, storageKey, onLayoutChange]\n  );\n\n  const commitOrder = React.useCallback(\n    (next: DashboardOrder) => {\n      saveOrder(storageKey, next);\n      onOrderChange?.(next);\n\n      // Auto-shrink only when trailing columns are empty (gaps keep their\n      // column so no item is hidden by a reduced layout)\n      const occupied = requiredColumns(next);\n      if (occupied < layoutModeRef.current) {\n        setLayout(occupied);\n      }\n    },\n    [storageKey, onOrderChange, setLayout]\n  );\n\n  const handleLayoutChange = React.useCallback(\n    (mode: DashboardLayout) => {\n      setLayout(mode);\n      // Consolidate so droppable ids match visible columns; persist/notify\n      // outside the state updater so replayed renders can't double-fire.\n      const next = consolidateColumns(colOrderRef.current, mode);\n      if (next !== colOrderRef.current) {\n        setColOrder(next);\n        saveOrder(storageKey, next);\n        onOrderChange?.(next);\n      }\n    },\n    [setLayout, storageKey, onOrderChange]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })\n  );\n\n  const resolve = (ids: string[]): PortletItem[] =>\n    ids.map((id) => itemMap.get(id)).filter(Boolean) as PortletItem[];\n\n  const handleDragStart = React.useCallback(\n    (event: DragStartEvent) => {\n      prevColOrder.current = colOrder;\n      draggingRef.current = true;\n      setActiveId(String(event.active.id));\n    },\n    [colOrder]\n  );\n\n  const handleDragOver = React.useCallback((event: DragOverEvent) => {\n    const { active, over } = event;\n    if (!over) return;\n    const next = moveAcrossColumns(\n      colOrderRef.current,\n      String(active.id),\n      String(over.id)\n    );\n    if (next !== colOrderRef.current) setColOrder(next);\n  }, []);\n\n  const handleDragEnd = React.useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n      draggingRef.current = false;\n      setActiveId(null);\n\n      if (!over) {\n        setColOrder(prevColOrder.current);\n        return;\n      }\n\n      const activeItemId = String(active.id);\n      // A drag that ends in a different column than it started already sits\n      // where moveAcrossColumns placed it; reordering again would flip it\n      // to the other side of the hovered item.\n      const crossedColumns =\n        findColumn(prevColOrder.current, activeItemId) !==\n        findColumn(colOrderRef.current, activeItemId);\n      const next = reorderOnDrop(\n        colOrderRef.current,\n        activeItemId,\n        String(over.id),\n        crossedColumns\n      );\n      if (next !== colOrderRef.current) setColOrder(next);\n      // A drag that ends where it started is a no-op: skip the commit so it\n      // can't write storage, notify hosts, or auto-shrink the layout.\n      if (JSON.stringify(next) !== JSON.stringify(prevColOrder.current)) {\n        commitOrder(next);\n      }\n    },\n    [commitOrder]\n  );\n\n  const handleDragCancel = React.useCallback(() => {\n    draggingRef.current = false;\n    setActiveId(null);\n    setColOrder(prevColOrder.current);\n  }, []);\n\n  const cols: DashboardColumns = [\n    resolve(colOrder[0]),\n    resolve(colOrder[1]),\n    resolve(colOrder[2]),\n  ];\n\n  const visibleCols =\n    layoutMode === 1 ? [cols[0]] : layoutMode === 2 ? [cols[0], cols[1]] : cols;\n\n  const toolbar = (\n    <div className=\"flex items-center justify-end gap-3 pb-2\">\n      {title && (\n        <h2 className=\"text-foreground me-auto text-lg font-semibold\">\n          {title}\n        </h2>\n      )}\n      <div\n        className=\"border-border bg-muted flex gap-0.5 rounded-md border p-0.5 max-md:hidden\"\n        role=\"radiogroup\"\n        aria-label=\"Column layout\"\n      >\n        {([3, 2, 1] as const).map((mode) => {\n          const Icon = mode === 3 ? Columns3 : mode === 2 ? Columns2 : Square;\n          return (\n            <button\n              key={mode}\n              type=\"button\"\n              className={cn(\n                'flex h-7 w-7 items-center justify-center rounded transition-colors',\n                layoutMode === mode\n                  ? 'bg-background text-foreground shadow-sm'\n                  : 'text-muted-foreground hover:bg-background hover:text-foreground'\n              )}\n              onClick={() => handleLayoutChange(mode)}\n              role=\"radio\"\n              aria-checked={layoutMode === mode}\n              aria-label={`${mode} column layout`}\n              title={`${mode} column${mode > 1 ? 's' : ''}`}\n            >\n              <Icon aria-hidden=\"true\" className=\"h-4 w-4\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={collisionDetection}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      {toolbarSlot ? createPortal(toolbar, toolbarSlot) : toolbar}\n      <div\n        ref={ref}\n        className={cn(\n          'grid items-start gap-3',\n          layoutMode === 3 && 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n          layoutMode === 2 && 'grid-cols-1 md:grid-cols-2',\n          layoutMode === 1 && 'grid-cols-1',\n          className\n        )}\n        role=\"region\"\n        aria-label={ariaLabel ?? 'Dashboard'}\n      >\n        {visibleCols.map((col, i) => (\n          <DroppableColumn\n            key={COL_IDS[i]}\n            id={COL_IDS[i]}\n            items={col}\n            columnIndex={i}\n            handleSelector={dragHandleSelector}\n            flatten={layoutMode === 3}\n            dragActive={activeId !== null}\n          />\n        ))}\n      </div>\n    </DndContext>\n  );\n});\n"]}

package/dist/{chunk-JDHIBJ5K.cjs → chunk-RBEQQ4GG.cjs}

@@ -13,5 +13,5 @@ var brands = {
 };
 
 exports.brands = brands;
-//# sourceMappingURL=chunk-JDHIBJ5K.cjs.map
-//# sourceMappingURL=chunk-JDHIBJ5K.cjs.map
+//# sourceMappingURL=chunk-RBEQQ4GG.cjs.map
+//# sourceMappingURL=chunk-RBEQQ4GG.cjs.map

package/dist/{chunk-JDHIBJ5K.cjs.map → chunk-RBEQQ4GG.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";;;AAkCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,uBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,IAAA,EAAM,MAAM,OAAO,mBAAQ,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,CAAA;AAAA,EACpD,OAAA,EAAS,MAAM,OAAO,wBAAW,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA;AAAA,EAC7D,mBAAA,EAAqB,MACnB,OAAO,kCAAqB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAqB,CAAA;AAAA,EACnE,MAAA,EAAQ,MAAM,OAAO,uBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,MAAA,EAAQ,MAAM,OAAO,qBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,UAAA,EAAY,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,eAAe,CAAA;AAAA,EACtE,QAAA,EAAU,MAAM,OAAO,yBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa;AAClE","file":"chunk-JDHIBJ5K.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System\n *\n * Export all brand-related types, utilities, and configurations.\n */\n\n// Types and utilities\nexport type {\n  BrandConfig,\n  BrandColors,\n  BrandTypography,\n  BrandBorderRadius,\n  BrandBoxShadow,\n  ColorScale,\n  SemanticColors,\n} from './types';\n\nexport {\n  generateBrandCSS,\n  generateTailwindTheme,\n  createBrandPreset,\n} from './types';\n\n// Brand configurations\nexport { bluehiveBrand } from './bluehive';\nexport { ccmeBrand } from './ccme';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { ozwellBrand } from './ozwell';\nexport { wagglelineBrand } from './waggleline';\nexport { webchartBrand } from './webchart';\n\n// All brands for iteration\nexport const brands = {\n  bluehive: () => import('./bluehive').then((m) => m.bluehiveBrand),\n  ccme: () => import('./ccme').then((m) => m.ccmeBrand),\n  default: () => import('./default').then((m) => m.defaultBrand),\n  'enterprise-health': () =>\n    import('./enterprise-health').then((m) => m.enterpriseHealthBrand),\n  mieweb: () => import('./mieweb').then((m) => m.miewebBrand),\n  ozwell: () => import('./ozwell').then((m) => m.ozwellBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}
+{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";;;AAkCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,uBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,IAAA,EAAM,MAAM,OAAO,mBAAQ,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,CAAA;AAAA,EACpD,OAAA,EAAS,MAAM,OAAO,wBAAW,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA;AAAA,EAC7D,mBAAA,EAAqB,MACnB,OAAO,kCAAqB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAqB,CAAA;AAAA,EACnE,MAAA,EAAQ,MAAM,OAAO,uBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,MAAA,EAAQ,MAAM,OAAO,qBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,UAAA,EAAY,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,eAAe,CAAA;AAAA,EACtE,QAAA,EAAU,MAAM,OAAO,yBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa;AAClE","file":"chunk-RBEQQ4GG.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System\n *\n * Export all brand-related types, utilities, and configurations.\n */\n\n// Types and utilities\nexport type {\n  BrandConfig,\n  BrandColors,\n  BrandTypography,\n  BrandBorderRadius,\n  BrandBoxShadow,\n  ColorScale,\n  SemanticColors,\n} from './types';\n\nexport {\n  generateBrandCSS,\n  generateTailwindTheme,\n  createBrandPreset,\n} from './types';\n\n// Brand configurations\nexport { bluehiveBrand } from './bluehive';\nexport { ccmeBrand } from './ccme';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { ozwellBrand } from './ozwell';\nexport { wagglelineBrand } from './waggleline';\nexport { webchartBrand } from './webchart';\n\n// All brands for iteration\nexport const brands = {\n  bluehive: () => import('./bluehive').then((m) => m.bluehiveBrand),\n  ccme: () => import('./ccme').then((m) => m.ccmeBrand),\n  default: () => import('./default').then((m) => m.defaultBrand),\n  'enterprise-health': () =>\n    import('./enterprise-health').then((m) => m.enterpriseHealthBrand),\n  mieweb: () => import('./mieweb').then((m) => m.miewebBrand),\n  ozwell: () => import('./ozwell').then((m) => m.ozwellBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}

package/dist/{chunk-35HHCXWC.cjs → chunk-SETNPK4P.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkBSDBI6H7_cjs = require('./chunk-BSDBI6H7.cjs');
 var chunkWWJIW2IH_cjs = require('./chunk-WWJIW2IH.cjs');
+var chunkBSDBI6H7_cjs = require('./chunk-BSDBI6H7.cjs');
 var chunkG7EQ3JPX_cjs = require('./chunk-G7EQ3JPX.cjs');
+var chunkU5TTXN45_cjs = require('./chunk-U5TTXN45.cjs');
 var chunkAIJAFPGJ_cjs = require('./chunk-AIJAFPGJ.cjs');
 var chunk56QJHQ5C_cjs = require('./chunk-56QJHQ5C.cjs');
 var chunkMJWFNV3L_cjs = require('./chunk-MJWFNV3L.cjs');
-var chunkU5TTXN45_cjs = require('./chunk-U5TTXN45.cjs');
 var chunkP2VTQ5AR_cjs = require('./chunk-P2VTQ5AR.cjs');
 var chunkZ5S5JEJD_cjs = require('./chunk-Z5S5JEJD.cjs');
 var chunkPAM5UUBL_cjs = require('./chunk-PAM5UUBL.cjs');
@@ -1602,5 +1602,5 @@ exports.parseMedicationLabel = parseMedicationLabel;
 exports.parseSig = parseSig;
 exports.toolbarKeyNav = toolbarKeyNav;
 exports.useCodeLookupConfig = useCodeLookupConfig;
-//# sourceMappingURL=chunk-35HHCXWC.cjs.map
-//# sourceMappingURL=chunk-35HHCXWC.cjs.map
+//# sourceMappingURL=chunk-SETNPK4P.cjs.map
+//# sourceMappingURL=chunk-SETNPK4P.cjs.map