@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/default-theme/menu/AppSidebarMaterial.js

@@ -1 +1,232 @@
-import{Fragment as V,jsx as E}from"react/jsx-runtime";import*as o from"react";import W from"@mui/material/Box";import X from"@mui/material/Drawer";import{useMediaQuery as x,useTheme as G}from"@mui/material";import{DASH_REDUX_ACTIONS as B}from"@dashadmin/dash-admin-state";import{useDispatch as Q,useSelector as U}from"react-redux";import{useState as g}from"react";import{useWindowSize as j,dashStorage as f}from"@dashadmin/dash-utils";import J from"./AppMaterialMenu";import{useLocation as ee}from"react-router";import{isEqual as te}from"lodash";import{NavEventManager as z}from"../../utils/navEvents";const oe=i=>({navStyle:i.settings.navStyle,layoutType:i.settings.layoutType,themeType:i.settings.themeType,layoutSettings:i.settings.layoutSettings}),se=i=>i.common.panelSettings,ae=i=>{const{sidebarPosition:k}=i,b=ee(),L=Q(),v=G(),S=x(v.breakpoints.down("sm")),n=x(v.breakpoints.down("md")),q=U(oe,te),u=U(se),F=k||u?.sidebarPosition||"left",Z=u?.secondarySidebarPosition||"left",d=n?Z:F,y=d==="top"||d==="bottom",{navStyle:A,layoutType:h,themeType:N,layoutSettings:t}=q,[r,a]=g(()=>{const e=f.getItem("dashNavExpanded");return e!==null?e==="true":!1}),[s,T]=g(()=>{const e=f.getItem("dashNavSize");return e==="small"||e==="large"?e:"large"}),O=o.useRef(r),M=o.useRef(s);o.useEffect(()=>{O.current=r,M.current=s},[r,s]),o.useEffect(()=>{f.setItem("dashNavExpanded",String(r))},[r]),o.useEffect(()=>{f.setItem("dashNavSize",s)},[s]),o.useEffect(()=>{const e=z.onToggleExpanded(()=>{a(R=>!R)}),l=z.onSetExpanded(R=>{a(R)}),c=z.onCloseDrawer(()=>{s==="small"&&a(!1)});return()=>{e(),l(),c()}},[s]);const $=o.useMemo(()=>({horizontalLogo:u?.horizontalLogo||E(V,{children:"\u{1F5A5}"}),squaredLogo:u?.squaredLogo||E(V,{children:"\u{1F5A5}"})}),[u?.horizontalLogo,u?.squaredLogo]);o.useEffect(()=>{if(!t||!h||!N)return;const e=document.body;e.classList.remove(t.LAYOUT_TYPE_FULL,t.LAYOUT_TYPE_BOXED,t.LAYOUT_TYPE_FRAMED,t.THEME_TYPE_DARK,t.THEME_TYPE_LIGHT),e.classList.add(h,N)},[h,N,t]),o.useEffect(()=>{if(!t||!A)return;const e=document.body,c=[t.NAV_STYLE_DEFAULT_HORIZONTAL,t.NAV_STYLE_DARK_HORIZONTAL,t.NAV_STYLE_INSIDE_HEADER_HORIZONTAL,t.NAV_STYLE_ABOVE_HEADER,t.NAV_STYLE_BELOW_HEADER].includes(A);e.classList.toggle("full-scroll",c),e.classList.toggle("horizontal-layout",c)},[A,t]);const p=o.useRef("");o.useEffect(()=>{const e=document.body;let l="";b.pathname&&b.pathname!=="/"&&(l=b.pathname.replace(/^\/|\/$/g,"").replace(/\//g,"-"));const c=l?`location-${l}`:"";return p.current&&e.classList.remove(p.current),c?(e.classList.add(c),p.current=c):p.current="",()=>{p.current&&e.classList.remove(p.current),L(B.setNavExpanded(O.current)),L(B.setNavSize(M.current))}},[b.pathname,L]);const ne=j();o.useEffect(()=>{const e=document.getElementById("dash-app-layout");e&&(e.classList.remove("expanded","collapsed","small","large"),e.classList.remove("sidebar-position-left","sidebar-position-right","sidebar-position-top","sidebar-position-bottom"),e.classList.add(r?"expanded":"collapsed"),e.classList.add(s),e.classList.add(`sidebar-position-${d}`))},[r,s,d]);const K=e=>{e.preventDefault(),e.stopPropagation(),a(!r)},m=x(v.breakpoints.up("lg")),[P,w]=g(null),[_,H]=g(null),[I,C]=g(null);o.useEffect(()=>{if(P===null||_===null||I===null){if(n)T("small"),a(!1);else{const e=f.getItem("dashNavSize")!==null,l=f.getItem("dashNavExpanded")!==null;e||T("large"),l||a(m)}w(S),H(m),C(n);return}I!==n&&(T(n?"small":"large"),a(!n),C(n)),P!==S&&(S&&a(!1),w(S)),_!==m&&(m&&!n&&a(!0),H(m))},[S,m,n,P,_,I]);const Y=y?!0:r,D=y?"large":s;return E(W,{sx:{display:"flex"},children:E(X,{variant:s==="small"?"temporary":"permanent",anchor:d,open:D==="large"||D==="small"&&Y,className:"sidebar-drawer","data-sidebar-position":d,onClose:()=>{s==="small"&&a(!1)},ModalProps:{keepMounted:!0},children:E(J,{navSize:D,navExpanded:Y,logos:$,onToggleDrawer:y?void 0:K,sidebarPosition:d})})})};var Pe=ae;export{Pe as default};
+import { Fragment, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import Box from "@mui/material/Box";
+import MuiDrawer from "@mui/material/Drawer";
+import { useMediaQuery, useTheme } from "@mui/material";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import { useDispatch, useSelector } from "react-redux";
+import { useState } from "react";
+import { useWindowSize, dashStorage } from "dash-utils";
+import AppMaterialMenu from "./AppMaterialMenu";
+import { useLocation } from "react-router";
+import { isEqual } from "lodash";
+import { NavEventManager } from "../../utils/navEvents";
+const selectLayoutSettings = (state) => ({
+  navStyle: state.settings.navStyle,
+  layoutType: state.settings.layoutType,
+  themeType: state.settings.themeType,
+  layoutSettings: state.settings.layoutSettings
+});
+const selectPanelSettings = (state) => state.common.panelSettings;
+const AppSidebarMaterial = (props) => {
+  const { sidebarPosition: propSidebarPosition } = props;
+  const location = useLocation();
+  const dispatch = useDispatch();
+  const theme = useTheme();
+  const isSmallScreen = useMediaQuery(theme.breakpoints.down("sm"));
+  const isMediumOrSmaller = useMediaQuery(theme.breakpoints.down("md"));
+  const layoutState = useSelector(selectLayoutSettings, isEqual);
+  const panelSettings = useSelector(selectPanelSettings);
+  const primarySidebarPosition = propSidebarPosition || (panelSettings == null ? void 0 : panelSettings.sidebarPosition) || "left";
+  const secondarySidebarPosition = (panelSettings == null ? void 0 : panelSettings.secondarySidebarPosition) || "left";
+  const sidebarPosition = isMediumOrSmaller ? secondarySidebarPosition : primarySidebarPosition;
+  const isHorizontalPosition = sidebarPosition === "top" || sidebarPosition === "bottom";
+  const {
+    navStyle,
+    layoutType,
+    themeType,
+    layoutSettings
+  } = layoutState;
+  const [localNavExpanded, setLocalNavExpanded] = useState(() => {
+    const stored = dashStorage.getItem("dashNavExpanded");
+    return stored !== null ? stored === "true" : false;
+  });
+  const [localNavSize, setLocalNavSize] = useState(() => {
+    const stored = dashStorage.getItem("dashNavSize");
+    return stored === "small" || stored === "large" ? stored : "large";
+  });
+  const localNavExpandedRef = React.useRef(localNavExpanded);
+  const localNavSizeRef = React.useRef(localNavSize);
+  React.useEffect(() => {
+    localNavExpandedRef.current = localNavExpanded;
+    localNavSizeRef.current = localNavSize;
+  }, [localNavExpanded, localNavSize]);
+  React.useEffect(() => {
+    dashStorage.setItem("dashNavExpanded", String(localNavExpanded));
+  }, [localNavExpanded]);
+  React.useEffect(() => {
+    dashStorage.setItem("dashNavSize", localNavSize);
+  }, [localNavSize]);
+  React.useEffect(() => {
+    const unsubscribeToggle = NavEventManager.onToggleExpanded(() => {
+      setLocalNavExpanded((prev) => !prev);
+    });
+    const unsubscribeSet = NavEventManager.onSetExpanded((expanded) => {
+      setLocalNavExpanded(expanded);
+    });
+    const unsubscribeClose = NavEventManager.onCloseDrawer(() => {
+      if (localNavSize === "small") {
+        setLocalNavExpanded(false);
+      }
+    });
+    return () => {
+      unsubscribeToggle();
+      unsubscribeSet();
+      unsubscribeClose();
+    };
+  }, [localNavSize]);
+  const logos = React.useMemo(() => ({
+    horizontalLogo: (panelSettings == null ? void 0 : panelSettings.horizontalLogo) || /* @__PURE__ */ jsx(Fragment, { children: "\u{1F5A5}" }),
+    squaredLogo: (panelSettings == null ? void 0 : panelSettings.squaredLogo) || /* @__PURE__ */ jsx(Fragment, { children: "\u{1F5A5}" })
+  }), [panelSettings == null ? void 0 : panelSettings.horizontalLogo, panelSettings == null ? void 0 : panelSettings.squaredLogo]);
+  React.useEffect(() => {
+    if (!layoutSettings || !layoutType || !themeType) return;
+    const body = document.body;
+    body.classList.remove(
+      layoutSettings.LAYOUT_TYPE_FULL,
+      layoutSettings.LAYOUT_TYPE_BOXED,
+      layoutSettings.LAYOUT_TYPE_FRAMED,
+      layoutSettings.THEME_TYPE_DARK,
+      layoutSettings.THEME_TYPE_LIGHT
+    );
+    body.classList.add(layoutType, themeType);
+  }, [layoutType, themeType, layoutSettings]);
+  React.useEffect(() => {
+    if (!layoutSettings || !navStyle) return;
+    const body = document.body;
+    const horizontalStyles = [
+      layoutSettings.NAV_STYLE_DEFAULT_HORIZONTAL,
+      layoutSettings.NAV_STYLE_DARK_HORIZONTAL,
+      layoutSettings.NAV_STYLE_INSIDE_HEADER_HORIZONTAL,
+      layoutSettings.NAV_STYLE_ABOVE_HEADER,
+      layoutSettings.NAV_STYLE_BELOW_HEADER
+    ];
+    const isHorizontal = horizontalStyles.includes(navStyle);
+    body.classList.toggle("full-scroll", isHorizontal);
+    body.classList.toggle("horizontal-layout", isHorizontal);
+  }, [navStyle, layoutSettings]);
+  const previousLocationClassRef = React.useRef("");
+  React.useEffect(() => {
+    const body = document.body;
+    let formattedPath = "";
+    if (location.pathname && location.pathname !== "/") {
+      formattedPath = location.pathname.replace(/^\/|\/$/g, "").replace(/\//g, "-");
+    }
+    const currentLocationClass = formattedPath ? `location-${formattedPath}` : "";
+    if (previousLocationClassRef.current) {
+      body.classList.remove(previousLocationClassRef.current);
+    }
+    if (currentLocationClass) {
+      body.classList.add(currentLocationClass);
+      previousLocationClassRef.current = currentLocationClass;
+    } else {
+      previousLocationClassRef.current = "";
+    }
+    return () => {
+      if (previousLocationClassRef.current) {
+        body.classList.remove(previousLocationClassRef.current);
+      }
+      dispatch(DASH_REDUX_ACTIONS.setNavExpanded(localNavExpandedRef.current));
+      dispatch(DASH_REDUX_ACTIONS.setNavSize(localNavSizeRef.current));
+    };
+  }, [location.pathname, dispatch]);
+  const windowSize = useWindowSize();
+  React.useEffect(() => {
+    const layoutElement = document.getElementById("dash-app-layout");
+    if (layoutElement) {
+      layoutElement.classList.remove("expanded", "collapsed", "small", "large");
+      layoutElement.classList.remove("sidebar-position-left", "sidebar-position-right", "sidebar-position-top", "sidebar-position-bottom");
+      layoutElement.classList.add(localNavExpanded ? "expanded" : "collapsed");
+      layoutElement.classList.add(localNavSize);
+      layoutElement.classList.add(`sidebar-position-${sidebarPosition}`);
+    }
+  }, [localNavExpanded, localNavSize, sidebarPosition]);
+  const toggleDrawer = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setLocalNavExpanded(!localNavExpanded);
+  };
+  const isLargeScreen = useMediaQuery(theme.breakpoints.up("lg"));
+  const [prevIsSmall, setPrevIsSmall] = useState(null);
+  const [prevIsLarge, setPrevIsLarge] = useState(null);
+  const [prevIsMediumOrSmaller, setPrevIsMediumOrSmaller] = useState(null);
+  React.useEffect(() => {
+    if (prevIsSmall === null || prevIsLarge === null || prevIsMediumOrSmaller === null) {
+      if (isMediumOrSmaller) {
+        setLocalNavSize("small");
+        setLocalNavExpanded(false);
+      } else {
+        const hasStoredNavSize = dashStorage.getItem("dashNavSize") !== null;
+        const hasStoredNavExpanded = dashStorage.getItem("dashNavExpanded") !== null;
+        if (!hasStoredNavSize) {
+          setLocalNavSize("large");
+        }
+        if (!hasStoredNavExpanded) {
+          setLocalNavExpanded(isLargeScreen);
+        }
+      }
+      setPrevIsSmall(isSmallScreen);
+      setPrevIsLarge(isLargeScreen);
+      setPrevIsMediumOrSmaller(isMediumOrSmaller);
+      return;
+    }
+    if (prevIsMediumOrSmaller !== isMediumOrSmaller) {
+      setLocalNavSize(isMediumOrSmaller ? "small" : "large");
+      if (isMediumOrSmaller) {
+        setLocalNavExpanded(false);
+      } else {
+        setLocalNavExpanded(true);
+      }
+      setPrevIsMediumOrSmaller(isMediumOrSmaller);
+    }
+    if (prevIsSmall !== isSmallScreen) {
+      if (isSmallScreen) {
+        setLocalNavExpanded(false);
+      }
+      setPrevIsSmall(isSmallScreen);
+    }
+    if (prevIsLarge !== isLargeScreen) {
+      if (isLargeScreen && !isMediumOrSmaller) {
+        setLocalNavExpanded(true);
+      }
+      setPrevIsLarge(isLargeScreen);
+    }
+  }, [isSmallScreen, isLargeScreen, isMediumOrSmaller, prevIsSmall, prevIsLarge, prevIsMediumOrSmaller]);
+  const effectiveNavExpanded = isHorizontalPosition ? true : localNavExpanded;
+  const effectiveNavSize = isHorizontalPosition ? "large" : localNavSize;
+  const drawerOpen = effectiveNavSize === "large" || effectiveNavSize === "small" && effectiveNavExpanded;
+  const drawerClassName = `sidebar-drawer`;
+  return /* @__PURE__ */ jsx(Box, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx(
+    MuiDrawer,
+    {
+      variant: localNavSize === "small" ? "temporary" : "permanent",
+      anchor: sidebarPosition,
+      open: drawerOpen,
+      className: drawerClassName,
+      "data-sidebar-position": sidebarPosition,
+      onClose: () => {
+        if (localNavSize === "small") {
+          setLocalNavExpanded(false);
+        }
+      },
+      ModalProps: {
+        keepMounted: true
+        // Better open performance on mobile
+      },
+      children: /* @__PURE__ */ jsx(
+        AppMaterialMenu,
+        {
+          navSize: effectiveNavSize,
+          navExpanded: effectiveNavExpanded,
+          logos,
+          onToggleDrawer: isHorizontalPosition ? void 0 : toggleDrawer,
+          sidebarPosition
+        }
+      )
+    }
+  ) });
+};
+var AppSidebarMaterial_default = AppSidebarMaterial;
+export {
+  AppSidebarMaterial_default as default
+};

package/dist/default-theme/menu/SidebarActions.js

@@ -1 +1,75 @@
-import{Fragment as h,jsx as o,jsxs as m}from"react/jsx-runtime";import{Box as p}from"@mui/material";import{useSelector as n}from"react-redux";import d from"../../components/user/AvatarComponent";import f from"../../components/i18n/BridgedLocalesMenuButton";import l from"../../components/menu/DarkToggleMode";import{useAuthContext as u}from"../../contexts/auth/AuthContext";import A from"../../components/i18n/LangSwitcher";const S=({sidebarPosition:t="left",navExpanded:i=!0})=>{const r=u(),s=t==="top"||t==="bottom",e=n(a=>a.common.headerToolBar),c=n(a=>a.common.headerToolBarReplace);return m(p,{className:"sidebar-actions",sx:{display:"flex",alignItems:"center",gap:1,...s?{marginLeft:"auto",flexShrink:0,paddingRight:2,flexDirection:i?"row-reverse":"row"}:{flexShrink:0,flexDirection:"column"}},children:[r?.authenticated&&r.user?.id!=="guest"&&o(d,{sidebarPosition:t}),e&&c?o(e,{}):m(h,{children:[e&&o(e,{}),r?.authenticated?o(f,{}):o(A,{}),o(l,{})]})]})};var L=S;export{L as default};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { useSelector } from "react-redux";
+import AvatarComponent from "../../components/user/AvatarComponent";
+import BridgedLocalesMenuButton from "../../components/i18n/BridgedLocalesMenuButton";
+import DarkToggleMode from "../../components/menu/DarkToggleMode";
+import { useAuthContext } from "../../contexts/auth/AuthContext";
+import LangSwitcher from "../../components/i18n/LangSwitcher";
+const SidebarActions = ({
+  sidebarPosition = "left",
+  navExpanded = true
+}) => {
+  var _a;
+  const authContext = useAuthContext();
+  const isHorizontal = sidebarPosition === "top" || sidebarPosition === "bottom";
+  const HeaderToolBar = useSelector(
+    (state) => state.common.headerToolBar
+  );
+  const headerToolBarReplace = useSelector(
+    (state) => state.common.headerToolBarReplace
+  );
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: "sidebar-actions",
+      sx: __spreadValues({
+        display: "flex",
+        alignItems: "center",
+        gap: 1
+      }, isHorizontal ? {
+        marginLeft: "auto",
+        flexShrink: 0,
+        paddingRight: 2,
+        flexDirection: navExpanded ? "row-reverse" : "row"
+      } : {
+        flexShrink: 0,
+        flexDirection: navExpanded ? "column" : "column"
+      }),
+      children: [
+        (authContext == null ? void 0 : authContext.authenticated) && ((_a = authContext.user) == null ? void 0 : _a.id) !== "guest" && /* @__PURE__ */ jsx(AvatarComponent, { sidebarPosition }),
+        HeaderToolBar && headerToolBarReplace ? (
+          // Replace mode: Only render the custom HeaderToolBar
+          /* @__PURE__ */ jsx(HeaderToolBar, {})
+        ) : (
+          // Default mode: Render all actions
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            HeaderToolBar && /* @__PURE__ */ jsx(HeaderToolBar, {}),
+            (authContext == null ? void 0 : authContext.authenticated) ? /* @__PURE__ */ jsx(BridgedLocalesMenuButton, {}) : /* @__PURE__ */ jsx(LangSwitcher, {}),
+            /* @__PURE__ */ jsx(DarkToggleMode, {})
+          ] })
+        )
+      ]
+    }
+  );
+};
+var SidebarActions_default = SidebarActions;
+export {
+  SidebarActions_default as default
+};

package/dist/default-theme/updateDomCssVariables.js

@@ -1 +1,134 @@
-function h(a){return getComputedStyle(document.documentElement).getPropertyValue(`--${a}`).trim()||void 0}function y(a=document.styleSheets){const t=new Set;for(let c=0;c<a.length;c++){const g=a[c];let s;try{s=g.cssRules}catch{continue}if(s)for(let i=0;i<s.length;i++){const n=s[i];if("style"in n&&n.style){const o=n.style;for(let l=0;l<o.length;l++){const r=o[l];r.startsWith("--")&&t.add(r)}}}}return Array.from(t)}function S(){const a={};for(let t=0;t<document.styleSheets.length;t++){const c=document.styleSheets[t];if(c.ownerNode?.id!=="dash-theme-variables")try{const s=c.cssRules;if(!s)continue;for(let i=0;i<s.length;i++){const n=s[i];if("selectorText"in n&&n.selectorText===":root"){const o=n.style;for(let l=0;l<o.length;l++){const r=o[l];r.startsWith("--")&&(a[r]=o.getPropertyValue(r).trim())}}}}catch{continue}}return a}const m=(a,t,c)=>{const s=`--${a}`,i=["framed_layout-bg--light","framed_layout-bg--dark"];let n=document.getElementById("dash-theme-variables");n||(n=document.createElement("style"),n.id="dash-theme-variables"),document.head.appendChild(n);let o="";c&&Object.entries(c).forEach(([e,u])=>{o+=`--${e}: ${u}; `});const l=t?void 0:S(),r=new Set;t?Object.keys(t).forEach(e=>r.add(e)):Object.keys(l).forEach(e=>{r.add(e.slice(2))}),i.forEach(e=>r.add(e)),r.forEach(e=>{let u=t?.[e];if(!u&&l&&(u=l[`--${e}`]),u||(u=h(e)),u){const f=e.includes("--"),d=e.endsWith(s);(!f||d)&&(o+=`--${e}: ${u}; `,i.includes(e))}if(e.endsWith(s)){const f=e.slice(0,-s.length);let d=t?.[e];!d&&l&&(d=l[`--${e}`]),d||(d=h(e)),d&&(o+=`--${f}: ${d}; `,i.includes(`${f}${s}`))}}),n.textContent=`:root { ${o} }`};var b=m;export{b as default,m as updateDomCssVariables};
+function getCssVarFromDom(key) {
+  const value = getComputedStyle(document.documentElement).getPropertyValue(`--${key}`).trim();
+  return value || void 0;
+}
+function getAllCSSVariableNames(styleSheets = document.styleSheets) {
+  const cssVars = /* @__PURE__ */ new Set();
+  for (let i = 0; i < styleSheets.length; i++) {
+    const sheet = styleSheets[i];
+    let rules;
+    try {
+      rules = sheet.cssRules;
+    } catch (e) {
+      continue;
+    }
+    if (!rules) continue;
+    for (let j = 0; j < rules.length; j++) {
+      const rule = rules[j];
+      if ("style" in rule && rule.style) {
+        const style = rule.style;
+        for (let k = 0; k < style.length; k++) {
+          const name = style[k];
+          if (name.startsWith("--")) {
+            cssVars.add(name);
+          }
+        }
+      }
+    }
+  }
+  return Array.from(cssVars);
+}
+function getStaticCssVariables() {
+  const result = {};
+  for (let i = 0; i < document.styleSheets.length; i++) {
+    const sheet = document.styleSheets[i];
+    const ownerNode = sheet.ownerNode;
+    if ((ownerNode == null ? void 0 : ownerNode.id) === "dash-theme-variables") continue;
+    try {
+      const rules = sheet.cssRules;
+      if (!rules) continue;
+      for (let j = 0; j < rules.length; j++) {
+        const rule = rules[j];
+        if ("selectorText" in rule && rule.selectorText === ":root") {
+          const style = rule.style;
+          for (let k = 0; k < style.length; k++) {
+            const name = style[k];
+            if (name.startsWith("--")) {
+              result[name] = style.getPropertyValue(name).trim();
+            }
+          }
+        }
+      }
+    } catch (e) {
+      continue;
+    }
+  }
+  return result;
+}
+const updateDomCssVariables = (theme, colors, values) => {
+  const debug = false;
+  const themeSuffix = `--${theme}`;
+  const logKeys = [
+    // "primary-color--light",
+    // "primary-color--dark",
+    "framed_layout-bg--light",
+    "framed_layout-bg--dark"
+    // "primary-color--light",
+    // "primary-contrast--light",
+    // "primary-contrast--dark",
+    // "secondary-color--light",
+    // "secondary-color--dark",
+    // "highlight-color--light",
+    // "highlight-color--dark",
+    //"framed_layout-bg--light",
+    //"framed_layout-bg--dark",
+  ];
+  let themeStyleElement = document.getElementById("dash-theme-variables");
+  if (!themeStyleElement) {
+    themeStyleElement = document.createElement("style");
+    themeStyleElement.id = "dash-theme-variables";
+  }
+  document.head.appendChild(themeStyleElement);
+  let styleString = "";
+  values && Object.entries(values).forEach(([key, value]) => {
+    styleString += `--${key}: ${value}; `;
+  });
+  const staticVars = colors ? void 0 : getStaticCssVariables();
+  const allKeys = /* @__PURE__ */ new Set();
+  if (colors) {
+    Object.keys(colors).forEach((k) => allKeys.add(k));
+  } else {
+    Object.keys(staticVars).forEach((name) => {
+      allKeys.add(name.slice(2));
+    });
+  }
+  logKeys.forEach((k) => allKeys.add(k));
+  allKeys.forEach((key) => {
+    let value = colors == null ? void 0 : colors[key];
+    if (!value && staticVars) {
+      value = staticVars[`--${key}`];
+    }
+    if (!value) value = getCssVarFromDom(key);
+    if (value) {
+      const isThemeVariable = key.includes("--");
+      const isCurrentTheme = key.endsWith(themeSuffix);
+      if (!isThemeVariable || isCurrentTheme) {
+        styleString += `--${key}: ${value}; `;
+        if (logKeys.includes(key)) {
+          debug && console.log(`%c \u2B24 --${key}: ${value}; `, `color: ${value};`);
+        }
+      }
+    }
+    if (key.endsWith(themeSuffix)) {
+      const baseKey = key.slice(0, -themeSuffix.length);
+      let baseValue = colors == null ? void 0 : colors[key];
+      if (!baseValue && staticVars) {
+        baseValue = staticVars[`--${key}`];
+      }
+      if (!baseValue) baseValue = getCssVarFromDom(key);
+      if (baseValue) {
+        styleString += `--${baseKey}: ${baseValue}; `;
+        if (logKeys.includes(`${baseKey}${themeSuffix}`)) {
+          debug && console.log(`%c \u2B24 [DEFAULT][${themeSuffix}] --${baseKey}: ${baseValue}; `, `color: ${baseValue};`);
+        }
+      }
+    }
+  });
+  debug && console.log("STYLES", styleString);
+  themeStyleElement.textContent = `:root { ${styleString} }`;
+};
+var updateDomCssVariables_default = updateDomCssVariables;
+export {
+  updateDomCssVariables_default as default,
+  updateDomCssVariables
+};

package/dist/helpers/checkRole.js

@@ -1 +1,14 @@
-import{getCookie as n}from"../utils/cookies";const i=(t,o)=>{if(Array.isArray(o)&&o.map(e=>e.toLowerCase()).includes("*")||t.map(e=>e.toLowerCase()).includes("system"))return!0;const r=n("tenant_id");return o.map(e=>e.toLowerCase()).includes("has_admin_id")&&!r?!1:o.map(e=>e.toLowerCase()).find(e=>t.map(a=>a.toLowerCase()).includes(e))};var c=i;export{c as default};
+import { getCookie } from "../utils/cookies";
+const checkRole = (permissions, roles) => {
+  const debug = false;
+  if (debug) console.info("Check Roles", permissions, roles);
+  if (Array.isArray(roles) && roles.map((r) => r.toLowerCase()).includes("*")) return true;
+  if (permissions.map((r) => r.toLowerCase()).includes("system")) return true;
+  const cookie_tenant_id = getCookie("tenant_id");
+  if (roles.map((r) => r.toLowerCase()).includes("has_admin_id") && !cookie_tenant_id) return false;
+  return roles.map((r) => r.toLowerCase()).find((role) => permissions.map((r) => r.toLowerCase()).includes(role));
+};
+var checkRole_default = checkRole;
+export {
+  checkRole_default as default
+};

package/dist/helpers/parseAxiosError.js

@@ -1,2 +1,28 @@
-const a=s=>{if(s?.originalError?.response?.data?.errors&&typeof s?.originalError?.response?.data?.errors=="object"){const e=s.originalError.response.data.errors,n=[];for(const t in e)Array.isArray(e[t])&&n.push(...e[t]);if(n.length>0)return n.join(`
-`)}return s?.response?.data?.message?s.response.data.message:s?.code||s?.message?[s.code,s.name||"",s.message].filter(Boolean).join(" - "):s?.response?.status||s?.response?.statusText?[s.response.status,s.response.statusText].filter(Boolean).join(" - "):"An unexpected error occurred"};export{a as parseAxiosError};
+const parseAxiosError = (error) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  if (((_c = (_b = (_a = error == null ? void 0 : error.originalError) == null ? void 0 : _a.response) == null ? void 0 : _b.data) == null ? void 0 : _c.errors) && typeof ((_f = (_e = (_d = error == null ? void 0 : error.originalError) == null ? void 0 : _d.response) == null ? void 0 : _e.data) == null ? void 0 : _f.errors) === "object") {
+    const originalErrors = error.originalError.response.data.errors;
+    const errorMessages = [];
+    for (const key in originalErrors) {
+      if (Array.isArray(originalErrors[key])) {
+        errorMessages.push(...originalErrors[key]);
+      }
+    }
+    if (errorMessages.length > 0) {
+      return errorMessages.join("\n");
+    }
+  }
+  if ((_h = (_g = error == null ? void 0 : error.response) == null ? void 0 : _g.data) == null ? void 0 : _h.message) {
+    return error.response.data.message;
+  }
+  if ((error == null ? void 0 : error.code) || (error == null ? void 0 : error.message)) {
+    return [error.code, error.name || "", error.message].filter(Boolean).join(" - ");
+  }
+  if (((_i = error == null ? void 0 : error.response) == null ? void 0 : _i.status) || ((_j = error == null ? void 0 : error.response) == null ? void 0 : _j.statusText)) {
+    return [error.response.status, error.response.statusText].filter(Boolean).join(" - ");
+  }
+  return "An unexpected error occurred";
+};
+export {
+  parseAxiosError
+};

package/dist/hooks/audio/useAudio.js

@@ -1 +1,24 @@
-import{useState as s,useEffect as a}from"react";const r=o=>{const[e]=s(new Audio(o)),[t,n]=s(!1),d=()=>n(!t);return a(()=>{t?e.play():e.pause()},[t]),a(()=>(e.addEventListener("ended",()=>n(!1)),()=>{e.removeEventListener("ended",()=>n(!1))}),[]),[t,d]};var l=r;export{l as default};
+import { useState, useEffect } from "react";
+const useAudio = (url) => {
+  const [audio] = useState(new Audio(url));
+  const [playing, setPlaying] = useState(false);
+  const toggle = () => setPlaying(!playing);
+  useEffect(() => {
+    if (playing) {
+      audio.play();
+    } else {
+      audio.pause();
+    }
+  }, [playing]);
+  useEffect(() => {
+    audio.addEventListener("ended", () => setPlaying(false));
+    return () => {
+      audio.removeEventListener("ended", () => setPlaying(false));
+    };
+  }, []);
+  return [playing, toggle];
+};
+var useAudio_default = useAudio;
+export {
+  useAudio_default as default
+};

package/dist/hooks/axios.js

@@ -1 +1,52 @@
-import r from"axios";import i from"@dashadmin/dash-constants/src/DASHAdminSystemConstants";import{dashStorage as a}from"@dashadmin/dash-utils";const c=()=>{let n=!1,o={baseURL:i.system.ADMIN_API_URL,headers:{"Content-Type":"application/json",Accept:"application/json"}};const t=r.create(o);return n&&(t.defaults.withCredentials=!0,t.get("/csrf-cookie").then(e=>{console.log("sanctum",e)})),t.interceptors.request.use(function(e){const s=a.getItem("token");return s!==void 0&&s!=="undefined"&&(e.headers.Authorization="Bearer "+s),e}),t.interceptors.response.use(e=>e,e=>(window.dispatchEvent(new MessageEvent("GlobalError",{data:{error:e}})),e.response&&e.response.status===422?Promise.reject(e.response.data?.errors||e):Promise.reject(e))),t},u=()=>({axios:c()});var l=u;export{l as default,c as initAxios};
+import axios from "axios";
+import constants from "dash-constants/src/DASHAdminSystemConstants";
+import { dashStorage } from "dash-utils";
+const initAxios = () => {
+  let CSRFAuth = false;
+  let options = {
+    baseURL: constants.system.ADMIN_API_URL,
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "application/json"
+    }
+  };
+  const instance = axios.create(options);
+  if (CSRFAuth) {
+    instance.defaults.withCredentials = true;
+    instance.get("/csrf-cookie").then((response) => {
+      console.log("sanctum", response);
+    });
+  }
+  instance.interceptors.request.use(function(config) {
+    const token = dashStorage.getItem("token");
+    if (token !== void 0 && token !== "undefined") {
+      config.headers.Authorization = "Bearer " + token;
+    }
+    return config;
+  });
+  instance.interceptors.response.use(
+    (response) => {
+      return response;
+    },
+    (error) => {
+      var _a;
+      window.dispatchEvent(new MessageEvent("GlobalError", { data: { error } }));
+      if (error.response && error.response.status === 422) {
+        return Promise.reject(((_a = error.response.data) == null ? void 0 : _a.errors) || error);
+      }
+      return Promise.reject(error);
+    }
+  );
+  return instance;
+};
+const useAxios = () => {
+  const axios2 = initAxios();
+  return {
+    axios: axios2
+  };
+};
+var axios_default = useAxios;
+export {
+  axios_default as default,
+  initAxios
+};