xtreme-ui 0.0.118 → 0.0.119

package/dist/components/base/ProgressBar/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ProgressBar/exports.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/base/ProgressBar/exports.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+/* empty css                 */
+import { ProgressBar as t } from "./ProgressBar.js";
+export {
+  t as ProgressBar
+};

package/dist/components/base/Select/Select.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),O=require("clsx"),y=require("react-select"),h=require("../../../utils/function/common.cjs"),z=require("../Icon/Icon.cjs");;/* empty css              */function E(x){const{className:v,multi:s=!1,placeholder:a="Select an option",noOptionsMessage:g,icon:o,size:u="default",iconType:b="regular",clearable:q=!0,searchable:d=!0,disabled:j=!1,loading:C=!1,options:t,value:c,onChange:m}=x,p=i.useId(),[S,f]=i.useState(!1),I=i.useMemo(()=>{if(s){const e=c??[];return t.filter(l=>e.some(r=>h.isEqual(l.value,r)))}else return t.find(e=>h.isEqual(e.value,c))||null},[s,t,c]),M=O("xtrSelectWrapper",u&&`${u}Size`,s?"multi":"single",o&&"withIcon",!!c&&"withValue",S&&"open",!d&&"noSearch",v),N=e=>{if(s){const l=(e==null?void 0:e.map(r=>r.value))??[];m(l)}else{const l=(e==null?void 0:e.value)??null;m(l)}};return n.jsxs("div",{className:M,children:[n.jsx(y,{className:"xtrSelect",classNamePrefix:"xtrSelect",id:p,isMulti:s,menuIsOpen:S,onMenuOpen:()=>f(!0),onMenuClose:()=>f(!1),noOptionsMessage:g,placeholder:a,isClearable:q,isSearchable:d,isDisabled:j,isLoading:C,options:t,value:I,onChange:N}),a&&!s&&n.jsx("label",{className:"placeholder",htmlFor:p,children:a}),o&&n.jsx(z.Icon,{className:"xtrSelectIcon",code:o,type:b})]})}exports.Select=E;

package/dist/components/base/Select/exports.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css              */const e=require("./Select.cjs");exports.Select=e.Select;

package/dist/components/base/Select/exports.d.ts

@@ -0,0 +1,3 @@
+export { Select } from './Select';
+export type { TSelectProps } from './types';
+//# sourceMappingURL=exports.d.ts.map

package/dist/components/base/Select/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/exports.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/base/Select/exports.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+/* empty css            */
+import { Select as m } from "./Select.js";
+export {
+  m as Select
+};

package/dist/components/base/Spinner/Spinner.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),o=require("clsx");;/* empty css               */const m=require("./types.cjs"),r=u.forwardRef((n,c)=>{const{className:l,label:i,size:s="default",fullpage:a=!1}=n,p=`${typeof s=="number"?s:m.ESpinnerSize[s]}px`,t=o("xtrSpinner",a&&"fullpage",l);return e.jsxs("div",{ref:c,className:t,style:{"--spinnerSize":p},role:"progressbar",children:[e.jsxs("div",{className:"spinnerWrapper",children:[e.jsx("div",{className:"cubeTop"}),e.jsxs("div",{className:"cubeWrapper",children:[e.jsx("span",{className:"cubeFace"}),e.jsx("span",{className:"cubeFace"}),e.jsx("span",{className:"cubeFace"}),e.jsx("span",{className:"cubeFace"})]})]}),a&&e.jsx("span",{className:"label",children:i})]})});r.displayName="Spinner";exports.Spinner=r;

package/dist/components/base/Spinner/exports.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css               */const e=require("./Spinner.cjs"),r=require("./types.cjs");exports.Spinner=e.Spinner;exports.ESpinnerSize=r.ESpinnerSize;

package/dist/components/base/Spinner/exports.d.ts

@@ -0,0 +1,4 @@
+export { Spinner } from './Spinner';
+export type { ISpinnerProps } from './types';
+export { ESpinnerSize } from './types';
+//# sourceMappingURL=exports.d.ts.map

package/dist/components/base/Spinner/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Spinner/exports.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/base/Spinner/exports.js

@@ -0,0 +1,8 @@
+/* empty css                         */
+/* empty css             */
+import { Spinner as i } from "./Spinner.js";
+import { ESpinnerSize as n } from "./types.js";
+export {
+  n as ESpinnerSize,
+  i as Spinner
+};

package/dist/components/base/Spinner/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a=(t=>(t[t.mini=64]="mini",t[t.default=96]="default",t[t.large=128]="large",t))(a||{});exports.ESpinnerSize=a;

package/dist/components/base/Textfield/Textfield.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),K=require("clsx"),S=require("../Icon/Icon.cjs");;/* empty css                 */const T=o.forwardRef((x,w)=>{const{className:I,style:q,type:e="text",textarea:t,placeholder:a,autoComplete:m="off",active:v,autoFocus:h,icon:s,iconType:C="regular",value:l,onChange:y,onFocus:b,onBlur:j,onKeyUp:c,onKeyDown:i,onEnterKey:u}=x,M=o.useId(),d=x.id??M,f=o.useMemo(()=>{if(t===!0)return null;if(s)return s;if(e==="number")return"23";if(e==="search")return"f002";if(e==="password")return"f30d"},[t,s,e]),p=o.useMemo(()=>{if(a)return a;if(e==="number")return"Enter a number";if(e==="search")return"Search";if(e==="password")return"Enter password";if(e==="phone")return"Enter phone number"},[a,e]),E=o.useMemo(()=>e==="phone"?"number":e,[e]),g=n=>{c==null||c(n)},N=n=>{n.key==="Enter"&&(u==null||u(n)),i==null||i(n)},F=K("xtrTextfield",f&&"withIcon",t&&"textarea",l&&"hasValue",e==="phone"&&"phone",v&&"active",I);return r.jsxs("div",{ref:w,className:F,role:"textbox",style:q,children:[r.jsx("label",{className:"placeholder",htmlFor:d,children:p}),f&&!t&&r.jsx(S.Icon,{code:f,type:C}),e==="phone"&&r.jsxs("div",{className:"dialCode",children:[r.jsx("span",{style:{backgroundImage:"url(https://flagcdn.com/in.svg)"}}),r.jsx("p",{children:"+91"})]}),t?r.jsx("textarea",{className:"input",id:d,autoFocus:h,autoComplete:m,value:l,onChange:y,onFocus:b,onBlur:j,onKeyUp:g,onKeyDown:N,"aria-label":p}):r.jsx("input",{className:"input",id:d,type:E,autoFocus:h,autoComplete:m,value:l,onChange:y,onFocus:b,onBlur:j,onKeyUp:g,onKeyDown:N,"aria-label":p})]})});T.displayName="Textfield";exports.Textfield=T;

package/dist/components/base/Textfield/exports.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css                 */const e=require("./Textfield.cjs");exports.Textfield=e.Textfield;

package/dist/components/base/Textfield/exports.d.ts

@@ -0,0 +1,3 @@
+export { Textfield } from './Textfield';
+export type { TTextfieldProps } from './types';
+//# sourceMappingURL=exports.d.ts.map

package/dist/components/base/Textfield/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/exports.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/base/Textfield/exports.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+/* empty css               */
+import { Textfield as i } from "./Textfield.js";
+export {
+  i as Textfield
+};

package/dist/components/context/Data/DataContext.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("react"),t=require("../../layout/Sider/types.cjs"),r={siderMode:t.defaultSiderMode,setSiderMode:()=>null},o=e.createContext(r);exports.DataContext=o;

package/dist/components/context/Data/DataContext.js

@@ -1,15 +1,11 @@
 "use client";
-import { jsx as d } from "react/jsx-runtime";
-import { createContext as a, useState as i } from "react";
+import "react/jsx-runtime";
+import { createContext as t } from "react";
 import { defaultSiderMode as e } from "../../layout/Sider/types.js";
-const s = {
+const o = {
   siderMode: e,
   setSiderMode: () => null
-}, n = a(s), m = ({ children: t }) => {
-  const [o, r] = i(e);
-  return /* @__PURE__ */ d(n.Provider, { value: { siderMode: o, setSiderMode: r }, children: t });
-};
+}, i = t(o);
 export {
-  n as DataContext,
-  m as DataProvider
+  i as DataContext
 };

package/dist/components/context/Theme/ThemeContext.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("react");require("../../../utils/constants/theme.cjs");require("color-namer");const t={isDarkTheme:void 0,themeScheme:void 0,setThemeScheme:()=>null,themeColor:void 0,setThemeColor:()=>null},o=e.createContext(t);exports.ThemeContext=o;

package/dist/components/context/Theme/ThemeContext.js

@@ -1,39 +1,15 @@
 "use client";
-import { jsx as p } from "react/jsx-runtime";
-import { createContext as v, useState as n, useEffect as h } from "react";
-import { STORAGE as m, defaultColorPreset as u } from "../../../utils/constants/theme.js";
+import "react/jsx-runtime";
+import { createContext as e } from "react";
+import "../../../utils/constants/theme.js";
 import "color-namer";
-const l = {
+const t = {
   isDarkTheme: void 0,
   themeScheme: void 0,
   setThemeScheme: () => null,
   themeColor: void 0,
   setThemeColor: () => null
-}, T = v(l), $ = ({ children: S }) => {
-  const [o, a] = n(l.themeScheme), [r, s] = n(l.themeColor), f = () => matchMedia("(prefers-color-scheme: dark)").matches, [C, d] = n(o === "auto" ? f() : o === "dark");
-  return h(() => {
-    let e = localStorage.getItem(m.themeScheme), t;
-    try {
-      t = JSON.parse(localStorage.getItem(m.themeColor) || "null") || u;
-    } catch {
-      t = u;
-    }
-    e || (e = (document == null ? void 0 : document.documentElement.getAttribute(m.themeSchemeAttr)) ?? void 0), e && a(e), t && s(t);
-  }, []), h(() => {
-    if (!o || !r) return;
-    const { h: e, s: t, l: i } = r;
-    document.documentElement.setAttribute(m.themeSchemeAttr, o);
-    const g = document.getElementById(m.themeColor) || document.head.appendChild(Object.assign(document.createElement("style"), { id: m.themeColor }));
-    g.textContent = `:root{ --H: ${e}; --S: ${t}%; --L: ${i}% }`;
-    let c = document.querySelector('meta[name="theme-color"]');
-    c || (c = document.createElement("meta"), c.name = "theme-color", document.head.appendChild(c)), c.content = `hsl(${e},${t}%,${i}%)`, localStorage.setItem(m.themeScheme, o), localStorage.setItem(m.themeColor, JSON.stringify(r));
-  }, [o, r]), h(() => {
-    if (o !== "auto") return d(o === "dark");
-    const e = matchMedia("(prefers-color-scheme: dark)"), t = () => d(e.matches);
-    return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-  }, [o]), /* @__PURE__ */ p(T.Provider, { value: { isDarkTheme: C, themeScheme: o, setThemeScheme: a, themeColor: r, setThemeColor: s }, children: S });
-};
+}, i = e(t);
 export {
-  T as ThemeContext,
-  $ as ThemeProvider
+  i as ThemeContext
 };

package/dist/components/context/Theme/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(t=>(t.light="light",t.dark="dark",t.auto="auto",t))(r||{});exports.EThemeScheme=r;

package/dist/components/context/Theme/types.js

@@ -1,6 +1,4 @@
-var a = /* @__PURE__ */ ((t) => (t.light = "light", t.dark = "dark", t.auto = "auto", t))(a || {});
-const r = "auto";
+var t = /* @__PURE__ */ ((r) => (r.light = "light", r.dark = "dark", r.auto = "auto", r))(t || {});
 export {
-  a as EThemeScheme,
-  r as defaultScheme
+  t as EThemeScheme
 };

package/dist/components/context/useContext.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./Data/DataContext.cjs"),o=require("./Theme/ThemeContext.cjs"),n=()=>e.useContext(t.DataContext),s=()=>e.useContext(o.ThemeContext);exports.useXData=n;exports.useXTheme=s;

package/dist/components/hooks/exports.d.ts

@@ -0,0 +1,5 @@
+export { useScreenType } from './useScreen';
+export { usePersistingState } from './usePersistingState';
+export { useDebouncedEffect } from './useDebouncedEffect';
+export { type TScreenType } from './types';
+//# sourceMappingURL=exports.d.ts.map

package/dist/components/hooks/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/exports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/hooks/useScreen.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),d={mobile:640,tablet:1024},m=r=>r.charAt(0).toUpperCase()+r.slice(1);function h(r){const o=r??d,u=Object.keys(o),n=u.map(e=>[e,o[e]]).sort((e,s)=>e[1]-s[1]),a=n.map(([e,s],t)=>t===0?{key:e,query:`(max-width: ${s-1}px)`}:{key:e,query:`(min-width: ${n[t-1][1]}px) and (max-width: ${s-1}px)`}),y=n[n.length-1][1],c="largest";a.push({key:c,query:`(min-width: ${y}px)`});const[i,l]=p.useState(c);return p.useEffect(()=>{const e=a.map(t=>window.matchMedia(t.query)),s=()=>{for(let t=0;t<e.length;t++)if(e[t].matches){l(a[t].key);break}};return s(),e.forEach(t=>t.addEventListener("change",s)),()=>e.forEach(t=>t.removeEventListener("change",s))},[a]),{screenType:i,...Object.fromEntries(u.map(e=>[`is${m(e)}`,i===e])),isLargest:i===c}}exports.useScreenType=h;

package/dist/components/layout/ImageEditor/ImageEditor.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),L=require("clsx"),N=require("react-easy-crop"),l=require("../../base/Icon/Icon.cjs"),R=require("../../base/Spinner/Spinner.cjs"),d=require("../../../utils/helper/imageHelper.cjs");;/* empty css                   */const f=1,Z=h=>{const{className:y,file:n,clearFile:r,minImageSize:s,cropShape:j="round",aspect:q=1,zoomSpeed:k=1,onChange:v}=h,[g,u]=t.useState(),[z,m]=t.useState(!0),[E,p]=t.useState(f),[b,S]=t.useState({x:0,y:0}),[C,a]=t.useState(0),[w,I]=t.useState(),M=L("xtrImageEditor",y),P=async()=>{try{const e=await d.getCroppedImg(g,w,C);e&&v(e)}catch(e){console.error(e)}c()},c=t.useCallback(()=>{u(void 0),S({x:0,y:0}),p(f),a(0),I(void 0),r==null||r(),m(!0)},[r]);return t.useEffect(()=>{(async()=>{if(!n)return;const i=await d.readImageFile(n),x=await d.getImageSize(i);if(s&&Math.min(x.width,x.height)<s)return c(),console.log(`Image should be at least ${s}x${s}`);u(i)})()},[c,n,s]),n?o.jsxs("div",{className:M,children:[o.jsx(N,{image:g,onMediaLoaded:()=>m(!1),cropShape:j,aspect:q,zoom:E,zoomSpeed:k,onZoomChange:p,rotation:C,onRotationChange:a,crop:b,onCropChange:S,onCropComplete:(e,i)=>I(i)}),o.jsxs("div",{className:"editorControls",children:[o.jsx(l.Icon,{code:"f00d",type:"solid",onClick:c}),o.jsx(l.Icon,{code:"f2ea",type:"solid",onClick:()=>a(e=>e-90)}),o.jsx(l.Icon,{code:"f2f9",type:"solid",onClick:()=>a(e=>e+90)}),o.jsx(l.Icon,{code:"f00c",type:"solid",onClick:P})]}),z&&o.jsx(R.Spinner,{fullpage:!0})]}):null};exports.ImageEditor=Z;

package/dist/components/layout/ImageEditor/exports.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css                   */const e=require("./ImageEditor.cjs");exports.ImageEditor=e.ImageEditor;

package/dist/components/layout/ImageEditor/exports.d.ts

@@ -0,0 +1,3 @@
+export { ImageEditor } from './ImageEditor';
+export type { TImageEditorProps } from './types';
+//# sourceMappingURL=exports.d.ts.map

package/dist/components/layout/ImageEditor/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ImageEditor/exports.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/layout/ImageEditor/exports.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+/* empty css                 */
+import { ImageEditor as i } from "./ImageEditor.js";
+export {
+  i as ImageEditor
+};

package/dist/components/layout/Navigation/Navigation.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),e=require("clsx"),q=require("../../base/Icon/Icon.cjs");;/* empty css                  */const d=c.forwardRef((f,h)=>{const{className:m,children:g,hrefPropName:N="href",routes:v=[],pathname:i="",as:x="a"}=f,[n,l]=c.useState("/"),j=e("xtrNavigation",m);return c.useEffect(()=>{n===i&&l("/")},[n,i]),s.jsxs("nav",{ref:h,className:j,role:"navigation",children:[s.jsx("div",{className:"brand",children:g}),s.jsx("div",{className:"routeList",children:v.map((a,p)=>s.jsxs(x,{className:e("route",(a==null?void 0:a.href)===n&&"loading",(a==null?void 0:a.href)===i&&"active"),[N]:a==null?void 0:a.href,onClick:()=>{setTimeout(()=>{n!==i&&l(a==null?void 0:a.href)},150)},children:[(a==null?void 0:a.icon)&&s.jsx(q.Icon,{code:a==null?void 0:a.icon,type:(a==null?void 0:a.href)===i?"duotone":"light"}),s.jsx("span",{className:"label",children:a==null?void 0:a.name})]},`route-${a==null?void 0:a.href}-${p}`))})]})});d.displayName="Navigation";exports.Navigation=d;

package/dist/components/layout/Navigation/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/Navigation.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GAmDrB,CAAC"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/Navigation.tsx"],"names":[],"mappings":"AAMA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GAkDrB,CAAC"}

package/dist/components/layout/Navigation/Navigation.js

@@ -1,60 +1,56 @@
 "use client";
-import { jsxs as f, jsx as c } from "react/jsx-runtime";
-import { forwardRef as j, useState as C, useEffect as L } from "react";
-import d from "clsx";
-import { Icon as T } from "../../base/Icon/Icon.js";
-import i from "./navigation.module.scss.js";
-const $ = j((h, p) => {
-  const { className: N, children: g, hrefPropName: v = "href", routes: x = [], pathname: s = "", as: e = "a" } = h, [n, l] = C("/"), y = d(
-    i.navigation,
-    N
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { forwardRef as j, useState as y, useEffect as C } from "react";
+import m from "clsx";
+import { Icon as L } from "../../base/Icon/Icon.js";
+/* empty css                */
+const T = j((f, d) => {
+  const { className: h, children: p, hrefPropName: N = "href", routes: g = [], pathname: i = "", as: v = "a" } = f, [s, c] = y("/"), x = m(
+    "xtrNavigation",
+    h
   );
-  return L(() => {
-    n === s && l("/");
-  }, [n, s]), /* @__PURE__ */ f(
+  return C(() => {
+    s === i && c("/");
+  }, [s, i]), /* @__PURE__ */ l(
     "nav",
     {
-      ref: p,
-      className: y,
+      ref: d,
+      className: x,
       role: "navigation",
       children: [
-        /* @__PURE__ */ c("div", { className: i.brand, children: g }),
-        /* @__PURE__ */ c("div", { className: i.routeList, children: x.map((a, b) => {
-          var m;
-          return /* @__PURE__ */ f(
-            e,
-            {
-              className: d(
-                i.route,
-                (a == null ? void 0 : a.href) === n && i.loading,
-                (a == null ? void 0 : a.href) === s && i.active
-              ),
-              [v]: a == null ? void 0 : a.href,
-              onClick: () => {
-                setTimeout(() => {
-                  n !== s && l(a == null ? void 0 : a.href);
-                }, 150);
-              },
-              children: [
-                (a == null ? void 0 : a.icon) && /* @__PURE__ */ c(
-                  T,
-                  {
-                    className: (m = i) == null ? void 0 : m.icon,
-                    code: a == null ? void 0 : a.icon,
-                    type: (a == null ? void 0 : a.href) === s ? "duotone" : "light"
-                  }
-                ),
-                /* @__PURE__ */ c("span", { className: i.label, children: a == null ? void 0 : a.name })
-              ]
+        /* @__PURE__ */ n("div", { className: "brand", children: p }),
+        /* @__PURE__ */ n("div", { className: "routeList", children: g.map((a, b) => /* @__PURE__ */ l(
+          v,
+          {
+            className: m(
+              "route",
+              (a == null ? void 0 : a.href) === s && "loading",
+              (a == null ? void 0 : a.href) === i && "active"
+            ),
+            [N]: a == null ? void 0 : a.href,
+            onClick: () => {
+              setTimeout(() => {
+                s !== i && c(a == null ? void 0 : a.href);
+              }, 150);
             },
-            `route-${a == null ? void 0 : a.href}-${b}`
-          );
-        }) })
+            children: [
+              (a == null ? void 0 : a.icon) && /* @__PURE__ */ n(
+                L,
+                {
+                  code: a == null ? void 0 : a.icon,
+                  type: (a == null ? void 0 : a.href) === i ? "duotone" : "light"
+                }
+              ),
+              /* @__PURE__ */ n("span", { className: "label", children: a == null ? void 0 : a.name })
+            ]
+          },
+          `route-${a == null ? void 0 : a.href}-${b}`
+        )) })
       ]
     }
   );
 });
-$.displayName = "Navigation";
+T.displayName = "Navigation";
 export {
-  $ as Navigation
+  T as Navigation
 };

package/dist/components/layout/Navigation/exports.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css                  */const e=require("./Navigation.cjs");exports.Navigation=e.Navigation;

package/dist/components/layout/Navigation/exports.d.ts

@@ -0,0 +1,3 @@
+export { Navigation } from './Navigation';
+export type { TNavigationProps, TNavigationRoute } from './types';
+//# sourceMappingURL=exports.d.ts.map

package/dist/components/layout/Navigation/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/exports.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/layout/Navigation/exports.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+/* empty css                */
+import { Navigation as m } from "./Navigation.js";
+export {
+  m as Navigation
+};

package/dist/components/layout/Sider/Sider.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),g=require("clsx"),j=require("../../context/useContext.cjs");;/* empty css             */const o=t.forwardRef((a,u)=>{var c,l;const{className:h,children:S,leftSider:s,showMiniLeftSider:f=!0,rightSider:n,showMiniRightSider:m=!1}=a,{siderMode:d}=j.useXData(),e=t.useRef(null),i=t.useRef(null),x=g("xtrSider",d==="left"&&s&&"leftOpen",f&&"miniLeftSider",d==="right"&&n&&"rightOpen",m&&"miniRightSider",h);return r.jsxs("main",{ref:u,className:x,style:{"--leftSiderWidth":`${(c=e==null?void 0:e.current)==null?void 0:c.clientWidth}px`,"--rightSiderWidth":`${(l=i==null?void 0:i.current)==null?void 0:l.clientWidth}px`},role:"region",children:[r.jsx("div",{ref:e,className:"leftSiderContainer",children:s}),r.jsx("div",{ref:i,className:"rightSiderContainer",children:n}),r.jsx("div",{className:"content",children:S})]})});o.displayName="Sider";exports.Sider=o;

package/dist/components/layout/Sider/Sider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/Sider.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,KAAK,wGA4ChB,CAAC"}
+{"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/Sider.tsx"],"names":[],"mappings":"AAMA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,KAAK,wGA4ChB,CAAC"}

package/dist/components/layout/Sider/Sider.js

@@ -1,45 +1,45 @@
 "use client";
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { forwardRef as x, useRef as c } from "react";
-import N from "clsx";
-import { useXData as W } from "../../context/useContext.js";
-import e from "./sider.module.scss.js";
-const v = x((a, m) => {
-  var l, o;
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { forwardRef as x, useRef as o } from "react";
+import g from "clsx";
+import { useXData as N } from "../../context/useContext.js";
+/* empty css           */
+const W = x((c, a) => {
+  var d, l;
   const {
-    className: h,
-    children: f,
-    leftSider: s,
-    showMiniLeftSider: p = !0,
+    className: m,
+    children: h,
+    leftSider: t,
+    showMiniLeftSider: f = !0,
     rightSider: n,
     showMiniRightSider: S = !1
-  } = a, { siderMode: d } = W(), i = c(null), r = c(null), u = N(
-    e.sider,
-    d === "left" && s && e.leftOpen,
-    p && e.miniLeftSider,
-    d === "right" && n && e.rightOpen,
-    S && e.miniRightSider,
-    h
+  } = c, { siderMode: s } = N(), e = o(null), i = o(null), p = g(
+    "xtrSider",
+    s === "left" && t && "leftOpen",
+    f && "miniLeftSider",
+    s === "right" && n && "rightOpen",
+    S && "miniRightSider",
+    m
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ u(
     "main",
     {
-      ref: m,
-      className: u,
+      ref: a,
+      className: p,
       style: {
-        "--leftSiderWidth": `${(l = i == null ? void 0 : i.current) == null ? void 0 : l.clientWidth}px`,
-        "--rightSiderWidth": `${(o = r == null ? void 0 : r.current) == null ? void 0 : o.clientWidth}px`
+        "--leftSiderWidth": `${(d = e == null ? void 0 : e.current) == null ? void 0 : d.clientWidth}px`,
+        "--rightSiderWidth": `${(l = i == null ? void 0 : i.current) == null ? void 0 : l.clientWidth}px`
       },
       role: "region",
       children: [
-        /* @__PURE__ */ t("div", { ref: i, className: e.leftSiderContainer, children: s }),
-        /* @__PURE__ */ t("div", { ref: r, className: e.rightSiderContainer, children: n }),
-        /* @__PURE__ */ t("div", { className: e.content, children: f })
+        /* @__PURE__ */ r("div", { ref: e, className: "leftSiderContainer", children: t }),
+        /* @__PURE__ */ r("div", { ref: i, className: "rightSiderContainer", children: n }),
+        /* @__PURE__ */ r("div", { className: "content", children: h })
       ]
     }
   );
 });
-v.displayName = "Sider";
+W.displayName = "Sider";
 export {
-  v as Sider
+  W as Sider
 };

package/dist/components/layout/Sider/exports.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css             */const e=require("./Sider.cjs");exports.Sider=e.Sider;

package/dist/components/layout/Sider/exports.d.ts

@@ -0,0 +1,3 @@
+export { Sider } from './Sider';
+export type { TSiderProps, TSiderModes } from './types';
+//# sourceMappingURL=exports.d.ts.map

package/dist/components/layout/Sider/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/exports.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/layout/Sider/exports.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+/* empty css           */
+import { Sider as p } from "./Sider.js";
+export {
+  p as Sider
+};

package/dist/components/layout/Sider/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="closed";exports.defaultSiderMode=e;

package/dist/components/layout/SiderModal/SiderModal.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),a=require("clsx"),c=require("../../base/Button/Button.cjs"),j=require("../../base/Icon/Icon.cjs"),y=require("../../context/useContext.cjs");;/* empty css                  */const r=N.forwardRef((i,l)=>{const{className:d,children:n,title:u,icon:o,primaryButtonProps:s={},secondaryButtonProps:t={}}=i,{setSiderMode:m}=y.useXData(),x=a("xtrSiderModal",d);return e.jsxs("div",{ref:l,className:x,role:"dialog",children:[e.jsxs("div",{className:"header",children:[e.jsx(c.Button,{className:"back",icon:"f053",onClick:()=>m("closed")}),o&&e.jsx(j.Icon,{code:o,type:"duotone"}),e.jsx("p",{className:"title",children:u})]}),e.jsx("div",{className:"body",children:n}),e.jsxs("div",{className:"footer",children:[e.jsx(c.Button,{type:"primary",...s,className:a("primaryButton",s==null?void 0:s.className)}),e.jsx(c.Button,{type:"secondary",...t,className:a("secondaryButton",t==null?void 0:t.className)})]})]})});r.displayName="SiderModal";exports.SiderModal=r;

package/dist/components/layout/SiderModal/SiderModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SiderModal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SiderModal/SiderModal.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GA6CrB,CAAC"}
+{"version":3,"file":"SiderModal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SiderModal/SiderModal.tsx"],"names":[],"mappings":"AASA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GA6CrB,CAAC"}

package/dist/components/layout/SiderModal/SiderModal.js

@@ -1,51 +1,51 @@
 "use client";
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import c from "clsx";
-import { Button as l } from "../../base/Button/Button.js";
-import { Icon as h } from "../../base/Icon/Icon.js";
-import { useXData as u } from "../../context/useContext.js";
-import e from "./siderModal.module.scss.js";
-const x = y((d, m) => {
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import r from "clsx";
+import { Button as c } from "../../base/Button/Button.js";
+import { Icon as y } from "../../base/Icon/Icon.js";
+import { useXData as h } from "../../context/useContext.js";
+/* empty css                */
+const x = f((l, d) => {
   const {
     className: t,
-    children: n,
-    title: N,
+    children: m,
+    title: n,
     icon: i,
     primaryButtonProps: o = {},
     secondaryButtonProps: a = {}
-  } = d, { setSiderMode: p } = u(), f = c(
-    e.siderModal,
+  } = l, { setSiderMode: p } = h(), N = r(
+    "xtrSiderModal",
     t
   );
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     "div",
     {
-      ref: m,
-      className: f,
+      ref: d,
+      className: N,
       role: "dialog",
       children: [
-        /* @__PURE__ */ r("div", { className: e.header, children: [
-          /* @__PURE__ */ s(l, { className: e.back, icon: "f053", onClick: () => p("closed") }),
-          i && /* @__PURE__ */ s(h, { className: e.icon, code: i, type: "duotone" }),
-          /* @__PURE__ */ s("p", { className: e.title, children: N })
+        /* @__PURE__ */ s("div", { className: "header", children: [
+          /* @__PURE__ */ e(c, { className: "back", icon: "f053", onClick: () => p("closed") }),
+          i && /* @__PURE__ */ e(y, { code: i, type: "duotone" }),
+          /* @__PURE__ */ e("p", { className: "title", children: n })
         ] }),
-        /* @__PURE__ */ s("div", { className: e.body, children: n }),
-        /* @__PURE__ */ r("div", { className: e.footer, children: [
-          /* @__PURE__ */ s(
-            l,
+        /* @__PURE__ */ e("div", { className: "body", children: m }),
+        /* @__PURE__ */ s("div", { className: "footer", children: [
+          /* @__PURE__ */ e(
+            c,
             {
               type: "primary",
               ...o,
-              className: c(e.primaryButton, o == null ? void 0 : o.className)
+              className: r("primaryButton", o == null ? void 0 : o.className)
             }
           ),
-          /* @__PURE__ */ s(
-            l,
+          /* @__PURE__ */ e(
+            c,
             {
               type: "secondary",
               ...a,
-              className: c(e.secondaryButton, a == null ? void 0 : a.className)
+              className: r("secondaryButton", a == null ? void 0 : a.className)
             }
           )
         ] })

package/dist/components/layout/SiderModal/exports.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css                  */const e=require("./SiderModal.cjs");exports.SiderModal=e.SiderModal;

package/dist/components/layout/SiderModal/exports.d.ts

@@ -0,0 +1,3 @@
+export { SiderModal } from './SiderModal';
+export type { TSiderModalProps } from './types';
+//# sourceMappingURL=exports.d.ts.map

package/dist/components/layout/SiderModal/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SiderModal/exports.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/layout/SiderModal/exports.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+/* empty css                */
+import { SiderModal as p } from "./SiderModal.js";
+export {
+  p as SiderModal
+};

package/dist/components/layout/ThemePicker/ThemePicker.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),S=require("react"),o=require("clsx"),v=require("../../base/ActionCard/ActionCard.cjs"),N=require("../../base/Button/Button.cjs"),q=require("../../base/Icon/Icon.cjs"),p=require("../../context/useContext.cjs"),C=require("../../hooks/useScreen.cjs"),b=require("../../../utils/function/common.cjs"),c=require("../../../utils/constants/theme.cjs");require("color-namer");const f=require("../ThemeSelect/ThemeSelect.cjs");;/* empty css                   */const g=Object.values(c.ThemeColorsPreset),l=S.forwardRef((a,n)=>{const{className:m}=a,{themeScheme:t,setThemeScheme:h,themeColor:d,setThemeColor:u}=p.useXTheme(),r=C.useScreenType({smallMobile:325,mobile:420,tablet:640}),x=o("xtrThemePicker",m);return s.jsxs("div",{ref:n,className:x,role:"region",children:[s.jsx("div",{className:"themeSchemes",role:"radiogroup",children:c.THEME_SCHEME.map(({name:e,icon:i},T)=>s.jsxs(v.ActionCard,{className:o("themeSchemeItem",e,t===e&&"active"),onClick:()=>h(e),children:[s.jsxs("div",{className:"design",children:[s.jsx("div",{className:"navigation",children:Array.from({length:6},($,j)=>s.jsx("div",{className:"navigationItem"},`ThemeScheme-${e}-navigation-${j}`))}),s.jsxs("div",{className:"content",children:[s.jsx("div",{className:"header"}),s.jsx("div",{className:"profile"})]})]}),s.jsxs("div",{className:"footer",children:[s.jsx(q.Icon,{className:"footerIcon",code:t===e?"f058":i,type:"solid"}),s.jsx("span",{className:"footerLabel",children:e})]})]},`ThemeScheme-${e}-${T}`))}),s.jsxs("div",{className:"swatches",role:"radiogroup",children:[g.map((e,i)=>s.jsx(N.Button,{className:"swatchItem",size:r.isLargest?"default":"mini",icon:"f00c",iconType:"solid",style:{"--themeColor":`${e.h} ${e.s}% ${e.l}%`,color:b.isEqual(e,d)?"white":"transparent"},onClick:()=>u(e)},`ThemeColor-${e.h}${e.s}${e.l}-${i}`)),s.jsx(f.ThemeSelect,{withScheme:r.isSmallMobile,withSwatch:r.isSmallMobile,input:r.isLargest||r.isSmallMobile?"textfield":"buttonLabel"})]})]})});l.displayName="ThemePicker";exports.ThemePicker=l;