@umituz/web-dashboard 1.0.7 → 2.0.0

package/dist/hooks/dashboard.d.ts

@@ -0,0 +1,35 @@
+import * as react from 'react';
+import { DashboardNotification } from '../types/notification.js';
+
+/**
+ * Use Notifications Hook
+ *
+ * Manages notification state and actions
+ *
+ * @param initialNotifications - Initial notification list
+ * @returns Notification state and actions
+ */
+declare function useNotifications(initialNotifications?: DashboardNotification[]): {
+    notifications: DashboardNotification[];
+    markAllRead: () => void;
+    dismiss: (id: string) => void;
+    add: (notification: Omit<DashboardNotification, "id">) => void;
+};
+/**
+ * Use Sidebar Hook
+ *
+ * Manages sidebar state
+ *
+ * @returns Sidebar state and actions
+ */
+declare function useSidebar(initialCollapsed?: boolean): {
+    collapsed: boolean;
+    setCollapsed: react.Dispatch<react.SetStateAction<boolean>>;
+    toggle: () => void;
+    mobileOpen: boolean;
+    setMobileOpen: react.Dispatch<react.SetStateAction<boolean>>;
+    openMobile: () => void;
+    closeMobile: () => void;
+};
+
+export { useNotifications, useSidebar };

package/dist/hooks/dashboard.js

@@ -0,0 +1,57 @@
+"use client";
+
+// src/domains/layouts/hooks/dashboard.ts
+import { useState, useCallback } from "react";
+function useNotifications(initialNotifications = []) {
+  const [notifications, setNotifications] = useState(initialNotifications);
+  const markAllRead = useCallback(() => {
+    setNotifications(
+      (prev) => prev.map((n) => ({ ...n, read: true }))
+    );
+  }, []);
+  const dismiss = useCallback((id) => {
+    setNotifications((prev) => prev.filter((n) => n.id !== id));
+  }, []);
+  const add = useCallback((notification) => {
+    const newNotification = {
+      ...notification,
+      id: crypto.randomUUID(),
+      read: false,
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    setNotifications((prev) => [newNotification, ...prev]);
+  }, []);
+  return {
+    notifications,
+    markAllRead,
+    dismiss,
+    add
+  };
+}
+function useSidebar(initialCollapsed = false) {
+  const [collapsed, setCollapsed] = useState(initialCollapsed);
+  const [mobileOpen, setMobileOpen] = useState(false);
+  const toggle = useCallback(() => {
+    setCollapsed((prev) => !prev);
+  }, []);
+  const openMobile = useCallback(() => {
+    setMobileOpen(true);
+  }, []);
+  const closeMobile = useCallback(() => {
+    setMobileOpen(false);
+  }, []);
+  return {
+    collapsed,
+    setCollapsed,
+    toggle,
+    mobileOpen,
+    setMobileOpen,
+    openMobile,
+    closeMobile
+  };
+}
+export {
+  useNotifications,
+  useSidebar
+};
+//# sourceMappingURL=dashboard.js.map

package/dist/hooks/dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/domains/layouts/hooks/dashboard.ts"],"sourcesContent":["/**\n * Dashboard Hooks\n *\n * Custom React hooks for dashboard functionality\n */\n\nimport { useState, useCallback } from \"react\";\nimport type { DashboardNotification } from \"../types/notification\";\n\n/**\n * Use Notifications Hook\n *\n * Manages notification state and actions\n *\n * @param initialNotifications - Initial notification list\n * @returns Notification state and actions\n */\nexport function useNotifications(initialNotifications: DashboardNotification[] = []) {\n  const [notifications, setNotifications] = useState<DashboardNotification[]>(initialNotifications);\n\n  const markAllRead = useCallback(() => {\n    setNotifications((prev) =>\n      prev.map((n) => ({ ...n, read: true }))\n    );\n  }, []);\n\n  const dismiss = useCallback((id: string) => {\n    setNotifications((prev) => prev.filter((n) => n.id !== id));\n  }, []);\n\n  const add = useCallback((notification: Omit<DashboardNotification, \"id\">) => {\n    const newNotification: DashboardNotification = {\n      ...notification,\n      id: crypto.randomUUID(),\n      read: false,\n      createdAt: new Date(),\n    };\n    setNotifications((prev) => [newNotification, ...prev]);\n  }, []);\n\n  return {\n    notifications,\n    markAllRead,\n    dismiss,\n    add,\n  };\n}\n\n/**\n * Use Sidebar Hook\n *\n * Manages sidebar state\n *\n * @returns Sidebar state and actions\n */\nexport function useSidebar(initialCollapsed = false) {\n  const [collapsed, setCollapsed] = useState(initialCollapsed);\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  const toggle = useCallback(() => {\n    setCollapsed((prev) => !prev);\n  }, []);\n\n  const openMobile = useCallback(() => {\n    setMobileOpen(true);\n  }, []);\n\n  const closeMobile = useCallback(() => {\n    setMobileOpen(false);\n  }, []);\n\n  return {\n    collapsed,\n    setCollapsed,\n    toggle,\n    mobileOpen,\n    setMobileOpen: setMobileOpen,\n    openMobile,\n    closeMobile,\n  };\n}\n"],"mappings":";;;AAMA,SAAS,UAAU,mBAAmB;AAW/B,SAAS,iBAAiB,uBAAgD,CAAC,GAAG;AACnF,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAkC,oBAAoB;AAEhG,QAAM,cAAc,YAAY,MAAM;AACpC;AAAA,MAAiB,CAAC,SAChB,KAAK,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,KAAK,EAAE;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,CAAC,OAAe;AAC1C,qBAAiB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EAC5D,GAAG,CAAC,CAAC;AAEL,QAAM,MAAM,YAAY,CAAC,iBAAoD;AAC3E,UAAM,kBAAyC;AAAA,MAC7C,GAAG;AAAA,MACH,IAAI,OAAO,WAAW;AAAA,MACtB,MAAM;AAAA,MACN,WAAW,oBAAI,KAAK;AAAA,IACtB;AACA,qBAAiB,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AASO,SAAS,WAAW,mBAAmB,OAAO;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,gBAAgB;AAC3D,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,SAAS,YAAY,MAAM;AAC/B,iBAAa,CAAC,SAAS,CAAC,IAAI;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,YAAY,MAAM;AACnC,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,MAAM;AACpC,kBAAc,KAAK;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/theme/default.d.ts

@@ -0,0 +1,18 @@
+import { DashboardTheme } from '../types/theme.js';
+
+/**
+ * Dashboard Theme - Default Themes
+ *
+ * Default light and dark theme configurations
+ */
+
+/**
+ * Default dashboard theme (light mode)
+ */
+declare const DEFAULT_DASHBOARD_THEME: DashboardTheme;
+/**
+ * Default dashboard theme (dark mode)
+ */
+declare const DEFAULT_DASHBOARD_THEME_DARK: DashboardTheme;
+
+export { DEFAULT_DASHBOARD_THEME, DEFAULT_DASHBOARD_THEME_DARK };

package/dist/theme/default.js

@@ -0,0 +1,52 @@
+"use client";
+
+// src/domains/layouts/theme/default.ts
+var DEFAULT_DASHBOARD_THEME = {
+  primary: "hsl(222.2 47.4% 11.2%)",
+  secondary: "hsl(217.2 32.6% 17.5%)",
+  sidebarBackground: "hsl(222.2 47.4% 11.2%)",
+  sidebarForeground: "hsl(210 40% 98%)",
+  sidebarBorder: "hsl(217.2 32.6% 17.5%)",
+  headerBackground: "hsla(0, 0%, 100%, 0.8)",
+  background: "hsl(0 0% 100%)",
+  foreground: "hsl(222.2 84% 4.9%)",
+  border: "hsl(214.3 31.8% 91.4%)",
+  accent: "hsl(217.2 91.2% 59.8%)",
+  accentForeground: "hsl(0 0% 100%)",
+  destructive: "hsl(0 84.2% 60.2%)",
+  destructiveForeground: "hsl(0 0% 98%)",
+  muted: "hsl(210 40% 96.1%)",
+  mutedForeground: "hsl(215.4 16.3% 46.9%)",
+  card: "hsl(0 0% 100%)",
+  cardForeground: "hsl(222.2 84% 4.9%)",
+  popover: "hsl(0 0% 100%)",
+  popoverForeground: "hsl(222.2 84% 4.9%)",
+  radius: "0.5rem"
+};
+var DEFAULT_DASHBOARD_THEME_DARK = {
+  primary: "hsl(217.2 91.2% 59.8%)",
+  secondary: "hsl(217.2 32.6% 17.5%)",
+  sidebarBackground: "hsl(222.2 47.4% 11.2%)",
+  sidebarForeground: "hsl(210 40% 98%)",
+  sidebarBorder: "hsl(217.2 32.6% 17.5%)",
+  headerBackground: "hsla(222.2 47.4% 11.2%, 0.8)",
+  background: "hsl(222.2 84% 4.9%)",
+  foreground: "hsl(210 40% 98%)",
+  border: "hsl(217.2 32.6% 17.5%)",
+  accent: "hsl(217.2 91.2% 59.8%)",
+  accentForeground: "hsl(0 0% 100%)",
+  destructive: "hsl(0 62.8% 30.6%)",
+  destructiveForeground: "hsl(0 0% 98%)",
+  muted: "hsl(217.2 32.6% 17.5%)",
+  mutedForeground: "hsl(215 20.2% 65.1%)",
+  card: "hsl(222.2 84% 4.9%)",
+  cardForeground: "hsl(210 40% 98%)",
+  popover: "hsl(222.2 84% 4.9%)",
+  popoverForeground: "hsl(210 40% 98%)",
+  radius: "0.5rem"
+};
+export {
+  DEFAULT_DASHBOARD_THEME,
+  DEFAULT_DASHBOARD_THEME_DARK
+};
+//# sourceMappingURL=default.js.map

package/dist/theme/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/domains/layouts/theme/default.ts"],"sourcesContent":["/**\n * Dashboard Theme - Default Themes\n *\n * Default light and dark theme configurations\n */\n\nimport type { DashboardTheme } from '../types/theme';\n\n/**\n * Default dashboard theme (light mode)\n */\nexport const DEFAULT_DASHBOARD_THEME: DashboardTheme = {\n  primary: \"hsl(222.2 47.4% 11.2%)\",\n  secondary: \"hsl(217.2 32.6% 17.5%)\",\n  sidebarBackground: \"hsl(222.2 47.4% 11.2%)\",\n  sidebarForeground: \"hsl(210 40% 98%)\",\n  sidebarBorder: \"hsl(217.2 32.6% 17.5%)\",\n  headerBackground: \"hsla(0, 0%, 100%, 0.8)\",\n  background: \"hsl(0 0% 100%)\",\n  foreground: \"hsl(222.2 84% 4.9%)\",\n  border: \"hsl(214.3 31.8% 91.4%)\",\n  accent: \"hsl(217.2 91.2% 59.8%)\",\n  accentForeground: \"hsl(0 0% 100%)\",\n  destructive: \"hsl(0 84.2% 60.2%)\",\n  destructiveForeground: \"hsl(0 0% 98%)\",\n  muted: \"hsl(210 40% 96.1%)\",\n  mutedForeground: \"hsl(215.4 16.3% 46.9%)\",\n  card: \"hsl(0 0% 100%)\",\n  cardForeground: \"hsl(222.2 84% 4.9%)\",\n  popover: \"hsl(0 0% 100%)\",\n  popoverForeground: \"hsl(222.2 84% 4.9%)\",\n  radius: \"0.5rem\",\n};\n\n/**\n * Default dashboard theme (dark mode)\n */\nexport const DEFAULT_DASHBOARD_THEME_DARK: DashboardTheme = {\n  primary: \"hsl(217.2 91.2% 59.8%)\",\n  secondary: \"hsl(217.2 32.6% 17.5%)\",\n  sidebarBackground: \"hsl(222.2 47.4% 11.2%)\",\n  sidebarForeground: \"hsl(210 40% 98%)\",\n  sidebarBorder: \"hsl(217.2 32.6% 17.5%)\",\n  headerBackground: \"hsla(222.2 47.4% 11.2%, 0.8)\",\n  background: \"hsl(222.2 84% 4.9%)\",\n  foreground: \"hsl(210 40% 98%)\",\n  border: \"hsl(217.2 32.6% 17.5%)\",\n  accent: \"hsl(217.2 91.2% 59.8%)\",\n  accentForeground: \"hsl(0 0% 100%)\",\n  destructive: \"hsl(0 62.8% 30.6%)\",\n  destructiveForeground: \"hsl(0 0% 98%)\",\n  muted: \"hsl(217.2 32.6% 17.5%)\",\n  mutedForeground: \"hsl(215 20.2% 65.1%)\",\n  card: \"hsl(222.2 84% 4.9%)\",\n  cardForeground: \"hsl(210 40% 98%)\",\n  popover: \"hsl(222.2 84% 4.9%)\",\n  popoverForeground: \"hsl(210 40% 98%)\",\n  radius: \"0.5rem\",\n};\n"],"mappings":";;;AAWO,IAAM,0BAA0C;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,QAAQ;AACV;AAKO,IAAM,+BAA+C;AAAA,EAC1D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,QAAQ;AACV;","names":[]}

package/dist/theme/presets.d.ts

@@ -0,0 +1,14 @@
+import { DashboardThemePreset } from '../types/theme.js';
+
+/**
+ * Dashboard Theme - Presets
+ *
+ * Pre-configured theme presets
+ */
+
+/**
+ * Available theme presets
+ */
+declare const DASHBOARD_THEME_PRESETS: DashboardThemePreset[];
+
+export { DASHBOARD_THEME_PRESETS };

package/dist/theme/presets.js

@@ -0,0 +1,137 @@
+"use client";
+
+// src/domains/layouts/theme/default.ts
+var DEFAULT_DASHBOARD_THEME = {
+  primary: "hsl(222.2 47.4% 11.2%)",
+  secondary: "hsl(217.2 32.6% 17.5%)",
+  sidebarBackground: "hsl(222.2 47.4% 11.2%)",
+  sidebarForeground: "hsl(210 40% 98%)",
+  sidebarBorder: "hsl(217.2 32.6% 17.5%)",
+  headerBackground: "hsla(0, 0%, 100%, 0.8)",
+  background: "hsl(0 0% 100%)",
+  foreground: "hsl(222.2 84% 4.9%)",
+  border: "hsl(214.3 31.8% 91.4%)",
+  accent: "hsl(217.2 91.2% 59.8%)",
+  accentForeground: "hsl(0 0% 100%)",
+  destructive: "hsl(0 84.2% 60.2%)",
+  destructiveForeground: "hsl(0 0% 98%)",
+  muted: "hsl(210 40% 96.1%)",
+  mutedForeground: "hsl(215.4 16.3% 46.9%)",
+  card: "hsl(0 0% 100%)",
+  cardForeground: "hsl(222.2 84% 4.9%)",
+  popover: "hsl(0 0% 100%)",
+  popoverForeground: "hsl(222.2 84% 4.9%)",
+  radius: "0.5rem"
+};
+var DEFAULT_DASHBOARD_THEME_DARK = {
+  primary: "hsl(217.2 91.2% 59.8%)",
+  secondary: "hsl(217.2 32.6% 17.5%)",
+  sidebarBackground: "hsl(222.2 47.4% 11.2%)",
+  sidebarForeground: "hsl(210 40% 98%)",
+  sidebarBorder: "hsl(217.2 32.6% 17.5%)",
+  headerBackground: "hsla(222.2 47.4% 11.2%, 0.8)",
+  background: "hsl(222.2 84% 4.9%)",
+  foreground: "hsl(210 40% 98%)",
+  border: "hsl(217.2 32.6% 17.5%)",
+  accent: "hsl(217.2 91.2% 59.8%)",
+  accentForeground: "hsl(0 0% 100%)",
+  destructive: "hsl(0 62.8% 30.6%)",
+  destructiveForeground: "hsl(0 0% 98%)",
+  muted: "hsl(217.2 32.6% 17.5%)",
+  mutedForeground: "hsl(215 20.2% 65.1%)",
+  card: "hsl(222.2 84% 4.9%)",
+  cardForeground: "hsl(210 40% 98%)",
+  popover: "hsl(222.2 84% 4.9%)",
+  popoverForeground: "hsl(210 40% 98%)",
+  radius: "0.5rem"
+};
+
+// src/domains/layouts/theme/presets.ts
+var DASHBOARD_THEME_PRESETS = [
+  {
+    name: "default",
+    theme: DEFAULT_DASHBOARD_THEME,
+    dark: false
+  },
+  {
+    name: "default-dark",
+    theme: DEFAULT_DASHBOARD_THEME_DARK,
+    dark: true
+  },
+  {
+    name: "blue",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME,
+      primary: "hsl(221.2 83.2% 53.3%)",
+      accent: "hsl(221.2 83.2% 53.3%)"
+    },
+    dark: false
+  },
+  {
+    name: "blue-dark",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME_DARK,
+      primary: "hsl(221.2 83.2% 53.3%)",
+      accent: "hsl(221.2 83.2% 53.3%)"
+    },
+    dark: true
+  },
+  {
+    name: "purple",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME,
+      primary: "hsl(271.5 81.3% 55.9%)",
+      accent: "hsl(271.5 81.3% 55.9%)"
+    },
+    dark: false
+  },
+  {
+    name: "purple-dark",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME_DARK,
+      primary: "hsl(271.5 81.3% 55.9%)",
+      accent: "hsl(271.5 81.3% 55.9%)"
+    },
+    dark: true
+  },
+  {
+    name: "green",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME,
+      primary: "hsl(142.1 76.2% 36.3%)",
+      accent: "hsl(142.1 76.2% 36.3%)"
+    },
+    dark: false
+  },
+  {
+    name: "green-dark",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME_DARK,
+      primary: "hsl(142.1 76.2% 36.3%)",
+      accent: "hsl(142.1 76.2% 36.3%)"
+    },
+    dark: true
+  },
+  {
+    name: "orange",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME,
+      primary: "hsl(24.6 95% 53.1%)",
+      accent: "hsl(24.6 95% 53.1%)"
+    },
+    dark: false
+  },
+  {
+    name: "orange-dark",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME_DARK,
+      primary: "hsl(24.6 95% 53.1%)",
+      accent: "hsl(24.6 95% 53.1%)"
+    },
+    dark: true
+  }
+];
+export {
+  DASHBOARD_THEME_PRESETS
+};
+//# sourceMappingURL=presets.js.map

package/dist/theme/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/domains/layouts/theme/default.ts","../../src/domains/layouts/theme/presets.ts"],"sourcesContent":["/**\n * Dashboard Theme - Default Themes\n *\n * Default light and dark theme configurations\n */\n\nimport type { DashboardTheme } from '../types/theme';\n\n/**\n * Default dashboard theme (light mode)\n */\nexport const DEFAULT_DASHBOARD_THEME: DashboardTheme = {\n  primary: \"hsl(222.2 47.4% 11.2%)\",\n  secondary: \"hsl(217.2 32.6% 17.5%)\",\n  sidebarBackground: \"hsl(222.2 47.4% 11.2%)\",\n  sidebarForeground: \"hsl(210 40% 98%)\",\n  sidebarBorder: \"hsl(217.2 32.6% 17.5%)\",\n  headerBackground: \"hsla(0, 0%, 100%, 0.8)\",\n  background: \"hsl(0 0% 100%)\",\n  foreground: \"hsl(222.2 84% 4.9%)\",\n  border: \"hsl(214.3 31.8% 91.4%)\",\n  accent: \"hsl(217.2 91.2% 59.8%)\",\n  accentForeground: \"hsl(0 0% 100%)\",\n  destructive: \"hsl(0 84.2% 60.2%)\",\n  destructiveForeground: \"hsl(0 0% 98%)\",\n  muted: \"hsl(210 40% 96.1%)\",\n  mutedForeground: \"hsl(215.4 16.3% 46.9%)\",\n  card: \"hsl(0 0% 100%)\",\n  cardForeground: \"hsl(222.2 84% 4.9%)\",\n  popover: \"hsl(0 0% 100%)\",\n  popoverForeground: \"hsl(222.2 84% 4.9%)\",\n  radius: \"0.5rem\",\n};\n\n/**\n * Default dashboard theme (dark mode)\n */\nexport const DEFAULT_DASHBOARD_THEME_DARK: DashboardTheme = {\n  primary: \"hsl(217.2 91.2% 59.8%)\",\n  secondary: \"hsl(217.2 32.6% 17.5%)\",\n  sidebarBackground: \"hsl(222.2 47.4% 11.2%)\",\n  sidebarForeground: \"hsl(210 40% 98%)\",\n  sidebarBorder: \"hsl(217.2 32.6% 17.5%)\",\n  headerBackground: \"hsla(222.2 47.4% 11.2%, 0.8)\",\n  background: \"hsl(222.2 84% 4.9%)\",\n  foreground: \"hsl(210 40% 98%)\",\n  border: \"hsl(217.2 32.6% 17.5%)\",\n  accent: \"hsl(217.2 91.2% 59.8%)\",\n  accentForeground: \"hsl(0 0% 100%)\",\n  destructive: \"hsl(0 62.8% 30.6%)\",\n  destructiveForeground: \"hsl(0 0% 98%)\",\n  muted: \"hsl(217.2 32.6% 17.5%)\",\n  mutedForeground: \"hsl(215 20.2% 65.1%)\",\n  card: \"hsl(222.2 84% 4.9%)\",\n  cardForeground: \"hsl(210 40% 98%)\",\n  popover: \"hsl(222.2 84% 4.9%)\",\n  popoverForeground: \"hsl(210 40% 98%)\",\n  radius: \"0.5rem\",\n};\n","/**\n * Dashboard Theme - Presets\n *\n * Pre-configured theme presets\n */\n\nimport type { DashboardThemePreset } from '../types/theme';\nimport { DEFAULT_DASHBOARD_THEME, DEFAULT_DASHBOARD_THEME_DARK } from './default';\n\n/**\n * Available theme presets\n */\nexport const DASHBOARD_THEME_PRESETS: DashboardThemePreset[] = [\n  {\n    name: \"default\",\n    theme: DEFAULT_DASHBOARD_THEME,\n    dark: false,\n  },\n  {\n    name: \"default-dark\",\n    theme: DEFAULT_DASHBOARD_THEME_DARK,\n    dark: true,\n  },\n  {\n    name: \"blue\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(221.2 83.2% 53.3%)\",\n      accent: \"hsl(221.2 83.2% 53.3%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"blue-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(221.2 83.2% 53.3%)\",\n      accent: \"hsl(221.2 83.2% 53.3%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"purple\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(271.5 81.3% 55.9%)\",\n      accent: \"hsl(271.5 81.3% 55.9%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"purple-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(271.5 81.3% 55.9%)\",\n      accent: \"hsl(271.5 81.3% 55.9%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"green\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(142.1 76.2% 36.3%)\",\n      accent: \"hsl(142.1 76.2% 36.3%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"green-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(142.1 76.2% 36.3%)\",\n      accent: \"hsl(142.1 76.2% 36.3%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"orange\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(24.6 95% 53.1%)\",\n      accent: \"hsl(24.6 95% 53.1%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"orange-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(24.6 95% 53.1%)\",\n      accent: \"hsl(24.6 95% 53.1%)\",\n    },\n    dark: true,\n  },\n];\n"],"mappings":";;;AAWO,IAAM,0BAA0C;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,QAAQ;AACV;AAKO,IAAM,+BAA+C;AAAA,EAC1D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,QAAQ;AACV;;;AC9CO,IAAM,0BAAkD;AAAA,EAC7D;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/theme/utils.d.ts

@@ -0,0 +1,22 @@
+import { DashboardTheme, DashboardThemePreset } from '../types/theme.js';
+
+/**
+ * Dashboard Theme - Utilities
+ *
+ * Theme utility functions
+ */
+
+/**
+ * Apply theme to document root via CSS variables
+ */
+declare function applyDashboardTheme(theme: DashboardTheme): void;
+/**
+ * Get theme preset by name
+ */
+declare function getDashboardThemePreset(name: string): DashboardThemePreset | undefined;
+/**
+ * Merge custom theme with default theme
+ */
+declare function mergeDashboardTheme(customTheme: Partial<DashboardTheme>, dark?: boolean): DashboardTheme;
+
+export { applyDashboardTheme, getDashboardThemePreset, mergeDashboardTheme };

package/dist/theme/utils.js

@@ -0,0 +1,181 @@
+"use client";
+
+// src/domains/layouts/theme/default.ts
+var DEFAULT_DASHBOARD_THEME = {
+  primary: "hsl(222.2 47.4% 11.2%)",
+  secondary: "hsl(217.2 32.6% 17.5%)",
+  sidebarBackground: "hsl(222.2 47.4% 11.2%)",
+  sidebarForeground: "hsl(210 40% 98%)",
+  sidebarBorder: "hsl(217.2 32.6% 17.5%)",
+  headerBackground: "hsla(0, 0%, 100%, 0.8)",
+  background: "hsl(0 0% 100%)",
+  foreground: "hsl(222.2 84% 4.9%)",
+  border: "hsl(214.3 31.8% 91.4%)",
+  accent: "hsl(217.2 91.2% 59.8%)",
+  accentForeground: "hsl(0 0% 100%)",
+  destructive: "hsl(0 84.2% 60.2%)",
+  destructiveForeground: "hsl(0 0% 98%)",
+  muted: "hsl(210 40% 96.1%)",
+  mutedForeground: "hsl(215.4 16.3% 46.9%)",
+  card: "hsl(0 0% 100%)",
+  cardForeground: "hsl(222.2 84% 4.9%)",
+  popover: "hsl(0 0% 100%)",
+  popoverForeground: "hsl(222.2 84% 4.9%)",
+  radius: "0.5rem"
+};
+var DEFAULT_DASHBOARD_THEME_DARK = {
+  primary: "hsl(217.2 91.2% 59.8%)",
+  secondary: "hsl(217.2 32.6% 17.5%)",
+  sidebarBackground: "hsl(222.2 47.4% 11.2%)",
+  sidebarForeground: "hsl(210 40% 98%)",
+  sidebarBorder: "hsl(217.2 32.6% 17.5%)",
+  headerBackground: "hsla(222.2 47.4% 11.2%, 0.8)",
+  background: "hsl(222.2 84% 4.9%)",
+  foreground: "hsl(210 40% 98%)",
+  border: "hsl(217.2 32.6% 17.5%)",
+  accent: "hsl(217.2 91.2% 59.8%)",
+  accentForeground: "hsl(0 0% 100%)",
+  destructive: "hsl(0 62.8% 30.6%)",
+  destructiveForeground: "hsl(0 0% 98%)",
+  muted: "hsl(217.2 32.6% 17.5%)",
+  mutedForeground: "hsl(215 20.2% 65.1%)",
+  card: "hsl(222.2 84% 4.9%)",
+  cardForeground: "hsl(210 40% 98%)",
+  popover: "hsl(222.2 84% 4.9%)",
+  popoverForeground: "hsl(210 40% 98%)",
+  radius: "0.5rem"
+};
+
+// src/domains/layouts/theme/presets.ts
+var DASHBOARD_THEME_PRESETS = [
+  {
+    name: "default",
+    theme: DEFAULT_DASHBOARD_THEME,
+    dark: false
+  },
+  {
+    name: "default-dark",
+    theme: DEFAULT_DASHBOARD_THEME_DARK,
+    dark: true
+  },
+  {
+    name: "blue",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME,
+      primary: "hsl(221.2 83.2% 53.3%)",
+      accent: "hsl(221.2 83.2% 53.3%)"
+    },
+    dark: false
+  },
+  {
+    name: "blue-dark",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME_DARK,
+      primary: "hsl(221.2 83.2% 53.3%)",
+      accent: "hsl(221.2 83.2% 53.3%)"
+    },
+    dark: true
+  },
+  {
+    name: "purple",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME,
+      primary: "hsl(271.5 81.3% 55.9%)",
+      accent: "hsl(271.5 81.3% 55.9%)"
+    },
+    dark: false
+  },
+  {
+    name: "purple-dark",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME_DARK,
+      primary: "hsl(271.5 81.3% 55.9%)",
+      accent: "hsl(271.5 81.3% 55.9%)"
+    },
+    dark: true
+  },
+  {
+    name: "green",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME,
+      primary: "hsl(142.1 76.2% 36.3%)",
+      accent: "hsl(142.1 76.2% 36.3%)"
+    },
+    dark: false
+  },
+  {
+    name: "green-dark",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME_DARK,
+      primary: "hsl(142.1 76.2% 36.3%)",
+      accent: "hsl(142.1 76.2% 36.3%)"
+    },
+    dark: true
+  },
+  {
+    name: "orange",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME,
+      primary: "hsl(24.6 95% 53.1%)",
+      accent: "hsl(24.6 95% 53.1%)"
+    },
+    dark: false
+  },
+  {
+    name: "orange-dark",
+    theme: {
+      ...DEFAULT_DASHBOARD_THEME_DARK,
+      primary: "hsl(24.6 95% 53.1%)",
+      accent: "hsl(24.6 95% 53.1%)"
+    },
+    dark: true
+  }
+];
+
+// src/domains/layouts/theme/utils.ts
+function applyDashboardTheme(theme) {
+  if (typeof document === "undefined") return;
+  const root = document.documentElement;
+  const cssVars = {
+    "--primary": theme.primary,
+    "--secondary": theme.secondary,
+    "--sidebar": theme.sidebarBackground,
+    "--sidebar-foreground": theme.sidebarForeground,
+    "--sidebar-border": theme.sidebarBorder,
+    "--background": theme.background,
+    "--foreground": theme.foreground,
+    "--border": theme.border,
+    "--accent": theme.accent,
+    "--accent-foreground": theme.accentForeground,
+    "--destructive": theme.destructive,
+    "--destructive-foreground": theme.destructiveForeground,
+    "--muted": theme.muted,
+    "--muted-foreground": theme.mutedForeground,
+    "--card": theme.card,
+    "--card-foreground": theme.cardForeground,
+    "--popover": theme.popover,
+    "--popover-foreground": theme.popoverForeground,
+    "--radius": theme.radius
+  };
+  Object.entries(cssVars).forEach(([key, value]) => {
+    if (value) {
+      root.style.setProperty(key, value);
+    }
+  });
+}
+function getDashboardThemePreset(name) {
+  return DASHBOARD_THEME_PRESETS.find((preset) => preset.name === name);
+}
+function mergeDashboardTheme(customTheme, dark = false) {
+  const baseTheme = dark ? DEFAULT_DASHBOARD_THEME_DARK : DEFAULT_DASHBOARD_THEME;
+  return {
+    ...baseTheme,
+    ...customTheme
+  };
+}
+export {
+  applyDashboardTheme,
+  getDashboardThemePreset,
+  mergeDashboardTheme
+};
+//# sourceMappingURL=utils.js.map

package/dist/theme/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/domains/layouts/theme/default.ts","../../src/domains/layouts/theme/presets.ts","../../src/domains/layouts/theme/utils.ts"],"sourcesContent":["/**\n * Dashboard Theme - Default Themes\n *\n * Default light and dark theme configurations\n */\n\nimport type { DashboardTheme } from '../types/theme';\n\n/**\n * Default dashboard theme (light mode)\n */\nexport const DEFAULT_DASHBOARD_THEME: DashboardTheme = {\n  primary: \"hsl(222.2 47.4% 11.2%)\",\n  secondary: \"hsl(217.2 32.6% 17.5%)\",\n  sidebarBackground: \"hsl(222.2 47.4% 11.2%)\",\n  sidebarForeground: \"hsl(210 40% 98%)\",\n  sidebarBorder: \"hsl(217.2 32.6% 17.5%)\",\n  headerBackground: \"hsla(0, 0%, 100%, 0.8)\",\n  background: \"hsl(0 0% 100%)\",\n  foreground: \"hsl(222.2 84% 4.9%)\",\n  border: \"hsl(214.3 31.8% 91.4%)\",\n  accent: \"hsl(217.2 91.2% 59.8%)\",\n  accentForeground: \"hsl(0 0% 100%)\",\n  destructive: \"hsl(0 84.2% 60.2%)\",\n  destructiveForeground: \"hsl(0 0% 98%)\",\n  muted: \"hsl(210 40% 96.1%)\",\n  mutedForeground: \"hsl(215.4 16.3% 46.9%)\",\n  card: \"hsl(0 0% 100%)\",\n  cardForeground: \"hsl(222.2 84% 4.9%)\",\n  popover: \"hsl(0 0% 100%)\",\n  popoverForeground: \"hsl(222.2 84% 4.9%)\",\n  radius: \"0.5rem\",\n};\n\n/**\n * Default dashboard theme (dark mode)\n */\nexport const DEFAULT_DASHBOARD_THEME_DARK: DashboardTheme = {\n  primary: \"hsl(217.2 91.2% 59.8%)\",\n  secondary: \"hsl(217.2 32.6% 17.5%)\",\n  sidebarBackground: \"hsl(222.2 47.4% 11.2%)\",\n  sidebarForeground: \"hsl(210 40% 98%)\",\n  sidebarBorder: \"hsl(217.2 32.6% 17.5%)\",\n  headerBackground: \"hsla(222.2 47.4% 11.2%, 0.8)\",\n  background: \"hsl(222.2 84% 4.9%)\",\n  foreground: \"hsl(210 40% 98%)\",\n  border: \"hsl(217.2 32.6% 17.5%)\",\n  accent: \"hsl(217.2 91.2% 59.8%)\",\n  accentForeground: \"hsl(0 0% 100%)\",\n  destructive: \"hsl(0 62.8% 30.6%)\",\n  destructiveForeground: \"hsl(0 0% 98%)\",\n  muted: \"hsl(217.2 32.6% 17.5%)\",\n  mutedForeground: \"hsl(215 20.2% 65.1%)\",\n  card: \"hsl(222.2 84% 4.9%)\",\n  cardForeground: \"hsl(210 40% 98%)\",\n  popover: \"hsl(222.2 84% 4.9%)\",\n  popoverForeground: \"hsl(210 40% 98%)\",\n  radius: \"0.5rem\",\n};\n","/**\n * Dashboard Theme - Presets\n *\n * Pre-configured theme presets\n */\n\nimport type { DashboardThemePreset } from '../types/theme';\nimport { DEFAULT_DASHBOARD_THEME, DEFAULT_DASHBOARD_THEME_DARK } from './default';\n\n/**\n * Available theme presets\n */\nexport const DASHBOARD_THEME_PRESETS: DashboardThemePreset[] = [\n  {\n    name: \"default\",\n    theme: DEFAULT_DASHBOARD_THEME,\n    dark: false,\n  },\n  {\n    name: \"default-dark\",\n    theme: DEFAULT_DASHBOARD_THEME_DARK,\n    dark: true,\n  },\n  {\n    name: \"blue\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(221.2 83.2% 53.3%)\",\n      accent: \"hsl(221.2 83.2% 53.3%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"blue-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(221.2 83.2% 53.3%)\",\n      accent: \"hsl(221.2 83.2% 53.3%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"purple\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(271.5 81.3% 55.9%)\",\n      accent: \"hsl(271.5 81.3% 55.9%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"purple-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(271.5 81.3% 55.9%)\",\n      accent: \"hsl(271.5 81.3% 55.9%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"green\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(142.1 76.2% 36.3%)\",\n      accent: \"hsl(142.1 76.2% 36.3%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"green-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(142.1 76.2% 36.3%)\",\n      accent: \"hsl(142.1 76.2% 36.3%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"orange\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(24.6 95% 53.1%)\",\n      accent: \"hsl(24.6 95% 53.1%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"orange-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(24.6 95% 53.1%)\",\n      accent: \"hsl(24.6 95% 53.1%)\",\n    },\n    dark: true,\n  },\n];\n","/**\n * Dashboard Theme - Utilities\n *\n * Theme utility functions\n */\n\nimport type { DashboardTheme, DashboardThemePreset } from '../types/theme';\nimport { DEFAULT_DASHBOARD_THEME, DEFAULT_DASHBOARD_THEME_DARK } from './default';\nimport { DASHBOARD_THEME_PRESETS } from './presets';\n\n/**\n * Apply theme to document root via CSS variables\n */\nexport function applyDashboardTheme(theme: DashboardTheme): void {\n  if (typeof document === \"undefined\") return;\n\n  const root = document.documentElement;\n\n  const cssVars: Record<string, string | undefined> = {\n    \"--primary\": theme.primary,\n    \"--secondary\": theme.secondary,\n    \"--sidebar\": theme.sidebarBackground,\n    \"--sidebar-foreground\": theme.sidebarForeground,\n    \"--sidebar-border\": theme.sidebarBorder,\n    \"--background\": theme.background,\n    \"--foreground\": theme.foreground,\n    \"--border\": theme.border,\n    \"--accent\": theme.accent,\n    \"--accent-foreground\": theme.accentForeground,\n    \"--destructive\": theme.destructive,\n    \"--destructive-foreground\": theme.destructiveForeground,\n    \"--muted\": theme.muted,\n    \"--muted-foreground\": theme.mutedForeground,\n    \"--card\": theme.card,\n    \"--card-foreground\": theme.cardForeground,\n    \"--popover\": theme.popover,\n    \"--popover-foreground\": theme.popoverForeground,\n    \"--radius\": theme.radius,\n  };\n\n  Object.entries(cssVars).forEach(([key, value]) => {\n    if (value) {\n      root.style.setProperty(key, value);\n    }\n  });\n}\n\n/**\n * Get theme preset by name\n */\nexport function getDashboardThemePreset(name: string): DashboardThemePreset | undefined {\n  return DASHBOARD_THEME_PRESETS.find((preset) => preset.name === name);\n}\n\n/**\n * Merge custom theme with default theme\n */\nexport function mergeDashboardTheme(\n  customTheme: Partial<DashboardTheme>,\n  dark = false\n): DashboardTheme {\n  const baseTheme = dark ? DEFAULT_DASHBOARD_THEME_DARK : DEFAULT_DASHBOARD_THEME;\n  return {\n    ...baseTheme,\n    ...customTheme,\n  } as DashboardTheme;\n}\n"],"mappings":";;;AAWO,IAAM,0BAA0C;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,QAAQ;AACV;AAKO,IAAM,+BAA+C;AAAA,EAC1D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,QAAQ;AACV;;;AC9CO,IAAM,0BAAkD;AAAA,EAC7D;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AACF;;;AClFO,SAAS,oBAAoB,OAA6B;AAC/D,MAAI,OAAO,aAAa,YAAa;AAErC,QAAM,OAAO,SAAS;AAEtB,QAAM,UAA8C;AAAA,IAClD,aAAa,MAAM;AAAA,IACnB,eAAe,MAAM;AAAA,IACrB,aAAa,MAAM;AAAA,IACnB,wBAAwB,MAAM;AAAA,IAC9B,oBAAoB,MAAM;AAAA,IAC1B,gBAAgB,MAAM;AAAA,IACtB,gBAAgB,MAAM;AAAA,IACtB,YAAY,MAAM;AAAA,IAClB,YAAY,MAAM;AAAA,IAClB,uBAAuB,MAAM;AAAA,IAC7B,iBAAiB,MAAM;AAAA,IACvB,4BAA4B,MAAM;AAAA,IAClC,WAAW,MAAM;AAAA,IACjB,sBAAsB,MAAM;AAAA,IAC5B,UAAU,MAAM;AAAA,IAChB,qBAAqB,MAAM;AAAA,IAC3B,aAAa,MAAM;AAAA,IACnB,wBAAwB,MAAM;AAAA,IAC9B,YAAY,MAAM;AAAA,EACpB;AAEA,SAAO,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAChD,QAAI,OAAO;AACT,WAAK,MAAM,YAAY,KAAK,KAAK;AAAA,IACnC;AAAA,EACF,CAAC;AACH;AAKO,SAAS,wBAAwB,MAAgD;AACtF,SAAO,wBAAwB,KAAK,CAAC,WAAW,OAAO,SAAS,IAAI;AACtE;AAKO,SAAS,oBACd,aACA,OAAO,OACS;AAChB,QAAM,YAAY,OAAO,+BAA+B;AACxD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;","names":[]}

package/dist/types/layout.d.ts

@@ -0,0 +1,45 @@
+import { SidebarGroup } from './sidebar.js';
+import 'lucide-react';
+
+/**
+ * Dashboard Types - Layout
+ *
+ * Type definitions for layout components
+ */
+/**
+ * Dashboard header props
+ */
+interface DashboardHeaderProps {
+    /** Whether sidebar is collapsed */
+    collapsed: boolean;
+    /** Toggle sidebar collapsed state */
+    setCollapsed: (collapsed: boolean) => void;
+    /** Toggle mobile menu open state */
+    setMobileOpen: (open: boolean) => void;
+    /** Current page title */
+    title: string;
+}
+/**
+ * Dashboard sidebar props
+ */
+interface DashboardSidebarProps {
+    /** Whether sidebar is collapsed */
+    collapsed: boolean;
+    /** Toggle sidebar collapsed state */
+    setCollapsed: (collapsed: boolean) => void;
+}
+/**
+ * Dashboard layout configuration
+ */
+interface DashboardLayoutConfig {
+    /** Sidebar groups */
+    sidebarGroups: SidebarGroup[];
+    /** Extra title mappings for routes */
+    extraTitleMap?: Record<string, string>;
+    /** Brand name */
+    brandName?: string;
+    /** Brand tagline */
+    brandTagline?: string;
+}
+
+export type { DashboardHeaderProps, DashboardLayoutConfig, DashboardSidebarProps };

package/dist/types/layout.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=layout.js.map

package/dist/types/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/notification.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Dashboard Types - Notification
+ *
+ * Type definitions for notification system
+ */
+/**
+ * Notification item
+ */
+interface DashboardNotification {
+    /** Unique ID */
+    id: string;
+    /** Notification text */
+    text: string;
+    /** Whether notification is read */
+    read: boolean;
+    /** Creation timestamp */
+    createdAt: Date | string | number;
+}
+
+export type { DashboardNotification };

package/dist/types/notification.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=notification.js.map

package/dist/types/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}