xtreme-ui 0.0.121 → 0.0.122

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

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

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

@@ -1,39 +0,0 @@
-"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 "color-namer";
-const l = {
-  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 });
-};
-export {
-  T as ThemeContext,
-  $ as ThemeProvider
-};

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

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

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

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

package/dist/components/context/index.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./Data/DataContext.cjs"),o=require("./Theme/ThemeContext.cjs"),i=({children:r})=>e.jsx(o.ThemeProvider,{children:e.jsx(t.DataProvider,{children:r})});exports.XProvider=i;

package/dist/components/context/index.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import { DataProvider as e } from "./Data/DataContext.js";
-import { ThemeProvider as i } from "./Theme/ThemeContext.js";
-const n = ({ children: o }) => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(e, { children: o }) });
-export {
-  n as XProvider
-};

package/dist/components/context/useContext.cjs

@@ -1 +0,0 @@
-"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/context/useContext.js

@@ -1,8 +0,0 @@
-import { useContext as t } from "react";
-import { DataContext as o } from "./Data/DataContext.js";
-import { ThemeContext as e } from "./Theme/ThemeContext.js";
-const s = () => t(o), a = () => t(e);
-export {
-  s as useXData,
-  a as useXTheme
-};

package/dist/components/hooks/useDebouncedEffect.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),r=(t,c,e)=>{o.useEffect(()=>{const u=setTimeout(()=>t(),e);return()=>clearTimeout(u)},[...c||[],e])};exports.useDebouncedEffect=r;

package/dist/components/hooks/useDebouncedEffect.js

@@ -1,11 +0,0 @@
-"use client";
-import { useEffect as r } from "react";
-const n = (t, o, e) => {
-  r(() => {
-    const c = setTimeout(() => t(), e);
-    return () => clearTimeout(c);
-  }, [...o || [], e]);
-};
-export {
-  n as useDebouncedEffect
-};

package/dist/components/hooks/usePersistingState.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),n=require("../../utils/function/localStorage.cjs"),i=(e,o)=>{const[t,a]=r.useState(o??n.getLocalState(e));return r.useEffect(()=>{const s=()=>n.setLocalState(e,t);return window.addEventListener("beforeunload",s),()=>window.removeEventListener("beforeunload",s)},[e,t]),[t,a]};exports.usePersistingState=i;

package/dist/components/hooks/usePersistingState.js

@@ -1,13 +0,0 @@
-"use client";
-import { useState as n, useEffect as a } from "react";
-import { getLocalState as i, setLocalState as u } from "../../utils/function/localStorage.js";
-const f = (t, r) => {
-  const [e, s] = n(r ?? i(t));
-  return a(() => {
-    const o = () => u(t, e);
-    return window.addEventListener("beforeunload", o), () => window.removeEventListener("beforeunload", o);
-  }, [t, e]), [e, s];
-};
-export {
-  f as usePersistingState
-};

package/dist/components/hooks/useScreen.cjs

@@ -1 +0,0 @@
-"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/hooks/useScreen.js

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

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

@@ -1 +0,0 @@
-"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/ImageEditor.js

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

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

@@ -1 +0,0 @@
-"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.js

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

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

@@ -1 +0,0 @@
-"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.js

@@ -1,56 +0,0 @@
-"use client";
-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 C(() => {
-    s === i && c("/");
-  }, [s, i]), /* @__PURE__ */ l(
-    "nav",
-    {
-      ref: d,
-      className: x,
-      role: "navigation",
-      children: [
-        /* @__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);
-            },
-            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}`
-        )) })
-      ]
-    }
-  );
-});
-T.displayName = "Navigation";
-export {
-  T as Navigation
-};

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

@@ -1 +0,0 @@
-"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.js

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

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

@@ -1 +0,0 @@
-"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.js

@@ -1,45 +0,0 @@
-"use client";
-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: m,
-    children: h,
-    leftSider: t,
-    showMiniLeftSider: f = !0,
-    rightSider: n,
-    showMiniRightSider: S = !1
-  } = 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__ */ u(
-    "main",
-    {
-      ref: a,
-      className: p,
-      style: {
-        "--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__ */ r("div", { ref: e, className: "leftSiderContainer", children: t }),
-        /* @__PURE__ */ r("div", { ref: i, className: "rightSiderContainer", children: n }),
-        /* @__PURE__ */ r("div", { className: "content", children: h })
-      ]
-    }
-  );
-});
-W.displayName = "Sider";
-export {
-  W as Sider
-};

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

@@ -1 +0,0 @@
-"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.js

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

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

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

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

@@ -1,4 +0,0 @@
-const e = "closed";
-export {
-  e as defaultSiderMode
-};

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

@@ -1 +0,0 @@
-"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.js

@@ -1,59 +0,0 @@
-"use client";
-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: m,
-    title: n,
-    icon: i,
-    primaryButtonProps: o = {},
-    secondaryButtonProps: a = {}
-  } = l, { setSiderMode: p } = h(), N = r(
-    "xtrSiderModal",
-    t
-  );
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      ref: d,
-      className: N,
-      role: "dialog",
-      children: [
-        /* @__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__ */ e("div", { className: "body", children: m }),
-        /* @__PURE__ */ s("div", { className: "footer", children: [
-          /* @__PURE__ */ e(
-            c,
-            {
-              type: "primary",
-              ...o,
-              className: r("primaryButton", o == null ? void 0 : o.className)
-            }
-          ),
-          /* @__PURE__ */ e(
-            c,
-            {
-              type: "secondary",
-              ...a,
-              className: r("secondaryButton", a == null ? void 0 : a.className)
-            }
-          )
-        ] })
-      ]
-    }
-  );
-});
-x.displayName = "SiderModal";
-export {
-  x as SiderModal
-};

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

@@ -1 +0,0 @@
-"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.js

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

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

@@ -1 +0,0 @@
-"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;

package/dist/components/layout/ThemePicker/ThemePicker.js

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

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

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

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

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

package/dist/components/layout/ThemeSelect/ThemeSelect.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),S=require("react"),C=require("clsx"),q=require("../../base/ColorPopper/ColorPopper.cjs"),f=require("../../context/useContext.cjs"),b=require("../../hooks/useScreen.cjs"),w=require("../../../utils/helper/colorHelper.cjs"),x=require("../../../utils/constants/theme.cjs");;/* empty css                   */const s=S.forwardRef((l,c)=>{const{className:i,input:t,size:r,withScheme:n=!0,withSwatch:u=!0,withWheel:h=!0}=l,{themeScheme:a,setThemeScheme:m,themeColor:e,setThemeColor:p}=f.useXTheme(),o=b.useScreenType(),d=C("xtrThemeSelect",i);return!e||!w.isValidThemeColor(e)?null:T.jsx(q.ColorPopper,{ref:c,className:d,placeholder:"Theme",alpha:!1,hideWheel:!h,swatch:u?Object.values(x.ThemeColorsPreset):void 0,colorHeading:"Theme Color",schemeHeading:n?"Appearance":void 0,themeScheme:a,input:t||(o.isMobile?"button":"textfield"),size:r||(o.isMobile?"mini":"default"),setThemeScheme:m,color:e,setColor:p})});s.displayName="ThemeSelect";exports.ThemeSelect=s;

package/dist/components/layout/ThemeSelect/ThemeSelect.js

@@ -1,39 +0,0 @@
-"use client";
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import T from "clsx";
-import { ColorPopper as C } from "../../base/ColorPopper/ColorPopper.js";
-import { useXTheme as S } from "../../context/useContext.js";
-import { useScreenType as w } from "../../hooks/useScreen.js";
-import { isValidThemeColor as x } from "../../../utils/helper/colorHelper.js";
-import { ThemeColorsPreset as b } from "../../../utils/constants/theme.js";
-/* empty css                 */
-const v = d((m, i) => {
-  const { className: l, input: o, size: t, withScheme: s = !0, withSwatch: h = !0, withWheel: c = !0 } = m, { themeScheme: a, setThemeScheme: p, themeColor: e, setThemeColor: n } = S(), r = w(), f = T(
-    "xtrThemeSelect",
-    l
-  );
-  return !e || !x(e) ? null : /* @__PURE__ */ u(
-    C,
-    {
-      ref: i,
-      className: f,
-      placeholder: "Theme",
-      alpha: !1,
-      hideWheel: !c,
-      swatch: h ? Object.values(b) : void 0,
-      colorHeading: "Theme Color",
-      schemeHeading: s ? "Appearance" : void 0,
-      themeScheme: a,
-      input: o || (r.isMobile ? "button" : "textfield"),
-      size: t || (r.isMobile ? "mini" : "default"),
-      setThemeScheme: p,
-      color: e,
-      setColor: n
-    }
-  );
-});
-v.displayName = "ThemeSelect";
-export {
-  v as ThemeSelect
-};

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

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

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

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

package/dist/components/layout/ThemeSelect/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;CAClC,CAAA"}

package/dist/components/layout/ThemeSwitch/ThemeSwitch.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),H=require("clsx"),d=require("../../base/Button/Button.cjs"),y=require("../../base/Select/Select.cjs"),j=require("../../context/useContext.cjs"),g=require("../../hooks/useScreen.cjs"),E=require("../../../utils/helper/colorHelper.cjs"),s=require("../../../utils/constants/theme.cjs");;/* empty css                   */const O=Object.entries(s.ThemeColorsPreset).map(([r,l])=>({label:r.charAt(0).toUpperCase()+r.slice(1),value:l})),u=Object.values(s.ThemeColorsPreset),S=i.forwardRef((r,l)=>{const{className:M,type:f="secondary",size:a="default",iconType:m="solid"}=r,{themeScheme:e,setThemeScheme:x,themeColor:o,setThemeColor:h}=j.useXTheme(),n=g.useScreenType(),T=i.useMemo(()=>s.THEME_SCHEME[(s.THEME_SCHEME.findIndex(t=>t.name===e)+1)%s.THEME_SCHEME.length],[e]),b=i.useMemo(()=>{var t;return((t=s.THEME_SCHEME.find(q=>q.name===e))==null?void 0:t.icon)??""},[e]),C=i.useMemo(()=>u[(u.findIndex(t=>t===o)+1)%u.length],[o]),p=H("xtrThemeSwitch",M,!n.isMobile&&"withLabel");return!e||!E.isValidThemeColor(o)?null:c.jsxs("div",{ref:l,className:p,children:[c.jsx(d.Button,{className:"xtrThemeScheme",type:f,size:a,icon:b,iconType:m,label:n.isMobile?void 0:e,onClick:()=>T.name&&x(T.name)}),n.isLargest?c.jsx(y.Select,{clearable:!1,searchable:!1,size:a,icon:"f53f",iconType:m,placeholder:"Theme",options:O,value:o,onChange:h}):c.jsx(d.Button,{className:"xtrThemeColor",type:"primary",size:a,icon:"f53f",iconType:m,label:n.isMobile?void 0:E.getColorLabel(o),onClick:()=>C&&h(C)})]})});S.displayName="ThemeSwitch";exports.ThemeSwitch=S;