@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 12.0.16-alpha.1

package/lib/components/Layout/getPageTitle.js

@@ -18,7 +18,7 @@ const getPageTitleInfo = (props, ignoreTile) => {
       locale: false
     }
   } = props;
-  const pageTitle = title || '';
+  const pageTitle = ignoreTile ? '' : title || '';
   const currRouterData = matchParamsPath(pathname, breadcrumb, breadcrumbMap);
   if (!currRouterData) {
     return {

package/lib/components/Layout/getPageTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPageTitle.js","sources":["../../../src/components/Layout/getPageTitle.ts"],"sourcesContent":[null],"names":[],"mappings":"yCAca,MAAA,eAAe,GAAG,CAC3B,QAAgB,EAChB,UAA6C,EAC7C,aAAyC,KAC3B;;MAEV,aAAA,EAAa;UACP,OAAA,GAAA,CAAO,GAAG,aAAI,CAAA,IAAc,EAAA,CAAA,CAAI,IAAI,CAAA,GAAI,IAAK,YAAiB,CAAA,GAAA,CAAA,CAAA,IAAI,CAAC,QAAM,CAAA,CAAA;QAC/E,OAAI,EAAA;AACA,MAAA,OAAA,yBAAyB,CAAA;;;AAGrC;AAEA,MAAM,gBAAgB,GAAG,CACrB,KAAwB,EACxB,UAAoB,KAQpB;AACA,EAAA,MAAA;AAOQ,IAAA,QAAA,MAAa;;AAGrB,IAAA,aAAe;IACf,aAAM;IACN,KAAK,GAAc,gBAAG;QAClB,GAAO;AACH,MAAA,MAAA,EAAA;AACA;AACA,GAAA,GAAA,KAAA;iBACF,GAAA,KAAA,IAAA,EAAA;QACL,cAAA,GAAA,eAAA,CAAA,QAAA,EAAA,UAAA,EAAA,aAAA,CAAA;AACD,EAAA,IAAA,CAAA,cAA6B,EAAA;AAE7B,IAAA,OAAQ;WACI,EAAA;AACJ,MAAA,EAAA,EAAA,EAAA;cACc,EAAA;AACjB,KAAA;;MAGD,QAAS,GAAA,cAAG,CAAA,IAAA;UACL,CAAA,MAAA,KAAA,KAAA,IAAA,cAAA,CAAA,MAAA,IAAA,aAAA,EAAA;AACH,IAAA,QAAA,GAAA,aAAgB,CAAA;AAChB,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;AACzB,MAAA,cAAQ,EAAE,cAAS,CAAA;;;AAG3B,EAAA,IAAA,CAAA,QAAc,EAAA;WACH;AACH,MAAA,KAAA,EAAA,SAAe;AACf,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;cACjB,EAAA;;;MAGT,CAAA,KAAA,EAAA;AACH,IAAA,OAAA;AACA,MAAA,KAAI,EAAA,QAAA;QACJ,EAAQ,cAAA,CAAA,MAAA,IAAA,EAAA;MACV;AACN,KAAE;AAEF;;;;;;"}
+{"version":3,"file":"getPageTitle.js","sources":["../../../src/components/Layout/getPageTitle.ts"],"sourcesContent":[null],"names":[],"mappings":"yCAGa,MAAA,eAAe,GAAG,CAC3B,QAAgB,EAChB,UAA6C,EAC7C,aAAyC,KAC3B;;MAEV,aAAA,EAAa;UACP,OAAA,GAAA,CAAO,GAAG,aAAI,CAAA,IAAc,EAAA,CAAA,CAAI,IAAI,CAAA,GAAI,IAAK,YAAiB,CAAA,GAAA,CAAA,CAAA,IAAI,CAAC,QAAM,CAAA,CAAA;QAC/E,OAAI,EAAA;AACA,MAAA,OAAA,yBAAyB,CAAA;;;AAGrC;AAEA,MAAM,gBAAgB,GAAG,CACrB,KAAwB,EACxB,UAAoB,KAQpB;AACA,EAAA,MAAA;AAOQ,IAAA,QAAA,MAAa;;AAGrB,IAAA,aAAe;IACf,aAAM;IACN,KAAK,GAAc,gBAAG;QAClB,GAAO;AACH,MAAA,MAAA,EAAA;AACA;AACA,GAAA,GAAA,KAAA;iBACF,GAAA,UAAA,GAAA,EAAA,GAAA,KAAA,IAAA,EAAA;QACL,cAAA,GAAA,eAAA,CAAA,QAAA,EAAA,UAAA,EAAA,aAAA,CAAA;AACD,EAAA,IAAA,CAAA,cAA6B,EAAA;AAE7B,IAAA,OAAQ;WACI,EAAA;AACJ,MAAA,EAAA,EAAA,EAAA;cACc,EAAA;AACjB,KAAA;;MAGD,QAAS,GAAA,cAAG,CAAA,IAAA;UACL,CAAA,MAAA,KAAA,KAAA,IAAA,cAAA,CAAA,MAAA,IAAA,aAAA,EAAA;AACH,IAAA,QAAA,GAAA,aAAgB,CAAA;AAChB,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;AACzB,MAAA,cAAQ,EAAE,cAAS,CAAA;;;AAG3B,EAAA,IAAA,CAAA,QAAc,EAAA;WACH;AACH,MAAA,KAAA,EAAA,SAAe;AACf,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;cACjB,EAAA;;;MAGT,CAAA,KAAA,EAAA;AACH,IAAA,OAAA;AACA,MAAA,KAAI,EAAA,QAAA;QACJ,EAAQ,cAAA,CAAA,MAAA,IAAA,EAAA;MACV;AACN,KAAE;AAEF;;;;;;"}

package/lib/components/Layout/slot-fill/AdditionalSettings.d.ts

@@ -0,0 +1,4 @@
+export declare const ADDITIONAL_SETTINGS_SLOT_FILL_NAME = "additional_settings_slot_fill";
+export declare const AdditionalSettingsSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const AdditionalSettingsFillCard: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdditionalSettings.d.ts.map

package/lib/components/Layout/slot-fill/AdditionalSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kCAAkC,kCAAkC,CAAC;AAElF,eAAO,MAAM,sBAAsB,GAAI,UAAK,4CAE3C,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,UAAK,4CAE/C,CAAC"}

package/lib/components/Layout/slot-fill/AdditionalSettings.js

@@ -0,0 +1,7 @@
+import {jsx}from'react/jsx-runtime';import {Slot}from'@common-stack/components-pro';const ADDITIONAL_SETTINGS_SLOT_FILL_NAME = 'additional_settings_slot_fill';
+const AdditionalSettingsSlot = props => {
+  return jsx(Slot, {
+    name: ADDITIONAL_SETTINGS_SLOT_FILL_NAME,
+    fillProps: props
+  });
+};export{ADDITIONAL_SETTINGS_SLOT_FILL_NAME,AdditionalSettingsSlot};//# sourceMappingURL=AdditionalSettings.js.map

package/lib/components/Layout/slot-fill/AdditionalSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalSettings.js","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAIO,MAAM,kCAAkC,GAAG;AAErC,MAAA,sBAAsB,GAAG,KAAC,IAAS;SACrCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,kCAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}

package/lib/components/Layout/slot-fill/Footer.d.ts

@@ -1,4 +1,4 @@
-export declare const FOOTER_SLOT_FILL_NAME = "footer-slot-fill";
+export declare const FOOTER_SLOT_FILL_NAME = "footer-fill";
 export declare const FooterSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
 export declare const FooterCard: (props: any) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Footer.d.ts.map

package/lib/components/Layout/slot-fill/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,qBAAqB,CAAC;AAExD,eAAO,MAAM,UAAU,yDAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,yDAEtB,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,gBAAgB,CAAC;AAEnD,eAAO,MAAM,UAAU,GAAI,UAAK,4CAE/B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,UAAK,4CAE/B,CAAC"}

package/lib/components/Layout/slot-fill/Footer.js

@@ -1,7 +1,7 @@
-import {jsx}from'react/jsx-runtime';import {Fill}from'@common-stack/components-pro';const FOOTER_SLOT_FILL_NAME = 'footer-slot-fill';
-const FooterCard = props => {
-  return jsx(Fill, {
-    ...props,
-    name: FOOTER_SLOT_FILL_NAME
+import {jsx}from'react/jsx-runtime';import {Slot}from'@common-stack/components-pro';const FOOTER_SLOT_FILL_NAME = 'footer-fill';
+const FooterSlot = props => {
+  return jsx(Slot, {
+    name: FOOTER_SLOT_FILL_NAME,
+    fillProps: props
   });
-};export{FOOTER_SLOT_FILL_NAME,FooterCard};//# sourceMappingURL=Footer.js.map
+};export{FOOTER_SLOT_FILL_NAME,FooterSlot};//# sourceMappingURL=Footer.js.map

package/lib/components/Layout/slot-fill/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"sourcesContent":[null],"names":[],"mappings":"oFAGO,MAAM,qBAAqB,GAAG;;;;;;"}
+{"version":3,"file":"Footer.js","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAEO,MAAM,qBAAqB,GAAG;AAExB,MAAA,UAAU,GAAG,KAAC,IAAS;SACzBA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,qBAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}

package/lib/components/Layout/slot-fill/HeaderNotice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/HeaderNotice.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,4BAA4B,CAAC;AAEtE,eAAO,MAAM,gBAAgB,yDAE5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,yDAE5B,CAAC"}
+{"version":3,"file":"HeaderNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/HeaderNotice.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,4BAA4B,CAAC;AAEtE,eAAO,MAAM,gBAAgB,GAAI,UAAK,4CAErC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,UAAK,4CAErC,CAAC"}

package/lib/components/Layout/slot-fill/HeaderSearchBar.d.ts

@@ -0,0 +1,3 @@
+import 'reflect-metadata';
+export declare const HeaderSearchBarSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderSearchBar.d.ts.map

package/lib/components/Layout/slot-fill/HeaderSearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,mBAAmB,GAAI,UAAK,4CAExC,CAAC"}

package/lib/components/Layout/slot-fill/HeaderSearchBar.js

@@ -0,0 +1,6 @@
+import {jsx}from'react/jsx-runtime';import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import {HEADER_SEARCHBAR_FILL}from'@admin-layout/client/lib/constants/layout.js';const HeaderSearchBarSlot = props => {
+  return jsx(Slot, {
+    name: HEADER_SEARCHBAR_FILL,
+    fillProps: props
+  });
+};export{HeaderSearchBarSlot};//# sourceMappingURL=HeaderSearchBar.js.map

package/lib/components/Layout/slot-fill/HeaderSearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchBar.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"8LAKa,MAAA,mBAAmB,GAAG,KAAC,IAAS;SAClCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,qBAAA;;;"}

package/lib/components/Layout/slot-fill/HeaderSearchButton.d.ts

@@ -0,0 +1,3 @@
+import 'reflect-metadata';
+export declare const HeaderSearchButtonSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderSearchButton.d.ts.map

package/lib/components/Layout/slot-fill/HeaderSearchButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,sBAAsB,GAAI,UAAK,4CAE3C,CAAC"}

package/lib/components/Layout/slot-fill/HeaderSearchButton.js

@@ -0,0 +1,6 @@
+import {jsx}from'react/jsx-runtime';import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import {HEADER_SEARCH_BUTTON_FILL}from'@admin-layout/client/lib/constants/layout.js';const HeaderSearchButtonSlot = props => {
+  return jsx(Slot, {
+    name: HEADER_SEARCH_BUTTON_FILL,
+    fillProps: props
+  });
+};export{HeaderSearchButtonSlot};//# sourceMappingURL=HeaderSearchButton.js.map

package/lib/components/Layout/slot-fill/HeaderSearchButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchButton.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"kMAKa,MAAA,sBAAsB,GAAG,KAAC,IAAS;SACrCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,yBAAA;;;"}

package/lib/components/Layout/slot-fill/RightContent.d.ts

@@ -0,0 +1,3 @@
+import 'reflect-metadata';
+export declare const RightContentSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RightContent.d.ts.map

package/lib/components/Layout/slot-fill/RightContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,gBAAgB,GAAI,UAAK,4CAErC,CAAC"}

package/lib/components/Layout/slot-fill/RightContent.js

@@ -0,0 +1,6 @@
+import {jsx}from'react/jsx-runtime';import'reflect-metadata';import {Slot}from'@common-stack/components-pro';import {RIGHT_CONTENT_FILL}from'@admin-layout/client/lib/constants/layout.js';const RightContentSlot = props => {
+  return jsx(Slot, {
+    name: RIGHT_CONTENT_FILL,
+    fillProps: props
+  });
+};export{RightContentSlot};//# sourceMappingURL=RightContent.js.map

package/lib/components/Layout/slot-fill/RightContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"2LAKa,MAAA,gBAAgB,GAAG,KAAC,IAAS;SAC/BA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,kBAAA;;;"}

package/lib/components/Layout/slot-fill/index.d.ts

@@ -1,3 +1,7 @@
 export * from './HeaderNotice';
 export * from './Footer';
+export * from './AdditionalSettings';
+export * from './HeaderSearchBar';
+export * from './HeaderSearchButton';
+export * from './RightContent';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Layout/slot-fill/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/lib/components/Layout/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/util.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,oCAU5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,CAAC,CAAC,IAAI,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,MAAM,CAQ7F,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/util.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,GAAI,SAAI,EAAE,WAAM,WAU5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,CAAC,CAAC,IAAI,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,MAAM,CAQ7F,CAAC"}

package/lib/components/Layout/util.js

@@ -0,0 +1,12 @@
+import {generatePath}from'react-router';/* eslint-disable import/no-extraneous-dependencies */
+const generateMenuPath = (path, params) => {
+  try {
+    const generatedPath = generatePath(path, params);
+    return generatedPath;
+  } catch (err) {
+    // console.log('--fillParams.path', path);
+    // console.log('--fillParams.params', params);
+    // console.log('generatePath is errored due to missing orgId');
+  }
+  return null;
+};export{generateMenuPath};//# sourceMappingURL=util.js.map

package/lib/components/Layout/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../src/components/Layout/util.ts"],"sourcesContent":[null],"names":[],"mappings":"wCAAA;MAGa,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAI;AAC7C,EAAA,IAAA;UACU,aAAA,GAAA,YAA4B,CAAA,IAAC,QAAM,CAAA;AACzC,IAAA,OAAA;IACJ,OAAC,GAAA,EAAA;;;;;SAIA,IAAA;AACD"}

package/lib/components/SettingDrawer/CheckBoxTheme.d.ts

@@ -1,8 +1,3 @@
-type ICheckboxThemeProps = {
-    list?: any[];
-    changeSetting?: (key: string, value: string | boolean | any) => void;
-    settings?: any;
-};
+import { ICheckboxThemeProps } from './types';
 export default function CheckBoxTheme(props: ICheckboxThemeProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=CheckBoxTheme.d.ts.map

package/lib/components/SettingDrawer/CheckBoxTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"names":[],"mappings":"AAEA,KAAK,mBAAmB,GAAG;IACvB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CA+C/D"}
+{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAsD9C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAiC/D"}

package/lib/components/SettingDrawer/CheckBoxTheme.js

@@ -1,47 +1,122 @@
-import {jsx,jsxs}from'react/jsx-runtime';function CheckBoxTheme(props) {
+import {jsx,jsxs}from'react/jsx-runtime';const themelist = [{
+  key: 'light',
+  title: 'Light',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("defs", {
+      children: jsx("filter", {
+        id: "softShadow",
+        x: "-20%",
+        y: "-20%",
+        width: "140%",
+        height: "140%",
+        children: jsx("feDropShadow", {
+          dx: "0",
+          dy: "2",
+          stdDeviation: "4",
+          floodColor: "#000000",
+          floodOpacity: "0.1"
+        })
+      })
+    }), jsx("rect", {
+      x: "0",
+      y: "0",
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff",
+      filter: "url(#softShadow)"
+    })]
+  })
+}, {
+  key: 'realDark',
+  title: 'realDark',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      x: "0",
+      y: "0",
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#ffffff"
+    }), jsx("path", {
+      d: "M0,8\n                       A8,8 0 0 1 8,0\n                       H18\n                       V50\n                       H8\n                       A8,8 0 0 1 0,42\n                       Z",
+      fill: "#011627"
+    })]
+  })
+}, {
+  key: 'dark',
+  title: 'Dark',
+  svg: jsxs("svg", {
+    width: "58",
+    height: "50",
+    viewBox: "0 0 58 50",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [jsx("rect", {
+      width: "58",
+      height: "50",
+      rx: "8",
+      fill: "#000000"
+    }), jsx("clipPath", {
+      id: "roundedClip",
+      children: jsx("rect", {
+        width: "58",
+        height: "50",
+        rx: "8"
+      })
+    }), jsxs("g", {
+      clipPath: "url(#roundedClip)",
+      children: [jsx("rect", {
+        x: "0",
+        y: "13",
+        width: "29",
+        height: "37",
+        fill: "#0d1117"
+      }), jsx("rect", {
+        x: "29",
+        y: "13",
+        width: "29",
+        height: "37",
+        fill: "#233445"
+      })]
+    })]
+  })
+}];
+function CheckBoxTheme(props) {
   const {
     list,
     changeSetting,
     settings
   } = props;
   return jsx("div", {
-    className: "flex flex-row",
-    children: list.map((themeItems, index) => {
-      return jsxs("div", {
-        className: "w-16 h-12 shadow-sm rounded cursor-pointer",
+    className: "flex flex-row gap-4",
+    children: themelist.map((themeItems, index) => {
+      return jsx("div", {
+        className: "relative cursor-pointer hover:opacity-80 transition-opacity",
         style: {
           boxShadow: '0 1px 2.5px 0 rgb(0 0 0 / 18%)'
         },
         onClick: () => {
           changeSetting('navTheme', themeItems.key);
-          changeSetting('primaryColor', settings.primaryColor);
+          changeSetting('primaryColor', settings?.primaryColor);
         },
-        children: [jsx("div", {
-          className: "h-3/10 rounded-t",
-          style: {
-            backgroundColor: themeItems.key == 'dark' ? 'rgba(6,25,45,1)' : '#ffff'
-          }
-        }), jsxs("div", {
-          className: "flex h-7/10",
-          children: [jsx("div", {
-            className: "w-3/10 rounded-bl",
-            style: {
-              backgroundColor: themeItems.key === 'dark' ? 'rgba(13,32,51,1)' : '#ffff'
-            }
-          }), jsx("div", {
-            className: "w-7/10 rounded-br",
-            style: {
-              backgroundColor: themeItems.key == 'dark' ? 'rgba(38,55,72,1)' : '#f0f2f5'
-            }
+        children: jsxs("div", {
+          children: [themeItems.svg, settings?.navTheme === themeItems.key && jsx("svg", {
+            className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500",
+            viewBox: "0 0 24 24",
+            fill: "currentColor",
+            children: jsx("path", {
+              d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+            })
           })]
-        }), settings?.navTheme == themeItems.key ? jsx("svg", {
-          className: "relative -bottom-8 left-8 w-4 h-4",
-          viewBox: "0 0 24 24",
-          fill: "currentColor",
-          children: jsx("path", {
-            d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
-          })
-        }) : '']
+        })
       }, `themeItem_${index}`);
     })
   });

package/lib/components/SettingDrawer/CheckBoxTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxTheme.js","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"yCAQwB,SAAA,aAAa,CAAC,KAA0B,EAAA;QACtD;AACN,IAAA,IAAA;AAGY,IAAA,aAAA;AAMY,IAAA;AACA,GAAA,GAAA,KAAA;AACJ,EAAA,OAAAA,GAAA,CAAA;AAKQ,IAAA,SAAA,EAAA,eAAA;AACH,IAAA,QAAA,EAAA,IAAA,CAAA,GAAA,CAAA,CAAA,UAEL,EAAA,KAAA,KAAc;AAIF,MAAA,OAAAC,IAAA,CAAA,KAAA,EAAA;AACH,QAAA,SAAA,EAAA,4CAGS;AAEN,QAAA,KAAA,EAAA;;SAavB;AAGb,QAAC,OAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CheckBoxTheme.js","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAGA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAY;AACZ,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAS,EAAA;SACX,EAAA,IACM;AASZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAY;AACf,IAAA,QAAA,GAAOC,GAAU,CAAA,MAAA,EAAA;cAEb,EAAAA,GAAA,CAAA,QAAK,EAAK;AAcjB,QAAA,EAAA,EAAA,YAAA;AACD,QAAA,CAAA,EAAA,MAAA;AACI,QAAA,CAAA,EAAG,MAAQ;AACX,QAAA,KAAK,EAAE,MAAM;QACb,MACI,EAAK,MAAA;AAWZ,QAAA,QAAA,EAAAA,GAAA,CAAA,cAAA,EAAA;UACH,EAAA,EAAA,GAAA;AAEF,UAAO,EAAA,EAAO,GAAU;UACd,YAAQ,EAAA,GAAA;AACd,UAAA,UACI,EAAA,SAAc;AAEN,UAAA,YAGQ,EAAA;AAGI,SAAA;AACA,OAAA;AACJ,KAAA,CAAA,EAAAA,GAAA,CAAA;SAiBX,GACC;AAEd,MAAC,CAAA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/InvitationSettings.d.ts

@@ -0,0 +1,3 @@
+import { ILayoutSettingsProps } from './types';
+export default function InvitationSettings(props: ILayoutSettingsProps | any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InvitationSettings.d.ts.map

package/lib/components/SettingDrawer/InvitationSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/InvitationSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CA6D3E"}

package/lib/components/SettingDrawer/InvitationSettings.js

@@ -0,0 +1,79 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function InvitationSettings(props) {
+  const {
+    settings,
+    changeSetting,
+    location
+  } = props;
+  const {
+    t
+  } = useTranslation('settings');
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = location?.pathname || '/';
+  settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  // Fallback to global if not found in route
+  const invitations = settings?.organization?.members?.invitations || {};
+  const handleInvitationChange = (key, value) => {
+    if (!changeSetting) return;
+    const newInvitations = {
+      ...invitations,
+      [key]: value
+    };
+    changeSetting(`organization.members.invitations`, newInvitations);
+  };
+  const textColor = {
+    color: settings?.navTheme === 'dark' ? '#ffff' : 'black'
+  };
+  return jsxs("div", {
+    children: [jsx("p", {
+      className: "mb-2 font-medium",
+      style: textColor,
+      children: t('invitation_settings') || 'Invitation Settings'
+    }), jsxs("div", {
+      className: "flex items-center mt-4",
+      children: [jsx("span", {
+        style: textColor,
+        children: t('show_email_invite') || 'Show Email Invite'
+      }), jsx("div", {
+        className: "flex-grow"
+      }), jsx(Switch, {
+        value: !!invitations.showEmailInvite,
+        onChange: checked => handleInvitationChange('showEmailInvite', checked)
+      })]
+    }), jsxs("div", {
+      className: "flex items-center mt-4",
+      children: [jsx("span", {
+        style: textColor,
+        children: t('show_sms_invite') || 'Show SMS Invite'
+      }), jsx("div", {
+        className: "flex-grow"
+      }), jsx(Switch, {
+        value: !!invitations.showSmsInvite,
+        onChange: checked => handleInvitationChange('showSmsInvite', checked)
+      })]
+    }), jsxs("div", {
+      className: "flex items-center mt-4",
+      children: [jsx("span", {
+        style: textColor,
+        children: t('show_qr_code_invite') || 'Show QR Code Invite'
+      }), jsx("div", {
+        className: "flex-grow"
+      }), jsx(Switch, {
+        value: !!invitations.showQrCodeInvite,
+        onChange: checked => handleInvitationChange('showQrCodeInvite', checked)
+      })]
+    }), jsxs("div", {
+      className: "flex items-center mt-4",
+      children: [jsx("span", {
+        style: textColor,
+        children: t('show_invite_link') || 'Show Invite Link'
+      }), jsx("div", {
+        className: "flex-grow"
+      }), jsx(Switch, {
+        value: !!invitations.showInviteLink,
+        onChange: checked => handleInvitationChange('showInviteLink', checked)
+      })]
+    })]
+  });
+}export{InvitationSettings as default};//# sourceMappingURL=InvitationSettings.js.map

package/lib/components/SettingDrawer/InvitationSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationSettings.js","sources":["../../../src/components/SettingDrawer/InvitationSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"yUAMwB,SAAA,kBAAkB,CAAC,KAAiC,EAAA;QAClE;IACN,QAAQ;AACR,IAAA,aAAgB;AAChB,IAAA;AACA,GAAA,GAAA;QACM;IACN;MACM,cAAA,CAAW,UAAG,CAAQ;AAE5B,EAAA,MAAA;AACI,IAAA;mBAA2B,EAAA;AAC3B,EAAA,MAAA,uBAAuB,EAAA,QAAA,IAAA,GAAA;AACnB,EAAc,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA;;AAIlB,EAAA,MAAA,WAAA,GAAc,QAAA,EAAA,YAAA,EAAA,OAAA,EAAA,WAAoC,IAAA,EAAc;AACpE,EAAA,MAAE,sBAAA,GAAA,CAAA,GAAA,EAAA,KAAA,KAAA;AAEF,IAAA,IAAA,CAAA,aAAkB,EAAE;IAEpB,MAAO,cAEC,GAAA;AAqCZ,MAAC,GAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/LayoutChange.d.ts

@@ -1,7 +1,3 @@
-import { ProSettings } from '../defaultSettings';
-export type ILayoutSettingsProps = {
-    settings?: Partial<ProSettings>;
-    changeSetting?: (key: string, value: string | boolean) => void;
-};
-export default function LayoutChange(props: ILayoutSettingsProps): import("react/jsx-runtime").JSX.Element;
+import { ILayoutSettingsProps } from './types';
+export default function LayoutChange(props: ILayoutSettingsProps | any): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LayoutChange.d.ts.map

package/lib/components/SettingDrawer/LayoutChange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,2CAsE/D"}
+{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CA2GrE"}

package/lib/components/SettingDrawer/LayoutChange.js

@@ -1,68 +1,122 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';function LayoutChange(props) {
-  const [selectedValue, setSelectedValue] = useState();
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function LayoutChange(props) {
   const {
     settings,
-    changeSetting
+    changeSetting,
+    location
   } = props;
   const {
     t
   } = useTranslation('settings');
   const {
-    contentWidth,
-    splitMenus,
-    fixedHeader,
-    layout,
-    fixSiderbar,
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = location?.pathname || '/';
+  const {
     navTheme
-  } = settings;
+  } = settings || {};
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
+  const handleLayoutChange = (key, value) => {
+    if (!changeSetting) return;
+    changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
+      ...deviceLayout,
+      [key]: value
+    });
+  };
+  const textColor = {
+    color: navTheme === 'dark' ? '#ffff' : 'black'
+  };
   return jsxs("div", {
     children: [jsxs("div", {
       className: "flex items-center mt-4",
       children: [jsx("p", {
         className: "mb-0",
-        style: {
-          color: navTheme == 'dark' ? '#ffff' : 'black'
-        },
+        style: textColor,
         children: t('fixed_header')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: fixedHeader,
-        settingKey: "fixedHeader",
-        changeSetting: changeSetting,
-        settings: settings
+        value: deviceLayout.fixedHeader,
+        onChange: checked => handleLayoutChange('fixedHeader', checked)
       })]
     }), jsxs("div", {
       className: "flex items-center mt-4",
       children: [jsx("p", {
         className: "mb-0",
-        style: {
-          color: navTheme == 'dark' ? '#ffff' : 'black'
-        },
+        style: textColor,
         children: t('fixed_sidebar')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: fixSiderbar,
-        settingKey: "fixSiderbar",
-        changeSetting: changeSetting,
-        settings: settings
+        value: deviceLayout.fixedSidebar,
+        onChange: checked => handleLayoutChange('fixedSidebar', checked)
       })]
     }), jsxs("div", {
       className: "flex items-center mt-4",
       children: [jsx("p", {
         className: "mb-0",
-        style: {
-          color: navTheme == 'dark' ? '#ffff' : 'black'
-        },
+        style: textColor,
         children: t('split_menus')
       }), jsx("div", {
         className: "flex-grow"
       }), jsx(Switch, {
-        value: splitMenus,
-        settingKey: "splitMenus",
-        changeSetting: changeSetting,
-        settings: settings
+        value: deviceLayout.splitMenus,
+        onChange: checked => handleLayoutChange('splitMenus', checked)
+      })]
+    }), deviceLayout.splitMenus && jsxs(Fragment, {
+      children: [jsx("div", {
+        className: "mt-6 mb-2",
+        children: jsx("p", {
+          className: "text-sm font-medium",
+          style: textColor,
+          children: t('menu_divider_names')
+        })
+      }), jsxs("div", {
+        className: "flex flex-col space-y-4",
+        children: [jsxs("div", {
+          className: "flex flex-col",
+          children: [jsx("label", {
+            className: "text-xs mb-1",
+            style: textColor,
+            children: t('upper_menu_divider')
+          }), jsx("input", {
+            type: "text",
+            className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
+            value: deviceLayout?.upperMenuDividerName,
+            onChange: e => {
+              handleLayoutChange('upperMenuDividerName', e.target.value);
+            }
+          })]
+        }), jsxs("div", {
+          className: "flex flex-col",
+          children: [jsx("label", {
+            className: "text-xs mb-1",
+            style: textColor,
+            children: t('middle_menu_divider')
+          }), jsx("input", {
+            type: "text",
+            className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
+            value: deviceLayout?.middleMenuDividerName,
+            onChange: e => {
+              handleLayoutChange('middleMenuDividerName', e.target.value);
+            }
+          })]
+        }), jsxs("div", {
+          className: "flex flex-col",
+          children: [jsx("label", {
+            className: "text-xs mb-1",
+            style: textColor,
+            children: t('lower_menu_divider')
+          }), jsx("input", {
+            type: "text",
+            className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
+            value: deviceLayout?.lowerMenuDividerName,
+            onChange: e => {
+              handleLayoutChange('lowerMenuDividerName', e.target.value);
+            }
+          })]
+        })]
       })]
     })]
   });