@admin-layout/tailwind-design-pro 12.0.16-alpha.92 → 12.2.1-alpha.0

package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.js

@@ -1,27 +1,21 @@
-import {jsxs,jsx}from'react/jsx-runtime';function ApplyToAllRoutesToggle({
+import React__default from'react';function ApplyToAllRoutesToggle({
   checked,
   onChange
 }) {
-  return jsxs("div", {
-    className: "flex items-center justify-between",
-    children: [jsxs("div", {
-      children: [jsx("p", {
-        className: "text-sm text-black dark:text-white font-medium",
-        children: "Apply to All Routes"
-      }), jsx("p", {
-        className: "text-xs text-gray-600 dark:text-gray-400",
-        children: "When enabled, route-specific settings will apply to all routes instead of just the current route"
-      })]
-    }), jsxs("label", {
-      className: "relative inline-flex items-center cursor-pointer",
-      children: [jsx("input", {
-        type: "checkbox",
-        className: "sr-only peer",
-        checked: checked,
-        onChange: e => onChange(e.target.checked)
-      }), jsx("div", {
-        className: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
-      })]
-    })]
-  });
+  return React__default.createElement("div", {
+    className: "flex items-center justify-between"
+  }, React__default.createElement("div", null, React__default.createElement("p", {
+    className: "text-sm text-black dark:text-white font-medium"
+  }, "Apply to All Routes"), React__default.createElement("p", {
+    className: "text-xs text-gray-600 dark:text-gray-400"
+  }, "When enabled, route-specific settings will apply to all routes instead of just the current route")), React__default.createElement("label", {
+    className: "relative inline-flex items-center cursor-pointer"
+  }, React__default.createElement("input", {
+    type: "checkbox",
+    className: "sr-only peer",
+    checked: checked,
+    onChange: e => onChange(e.target.checked)
+  }), React__default.createElement("div", {
+    className: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
+  })));
 }export{ApplyToAllRoutesToggle};//# sourceMappingURL=ApplyToAllRoutesToggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplyToAllRoutesToggle.js","sources":["../../../../src/components/SettingDrawer/components/ApplyToAllRoutesToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":"kDAOgB,sBAAsB,CAAC;AACnC,EAAA,OAAA;AAmBJ,EAAC;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ApplyToAllRoutesToggle.js","sources":["../../../../src/components/SettingDrawer/components/ApplyToAllRoutesToggle.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"2CAOgB,sBAAsB,CAAC;AACnC,EAAA,OAAA;AAEQ,EAAA;;AAEI,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aAIJ,EAAA;iCACI,CAAA,KAAA,EAAA,IAAA,EAAAA,cACI,CAAA,aAAK,CAAA,GACL,EAAA;AAIJ,IAAA,SAAA,EAAA;AAIhB,GAAC,EAAA,qBAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;;;;;;;;;;;;"}

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { ICheckboxThemeProps } from '../utils/types';
-export declare function CheckBoxTheme(props: ICheckboxThemeProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckBoxTheme(props: ICheckboxThemeProps): React.JSX.Element;
 //# sourceMappingURL=CheckBoxTheme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/CheckBoxTheme.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAwDrD,wBAAgB,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAsCvD"}
+{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/CheckBoxTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAwDrD,wBAAgB,aAAa,CAAC,KAAK,EAAE,mBAAmB,qBAsCvD"}

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

@@ -1,93 +1,85 @@
-import {jsx,jsxs}from'react/jsx-runtime';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {getSettingValue}from'../../../utils/settingsUtils.js';const themelist = [{
+import*as React from'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {getSettingValue}from'../../../utils/settingsUtils.js';const themelist = [{
   key: 'light',
   title: 'Light',
-  svg: jsxs("svg", {
+  svg: React.createElement("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)"
-    })]
-  })
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("defs", null, React.createElement("filter", {
+    id: "softShadow",
+    x: "-20%",
+    y: "-20%",
+    width: "140%",
+    height: "140%"
+  }, React.createElement("feDropShadow", {
+    dx: "0",
+    dy: "2",
+    stdDeviation: "4",
+    floodColor: "#000000",
+    floodOpacity: "0.1"
+  }))), React.createElement("rect", {
+    x: "0",
+    y: "0",
+    width: "58",
+    height: "50",
+    rx: "8",
+    fill: "#ffffff",
+    filter: "url(#softShadow)"
+  }))
 }, {
   key: 'realDark',
   title: 'realDark',
-  svg: jsxs("svg", {
+  svg: React.createElement("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"
-    })]
-  })
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("rect", {
+    x: "0",
+    y: "0",
+    width: "58",
+    height: "50",
+    rx: "8",
+    fill: "#ffffff"
+  }), React.createElement("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", {
+  svg: React.createElement("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"
-      })]
-    })]
-  })
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("rect", {
+    width: "58",
+    height: "50",
+    rx: "8",
+    fill: "#000000"
+  }), React.createElement("clipPath", {
+    id: "roundedClip"
+  }, React.createElement("rect", {
+    width: "58",
+    height: "50",
+    rx: "8"
+  })), React.createElement("g", {
+    clipPath: "url(#roundedClip)"
+  }, React.createElement("rect", {
+    x: "0",
+    y: "13",
+    width: "29",
+    height: "37",
+    fill: "#0d1117"
+  }), React.createElement("rect", {
+    x: "29",
+    y: "13",
+    width: "29",
+    height: "37",
+    fill: "#233445"
+  })))
 }];
 function CheckBoxTheme(props) {
   const {
@@ -104,28 +96,24 @@ function CheckBoxTheme(props) {
   const deviceType = isMobile ? 'mobile' : 'desktop';
   // Use getSettingValue to get the correct navTheme based on applyToAllRoutes
   const navThemeValue = getSettingValue(settings, 'navTheme', applyToAllRoutes, currentRoute, deviceType, 'light');
-  return jsx("div", {
-    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);
-        },
-        children: jsxs("div", {
-          children: [themeItems.svg, navThemeValue === 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"
-            })
-          })]
-        })
-      }, `themeItem_${index}`);
-    })
-  });
+  return React.createElement("div", {
+    className: "flex flex-row gap-4"
+  }, themelist.map((themeItems, index) => {
+    return React.createElement("div", {
+      key: `themeItem_${index}`,
+      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);
+      }
+    }, React.createElement("div", null, themeItems.svg, navThemeValue === themeItems.key && React.createElement("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"
+    }, React.createElement("path", {
+      d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+    }))));
+  }));
 }export{CheckBoxTheme};//# sourceMappingURL=CheckBoxTheme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxTheme.js","sources":["../../../../src/components/SettingDrawer/components/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"wQAKA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAK;AACL,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAE,EAAA;SACP,EAAG,IACC;AASP,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAY;AACf,IAAA,QAAA,GAAOC,GAAA,CAAA,MAAU,EAAA;cAEb,EAAAA,GAAA,CAAA,QAAK,EAAA;AAcZ,QAAA,EAAA,EAAA,YAAA;AACD,QAAA,CAAA,EAAA,MAAA;AACI,QAAA,CAAA,EAAG,MAAE;AACL,QAAA,KAAK,EAAE,MAAM;QACb,MACI,EAAA,MAAA;AAWP,QAAA,QAAA,EAAAA,GAAA,CAAA,cAAA,EAAA;UACH,EAAA,EAAA,GAAA;AAEF,UAAM,EAAA,EAAA,GAAU;AACZ,UAAM,YAAE,EAAA,GAAe;AACvB,UAAM,UAAU,EAAE,SAAG;UACf,YAAY;SAClB;OAEA;AACA,KAAA,CAAA,EAAAA;AACA,MAAA,CAAA,EAAA,GACI;AAEQ,MAAA,CAAA,EAAA,GAAA;AAMY,MAAA,KAAA,EAAA,IAAA;AACJ,MAAA,MAAA,EAAA;QAiBZ,EAAE,GACA;AAEd,MAAC,IAAA,EAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CheckBoxTheme.js","sources":["../../../../src/components/SettingDrawer/components/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":[],"mappings":"6OAKA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAK;AACL,EAAA,GAAA,EAAA,KAAA,CAAK,aAAS,CAAA,KAAA,EAAA;AACd,IAAA,KAAA,EAAG,IACC;AACI,IAAA,MAAA,EAAA,IAAA;AACI,IAAA,OAAA,EAAA,WAAA;;AAIJ,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,KAAO,CAAC,aAAU,CAAA,QAAM,EAAI;AAGvC,IAAA,EAAA,EAAA,YAAA;AACD,IAAA,CAAA,EAAA,MAAA;AACI,IAAA,CAAA,EAAA,MAAK;AACL,IAAA,KAAA,EAAA,MAAO;AACP,IAAA,MAAA;wBAEQ,CAAA,cAAA,EAAA;;AAaX,IAAA,EAAA,EAAA,GAAA;AACD,IAAA,YAAA,EAAA,GAAA;AACI,IAAA,UAAK,EAAA,SAAM;AACX,IAAA,YAAO,EAAA;AACP,GAAA,CAAA,CAAA,CAAA,EAAA,KAAK,CACD,aAAA,CAAA,MAAA,EAAA;AACI,IAAA,CAAA,EAAA,GAAA;;AAEI,IAAA,KAAA,EAAA,IAAA;YAEJ,IAAA;AACI,IAAA,EAAA,EAAA,GAAA;mBACA;AAIf,IAAA,MAAA,EAAA;GACH,CAAA;AAEF,CAAA,EAAA;AACI,EAAA,GAAA,EAAA,UAAQ;AACR,EAAA,KAAA,EAAA,UAAQ;KACR,EAAA,KAAM,CAAA,aAAe,CAAA,KAAA,EAAA;IACrB,KAAA,EAAM,IAAA;IAEN,MAAA,EAAA,IAAA;AACA,IAAA,oBAAmB;AACnB,IAAA,KAAA,EAAO;UAGK,CAAA;AAMY,IAAA,CAAA,EAAA,GAAA;;AAGJ,IAAA,KAAA,EAAA,IAAA;AACK,IAAA,MAAA,EAAA,IAAA;AAEA,IAAA,EAAA,EAAA,GAAA;;IAYjB,EAAE,KAER,CAAA,aAAA,CAAA,MAAA,EAAA;AACN,IAAC,CAAA,EAAA,kMAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,8 @@
+import React from 'react';
 interface DeviceTabsProps {
     activeTab: 'desktop' | 'mobile';
     onTabChange: (tab: 'desktop' | 'mobile') => void;
 }
-export declare function DeviceTabs({ activeTab, onTabChange }: DeviceTabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeviceTabs({ activeTab, onTabChange }: DeviceTabsProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=DeviceTabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeviceTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/DeviceTabs.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACrB,SAAS,EAAE,SAAS,GAAG,QAAQ,CAAC;IAChC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,eAAe,2CAgErE"}
+{"version":3,"file":"DeviceTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/DeviceTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,eAAe;IACrB,SAAS,EAAE,SAAS,GAAG,QAAQ,CAAC;IAChC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,eAAe,qBAgErE"}

package/lib/components/SettingDrawer/components/DeviceTabs.js

@@ -1,82 +1,74 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useTranslation}from'react-i18next';function DeviceTabs({
+import React__default from'react';import {useTranslation}from'react-i18next';function DeviceTabs({
   activeTab,
   onTabChange
 }) {
   const {
     t
   } = useTranslation('settings');
-  return jsx("div", {
-    className: "mt-4",
-    children: jsxs("div", {
-      className: "flex mb-4",
-      children: [jsx("button", {
-        className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-l-lg border border-r-0 border-gray-300 ${activeTab === 'desktop' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700'}`,
-        onClick: () => onTabChange('desktop'),
-        children: jsxs("span", {
-          className: "flex items-center justify-center",
-          children: [jsxs("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            className: "mr-1",
-            children: [jsx("rect", {
-              x: "2",
-              y: "3",
-              width: "20",
-              height: "14",
-              rx: "2",
-              ry: "2"
-            }), jsx("line", {
-              x1: "8",
-              y1: "21",
-              x2: "16",
-              y2: "21"
-            }), jsx("line", {
-              x1: "12",
-              y1: "17",
-              x2: "12",
-              y2: "21"
-            })]
-          }), t('desktop_tab')]
-        })
-      }), jsx("button", {
-        className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-r-lg border border-gray-300 ${activeTab === 'mobile' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700'}`,
-        onClick: () => onTabChange('mobile'),
-        children: jsxs("span", {
-          className: "flex items-center justify-center",
-          children: [jsxs("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            className: "mr-1",
-            children: [jsx("rect", {
-              x: "5",
-              y: "2",
-              width: "14",
-              height: "20",
-              rx: "2",
-              ry: "2"
-            }), jsx("line", {
-              x1: "12",
-              y1: "18",
-              x2: "12",
-              y2: "18"
-            })]
-          }), t('mobile_tab')]
-        })
-      })]
-    })
-  });
+  return React__default.createElement("div", {
+    className: "mt-4"
+  }, React__default.createElement("div", {
+    className: "flex mb-4"
+  }, React__default.createElement("button", {
+    className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-l-lg border border-r-0 border-gray-300 ${activeTab === 'desktop' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700'}`,
+    onClick: () => onTabChange('desktop')
+  }, React__default.createElement("span", {
+    className: "flex items-center justify-center"
+  }, React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "mr-1"
+  }, React__default.createElement("rect", {
+    x: "2",
+    y: "3",
+    width: "20",
+    height: "14",
+    rx: "2",
+    ry: "2"
+  }), React__default.createElement("line", {
+    x1: "8",
+    y1: "21",
+    x2: "16",
+    y2: "21"
+  }), React__default.createElement("line", {
+    x1: "12",
+    y1: "17",
+    x2: "12",
+    y2: "21"
+  })), t('desktop_tab'))), React__default.createElement("button", {
+    className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-r-lg border border-gray-300 ${activeTab === 'mobile' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700'}`,
+    onClick: () => onTabChange('mobile')
+  }, React__default.createElement("span", {
+    className: "flex items-center justify-center"
+  }, React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "mr-1"
+  }, React__default.createElement("rect", {
+    x: "5",
+    y: "2",
+    width: "14",
+    height: "20",
+    rx: "2",
+    ry: "2"
+  }), React__default.createElement("line", {
+    x1: "12",
+    y1: "18",
+    x2: "12",
+    y2: "18"
+  })), t('mobile_tab')))));
 }export{DeviceTabs};//# sourceMappingURL=DeviceTabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeviceTabs.js","sources":["../../../../src/components/SettingDrawer/components/DeviceTabs.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"6FAQgB,UAAU,CAAC;WACjB;AAEN,EAAA;AAMwB,CAAA,EAAA;AACA,EAAA,MAAA;AA2BA,IAAA;+BACE,CAAA;AA0B9B,EAAC,OAAAA,GAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DeviceTabs.js","sources":["../../../../src/components/SettingDrawer/components/DeviceTabs.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sFAQgB,UAAU,CAAC;WACjB;AAEN,EAAA;;AAGY,EAAA,MAAA;AAGY,IAAA;AACA,GAAA,GAAA,cAAA,CAAC,UAAC,CAAA;qCAIV,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA;iCAYI,CAAA,KAAA,EAAA;AACA,IAAA,SAAA,EAAA;AACA,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAEH,IAAA,SAAA,EAAA,CAAA,mHAEA,EAAA,SAAA,KAAA,SAAA,GAAA,wCAAA,GAAA,oGAAA,CAAA,CAAA;AACT,IAAA,OAAA,EAAA,MAAA,WAAA,CAAA,SAAA;AAGY,GAAA,EAAAA,cAAA,CAAA,aAAE,CAAA,MAAA,EAAA;AACF,IAAA,SAAA,EAAA;iCAIR,CAAA,KAAA,EAAA;AACI,IAAA,KAAA,EAAA,4BAAA;;AAaI,IAAA,MAAA,EAAA,IAAA;;AAQ5B,IAAC,IAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InvitationSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/InvitationSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CAsEnE"}
+{"version":3,"file":"InvitationSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/InvitationSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,qBAsEnE"}

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

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {getSettingValue}from'../../../utils/settingsUtils.js';function InvitationSettings(props) {
+import*as React from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {getSettingValue}from'../../../utils/settingsUtils.js';function InvitationSettings(props) {
   const {
     settings,
     changeSetting,
@@ -29,55 +29,44 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {use
   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)
-      })]
-    })]
-  });
+  return React.createElement("div", null, React.createElement("p", {
+    className: "mb-2 font-medium",
+    style: textColor
+  }, t('invitation_settings') || 'Invitation Settings'), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("span", {
+    style: textColor
+  }, t('show_email_invite') || 'Show Email Invite'), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: !!invitations.showEmailInvite,
+    onChange: checked => handleInvitationChange('showEmailInvite', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("span", {
+    style: textColor
+  }, t('show_sms_invite') || 'Show SMS Invite'), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: !!invitations.showSmsInvite,
+    onChange: checked => handleInvitationChange('showSmsInvite', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("span", {
+    style: textColor
+  }, t('show_qr_code_invite') || 'Show QR Code Invite'), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: !!invitations.showQrCodeInvite,
+    onChange: checked => handleInvitationChange('showQrCodeInvite', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("span", {
+    style: textColor
+  }, t('show_invite_link') || 'Show Invite Link'), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: !!invitations.showInviteLink,
+    onChange: checked => handleInvitationChange('showInviteLink', checked)
+  })));
 }export{InvitationSettings};//# sourceMappingURL=InvitationSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InvitationSettings.js","sources":["../../../../src/components/SettingDrawer/components/InvitationSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"kWAOM,SAAU,kBAAkB,CAAC,KAAiC,EAAA;AAChE,EAAA,MAAA;IACA,QAAQ;AACR,IAAA,aAAQ;IACR,QAAM;IACN,YAAM;IAEN,gBAAA,GAAA;AACA,GAAA,GAAA;AACI,EAAA,MAAA;IAQJ;AAEA,GAAA,GAAA,0BAA4B;AACxB,EAAA,MAAA;;AACA,GAAA,GAAA;AACI,EAAA,MAAA,YAAG,GAAA,YAAW,IAAA,QAAA,EAAA,QAAA,IAAA,GAAA;kBACT,GAAE,QAAK,GAAA,QAAA,GAAA,SAAA;;AAGhB,EAAA,MAAA,WAAA,GAAc,KAAA,CAAA,OAAA,CAAA,MAAA;AAClB,IAAA,OAAE,eAAA,CAAA,QAAA,EAAA,kCAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,EAAA,CAAA;AAEF,EAAA,CAAA,EAAA,CAAA,0BAA2B,EAAA,YAAU,EAAA,YAAmB;QAExD,sBACI,GAAA,CAAA,GAAA,EACI,KAAA,KAAA;AAqCZ,IAAC,IAAA,CAAA,aAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InvitationSettings.js","sources":["../../../../src/components/SettingDrawer/components/InvitationSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"yTAOM,SAAU,kBAAkB,CAAC,KAAiC,EAAA;AAChE,EAAA,MAAA;IACA,QAAQ;AACR,IAAA,aAAQ;IACR,QAAM;IACN,YAAM;IAEN,gBAAA,GAAA;AACA,GAAA,GAAA;AACI,EAAA,MAAA;IAQJ;AAEA,GAAA,GAAA,0BAA4B;AACxB,EAAA,MAAA;;AACA,GAAA,GAAA;AACI,EAAA,MAAA,YAAG,GAAA,YAAW,IAAA,QAAA,EAAA,QAAA,IAAA,GAAA;kBACT,GAAE,QAAK,GAAA,QAAA,GAAA,SAAA;;AAGhB,EAAA,MAAA,WAAA,GAAc,KAAA,CAAA,OAAA,CAAA,MAAA;AAClB,IAAA,OAAE,eAAA,CAAA,QAAA,EAAA,kCAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,EAAA,CAAA;AAEF,EAAA,CAAA,EAAA,CAAA,0BAA2B,EAAA,YAAU,EAAA,YAAmB;AAExD,EAAA,MAAA,sBACI,GAAA,CAAA,GAAA,EAAA,KAAA,KAAA;AACI,IAAA,IAAA,CAAA,aAAA,EAAA;UAGA,cAAA,GAAA;oBACI;aACA;;iBAMJ,CAAA,CAAA,gCAAe,CAAA,EAAA,cAAA,CAAA;;iBAEX,GAAA;mBACA,EAAA,QAAA,KAAC,MAAM,GACH,OAAQ,GAAC;;cAKb,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,KAAK,CAAA,aAAW,CAAG,GAAE,EAAA;aAC3B,EAAA,kBAAA;;4BAMJ,CAAA,IAAA,qBAAe,CAAA,EAAA,KAAA,CAAA,aAAwB,CAAA,KAAA,EAAA;aACnC,EAAA;wBACA,CAAA,MAAA,EAAA;;AAQhB,GAAC,EAAA,CAAA,CAAA,mBAAA,CAAA,IAAA,mBAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { ILayoutSettingsProps } from '../utils/types';
-export declare function LayoutChange(props: ILayoutSettingsProps | any): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutChange(props: ILayoutSettingsProps | any): React.JSX.Element;
 //# sourceMappingURL=LayoutChange.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/LayoutChange.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CAwI7D"}
+{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/LayoutChange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,qBAwI7D"}