xtreme-ui 0.0.117 → 0.0.119

package/dist/components/base/ActionCard/ActionCard.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),A=require("react"),C=require("clsx");;/* empty css                  */const t=require("./types.cjs"),i=A.forwardRef((c,s)=>{const{className:n,children:o,style:a={},size:e="default",onClick:d}=c,r=Array.isArray(e)?e:[t.EActionCardSize[e],t.EActionCardSize[e]],l=C("xtrActionCard","shadowRipple",`${e}Size`,n);return u.jsx("div",{ref:s,className:l,style:{"--cardWidth":`${r[0]}px`,"--cardHeight":`${r[1]}px`,...a},onClick:d,role:"contentinfo",children:o})});i.displayName="ActionCard";exports.ActionCard=i;

package/dist/components/base/ActionCard/ActionCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionCard.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ActionCard/ActionCard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAmB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE5D,eAAO,MAAM,UAAU,6GAiCrB,CAAC"}
+{"version":3,"file":"ActionCard.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ActionCard/ActionCard.tsx"],"names":[],"mappings":"AAIA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAmB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE5D,eAAO,MAAM,UAAU,6GAiCrB,CAAC"}

package/dist/components/base/ActionCard/ActionCard.js

@@ -1,39 +1,39 @@
 "use client";
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import f from "clsx";
-import t from "./actionCard.module.scss.js";
-import { EActionCardSize as i } from "./types.js";
-const C = p((e, a) => {
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import p from "clsx";
+/* empty css                */
+import { EActionCardSize as t } from "./types.js";
+const f = m((i, e) => {
   const {
-    className: s,
+    className: a,
     children: c,
-    style: n = {},
+    style: s = {},
     size: r = "default",
-    onClick: d
-  } = e, o = Array.isArray(r) ? r : [i[r], i[r]], l = f(
-    t.actionCard,
+    onClick: n
+  } = i, o = Array.isArray(r) ? r : [t[r], t[r]], d = p(
+    "xtrActionCard",
     "shadowRipple",
-    t[`${r}Size`],
-    s
+    `${r}Size`,
+    a
   );
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ l(
     "div",
     {
-      ref: a,
-      className: l,
+      ref: e,
+      className: d,
       style: {
         "--cardWidth": `${o[0]}px`,
         "--cardHeight": `${o[1]}px`,
-        ...n
+        ...s
       },
-      onClick: d,
+      onClick: n,
       role: "contentinfo",
       children: c
     }
   );
 });
-C.displayName = "ActionCard";
+f.displayName = "ActionCard";
 export {
-  C as ActionCard
+  f as ActionCard
 };

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+/* empty css                         */
+/* empty css                */
+import { ActionCard as m } from "./ActionCard.js";
+import { EActionCardSize as e } from "./types.js";
+export {
+  m as ActionCard,
+  e as EActionCardSize
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(e=>(e[e.mini=100]="mini",e[e.default=164]="default",e[e.large=254]="large",e))(l||{});exports.EActionCardSize=l;

package/dist/components/base/Avatar/Avatar.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),a=require("react"),E=require("clsx"),n=require("../../../utils/constants/iconCollection.cjs"),g=require("../../../utils/helper/imageHelper.cjs"),F=require("../Icon/Icon.cjs");;/* empty css              */const j=require("./types.cjs"),p=a.forwardRef((h,S)=>{const{className:v,src:t,file:r,alt:y,placeholderIcon:I,size:i="default",onClick:A}=h,[u,d]=a.useState(),[C,q]=a.useState(n.FACE_ICONS.happy[0]),[x,s]=a.useState(!!t||!!r),[m,o]=a.useState(!1),f=typeof i=="number"?i:j.EAvatarSize[i],N=E("xtrAvatar",v,x&&"loading",m&&"error"),c=e=>{e&&setTimeout(()=>d(e),300),setTimeout(()=>s(!1),1e3)};return a.useEffect(()=>{q(n.FACE_ICONS.happy[Math.floor(Math.random()*n.FACE_ICONS.happy.length)]);try{r?(s(!0),o(!1),g.readImageFile(r).then(e=>c(e)).catch(e=>{console.log(e),s(!1),o(!0)})):t?(s(!0),o(!1),g.readImageSrc(t).then(e=>c(e)).catch(e=>{console.log(e,t),s(!1),o(!0)})):(d(void 0),c())}catch{c()}},[t,r]),l.jsx("div",{ref:S,className:N,style:{"--avatarSize":f+"px"},onClick:A,role:"img",children:u?l.jsx("img",{className:"image",src:u,alt:y}):l.jsx(F.Icon,{className:"placeholder",type:"solid",size:8+f/4,code:m?"e1b7":I??C})})});p.displayName="Avatar";exports.Avatar=p;

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/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;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,8 @@
+/* empty css                         */
+/* empty css            */
+import { Avatar as m } from "./Avatar.js";
+import { EAvatarSize as e } from "./types.js";
+export {
+  m as Avatar,
+  e as EAvatarSize
+};

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

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

package/dist/components/base/Button/Button.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),B=require("clsx"),b=require("../Icon/Icon.cjs"),g=require("../ProgressBar/ProgressBar.cjs");;/* empty css              */const q=require("./types.cjs"),c=j.forwardRef((a,u)=>{const{className:d,style:p={},label:t,type:s="primary",size:o="default",disabled:y=!1,loading:r=!1,icon:n,iconType:m,iconPosition:l="left",onClick:x}=a,i=()=>n?e.jsx(b.Icon,{className:"icon",code:n,type:m,size:o}):null,f=B("xtrButton","shadowRipple",`${s}Type`,`${o}Size`,!t&&"iconOnly",r&&"loading",d);return!t&&!n?null:e.jsxs("button",{ref:u,className:f,style:p,onClick:x,disabled:y,role:"button",children:[s.includes(q.EButtonTypes.link)&&e.jsx(g.ProgressBar,{className:"underline",intermediate:r}),l==="left"&&e.jsx(i,{}),t&&e.jsx("span",{className:"label",children:t}),l==="right"&&e.jsx(i,{})]})});c.displayName="Button";exports.Button=c;

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/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;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,8 @@
+/* empty css                         */
+/* empty css            */
+import { Button as m } from "./Button.js";
+import { EButtonTypes as f } from "./types.js";
+export {
+  m as Button,
+  f as EButtonTypes
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a=(r=>(r.primary="primary",r.primaryDanger="primaryDanger",r.secondary="secondary",r.secondaryDanger="secondaryDanger",r.link="link",r.linkDanger="linkDanger",r))(a||{});exports.EButtonTypes=a;

package/dist/components/base/ColorPicker/ColorPicker.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),C=require("@uiw/react-color-alpha"),m=require("@uiw/react-color-shade-slider"),x=require("@uiw/react-color-wheel"),q=require("clsx");;/* empty css                   */const a=180,c=d.forwardRef((l,t)=>{const{className:i,shade:n=!0,alpha:h=!0,color:e={h:0,s:0,v:100,a:1},setColor:o}=l,u=q("xtrColorPicker",i);return s.jsxs("div",{ref:t,className:u,children:[s.jsx(x,{className:"wheel",color:e,width:a,height:a,onChange:r=>o(r.hsva)}),n&&s.jsx(m,{className:"shade",hsva:e,onChange:({v:r})=>o({...e,v:r})}),h&&s.jsx(C,{className:"alpha",hsva:e,onChange:({a:r})=>o({...e,a:r})})]})});c.displayName="ColorPicker";exports.ColorPicker=c;

package/dist/components/base/ColorPicker/ColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,WAAW,8GAkCtB,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,WAAW,8GAkCtB,CAAC"}

package/dist/components/base/ColorPicker/ColorPicker.js

@@ -1,50 +1,50 @@
 "use client";
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import f from "@uiw/react-color-alpha";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import d from "@uiw/react-color-alpha";
 import C from "@uiw/react-color-shade-slider";
-import N from "@uiw/react-color-wheel";
-import v from "clsx";
-import e from "./colorPicker.module.scss.js";
-const l = 180, x = d((m, t) => {
-  const { className: h, shade: c = !0, alpha: i = !0, color: o = { h: 0, s: 0, v: 100, a: 1 }, setColor: s } = m, n = v(e.colorPicker, h);
-  return /* @__PURE__ */ p(
+import f from "@uiw/react-color-wheel";
+import x from "clsx";
+/* empty css                 */
+const s = 180, N = p((l, t) => {
+  const { className: h, shade: m = !0, alpha: i = !0, color: o = { h: 0, s: 0, v: 100, a: 1 }, setColor: e } = l, c = x("xtrColorPicker", h);
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: t,
-      className: n,
+      className: c,
       children: [
         /* @__PURE__ */ a(
-          N,
+          f,
           {
-            className: e.wheel,
+            className: "wheel",
             color: o,
-            width: l,
-            height: l,
-            onChange: (r) => s(r.hsva)
+            width: s,
+            height: s,
+            onChange: (r) => e(r.hsva)
           }
         ),
-        c && /* @__PURE__ */ a(
+        m && /* @__PURE__ */ a(
           C,
           {
-            className: e.shade,
+            className: "shade",
             hsva: o,
-            onChange: ({ v: r }) => s({ ...o, v: r })
+            onChange: ({ v: r }) => e({ ...o, v: r })
           }
         ),
         i && /* @__PURE__ */ a(
-          f,
+          d,
           {
-            className: e.alpha,
+            className: "alpha",
             hsva: o,
-            onChange: ({ a: r }) => s({ ...o, a: r })
+            onChange: ({ a: r }) => e({ ...o, a: r })
           }
         )
       ]
     }
   );
 });
-x.displayName = "ColorPicker";
+N.displayName = "ColorPicker";
 export {
-  x as ColorPicker
+  N as ColorPicker
 };

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPicker/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/ColorPicker/exports.js

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

package/dist/components/base/ColorPopper/ColorPopper.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("@floating-ui/react"),C=require("clsx"),r=require("colord"),le=require("../ColorPicker/ColorPicker.cjs"),ne=require("../Icon/Icon.cjs"),ce=require("../Textfield/Textfield.cjs"),ie=require("../../hooks/useScreen.cjs"),ae=require("../../../utils/helper/colorHelper.cjs"),de=require("../../../utils/constants/theme.cjs"),ue=require("../../../utils/function/mergeRefs.cjs"),R=require("../Button/Button.cjs");;/* empty css                   */function F(L,O){const{className:T,popperClassName:V,input:g="textfield",size:z="default",placeholder:A="Color Picker",colorHeading:p="Pick color",schemeHeading:k,themeScheme:v,setThemeScheme:y,showReset:D=!0,alpha:U,shade:W,swatch:H,hideWheel:w=!1,color:d,setColor:m}=L,_=ie.useScreenType(),n=t.useMemo(()=>r.colord(d),[]),x=t.useMemo(()=>r.getFormat(d),[d]),[j,u]=t.useState(n.toHsv()),[c,h]=t.useState(n.toHex()),[G,J]=t.useState(p),b=t.useRef(!1),[I,P]=t.useState(!1),{refs:N,floatingStyles:K,context:S}=l.useFloating({open:I,onOpenChange:P,middleware:[l.shift({crossAxis:!0,padding:18}),l.flip(),l.offset(({placement:e})=>e==="bottom"?10:16)],whileElementsMounted:l.autoUpdate}),{isMounted:Q,styles:X}=l.useTransitionStyles(S,{duration:200,initial:({side:e})=>({opacity:0,translate:e==="bottom"?"0px 8px":"0px -8px"})}),{getReferenceProps:B,getFloatingProps:Y}=l.useInteractions([l.useClick(S),l.useDismiss(S)]),[$,Z,q]=t.useMemo(()=>{const e=r.colord(j),s=e.toHsl(),i=n.toHsl();return[`${Math.round(s.h)} ${Math.round(s.s)}% ${Math.round(s.l)}%`,`${Math.round(i.h)} ${Math.round(i.s)}% ${Math.round(i.l)}%`,e.isLight()?"black":"white"]},[n,j]),ee=c!==n.toHex(),M=g==="button"||g==="buttonLabel",f=e=>{b.current=!0,x==="rgb"?m(e.toRgb()):x==="hex"?m(e.toHex()):x==="hsl"?m(e.toHsl()):x==="hsv"&&m(e.toHsv())},E=e=>{h(e);const s=r.colord(e);s.isValid()&&(u(s.toHsv()),f(s))},oe=e=>{const s=r.colord(e);u(e),h(s.toHex()),f(s)},se=e=>{const s=r.colord(e);u(s.toHsv()),h(s.toHex()),f(s)},te=()=>{u(n.toHsv()),h(n.toHex()),f(n)};return t.useEffect(()=>{if(!b.current){const e=r.colord(d);u(e.toHsv()),h(e.toHex())}b.current=!1},[d]),t.useEffect(()=>{J(ae.getColorLabel(r.colord(c).toHsl())??p)},[p,c]),o.jsxs(o.Fragment,{children:[M?o.jsx(R.Button,{className:"xtrColorButton",ref:N.setReference,size:z,icon:"f53f",iconType:"solid",label:g==="buttonLabel"?c:void 0,style:{"--themeColor":$,"--iconColor":q,color:q},onClick:()=>P(!0),...B()}):o.jsx(ce.Textfield,{className:C("xtrColorInput",T),ref:N.setReference,placeholder:A,icon:"f53f",iconType:"solid",active:I,value:c,onChange:e=>E(e.target.value),style:{"--colorBrandPrimary":$,"--iconColor":q},onFocus:()=>P(!0),...B()}),Q&&o.jsxs("div",{ref:ue.mergeRefs([O,N.setFloating]),className:C("xtrColorPopper",V),style:{...K,...X,"--colorBrandPrimary":$},...Y(),children:[(H||!w)&&o.jsxs("div",{className:C("header",M&&"withInput"),children:[o.jsxs("div",{className:"heading",children:[o.jsxs("div",{children:[o.jsx("h1",{children:G}),M&&o.jsx("input",{placeholder:"#Hex",className:C("popperInput",T),value:c,autoFocus:_.isLargest,onChange:e=>E(e.target.value)})]}),o.jsx("h1",{children:p})]}),D&&o.jsx(ne.Icon,{code:"f1da",type:"solid",style:{"--colorBrandPrimary":Z,visibility:ee?"visible":"hidden"},onClick:te})]}),H&&o.jsx("div",{className:"swatch",children:H.map((e,s)=>{const i=r.colord(c).isEqual(e),a=r.colord(e).toHsl(),re=`${a.h} ${a.s}% ${a.l}%`;return o.jsx(R.Button,{className:"swatchItem",icon:"f00c",iconType:"solid",size:"mini",style:{"--themeColor":re,color:i?"white":"transparent"},onClick:()=>se(a)},`ThemeColor-${a.h}${a.s}${a.l}-${s}`)})}),!w&&o.jsx(le.ColorPicker,{className:"colorPicker",alpha:U,shade:W,color:j,setColor:oe}),k&&o.jsxs("div",{className:"themeScheme",children:[o.jsx("div",{className:"header",children:o.jsxs("div",{className:"heading",children:[o.jsx("div",{children:o.jsx("h1",{children:v})}),o.jsx("h1",{children:k})]})}),o.jsx("div",{className:"schemeSelector",children:de.THEME_SCHEME.map(({name:e,icon:s},i)=>o.jsx(R.Button,{icon:s,iconType:"solid",disabled:v===e,type:v===e?"primary":"secondary",onClick:()=>y==null?void 0:y(e)},`ThemeScheme-${e}-${i}`))})]})]})]})}const he=t.forwardRef(F);F.displayName="ColorPopper";exports.ColorPopper=he;

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/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/ColorPopper/exports.js

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

package/dist/components/base/DatePicker/DatePicker.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("clsx"),e=require("react-datetime-picker"),c=require("../Icon/Icon.cjs");;/* empty css                  */const x={date:"dd-MM-yyyy",dateRange:"dd-MM-yyyy",time:"h:mm:ss a",timeRange:"h:mm:ss a",dateTime:"dd-MM-yyyy h:mm:ss a",dateTimeRange:"dd-MM-yyyy h:mm:ss a"},R={date:e,dateRange:e,time:e,timeRange:e,dateTime:e,dateTimeRange:e},k=r=>{const{className:s,type:a="date",format:n,dayPlaceholder:d="dd",monthPlaceholder:m="mm",yearPlaceholder:i="yyyy",hourPlaceholder:l="hh",minutePlaceholder:y="mm",secondPlaceholder:h="ss",placeholder:o="Select a Date",icon:u="f784",value:P,onChange:D}=r,g={className:p("xtrDatePicker",s),calendarIcon:t.jsx(c.Icon,{code:u,type:"regular"}),clearIcon:t.jsx(c.Icon,{code:"e59b",type:"solid"}),format:n??x[a],dayPlaceholder:d,monthPlaceholder:m,yearPlaceholder:i,hourPlaceholder:l,minutePlaceholder:y,secondPlaceholder:h,placeholder:o,value:P,onChange:D},M=R[a];return t.jsx(M,{"data-testid":o,...g})};exports.DatePicker=k;

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

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

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

@@ -0,0 +1,4 @@
+export { DatePicker } from './DatePicker';
+export type { TDatePickerProps, TDateValue } from './types';
+export { EDatePickerTypes } from './types';
+//# sourceMappingURL=exports.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/DatePicker/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,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,8 @@
+/* empty css                         */
+/* empty css                */
+import { DatePicker as p } from "./DatePicker.js";
+import { EDatePickerTypes as m } from "./types.js";
+export {
+  p as DatePicker,
+  m as EDatePickerTypes
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(e=>(e.date="date",e.dateRange="dateRange",e.time="time",e.timeRange="timeRange",e.dateTime="dateTime",e.dateTimeRange="dateTimeRange",e))(t||{});exports.EDatePickerTypes=t;

package/dist/components/base/FilePicker/FilePicker.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),q=require("clsx"),x=require("react-dom"),F=require("use-file-picker"),h=require("../../layout/ImageEditor/ImageEditor.cjs"),C=require("../Button/Button.cjs"),y=require("../Icon/Icon.cjs");;/* empty css                  */const I=require("./getFilePickerIcon.cjs"),E=require("./types.cjs"),N=k=>{var g,b,m;const{className:f,children:s,draggable:u=!1,editable:j=!1,multiple:c=!1,accept:i="*/*",onChange:l}=k,t=j&&!c&&(i.includes("image")||E.imageExts.includes((m=(b=(g=i==null?void 0:i.split)==null?void 0:g.call(i,","))==null?void 0:b[0])==null?void 0:m.replace(".",""))),{openFilePicker:n,loading:P,plainFiles:e,clear:d}=F.useFilePicker({accept:i,multiple:c,onFilesSuccessfullySelected:({plainFiles:o})=>{t||l(o)}}),a=q("xtrFilePicker",s&&"wrapper",u&&"draggable",f);return s?r.jsxs(r.Fragment,{children:[r.jsx("div",{className:a,onClick:n,children:s}),t&&(e==null?void 0:e[0])&&x.createPortal(r.jsx(h.ImageEditor,{file:e==null?void 0:e[0],clearFile:d,onChange:o=>l(o.blob?[o.blob]:[])}),document.body)]}):u?r.jsxs("div",{className:a,onClick:n,children:[r.jsx(y.Icon,{code:"f0ed",type:"duotone",size:64}),r.jsxs("h2",{children:["Drop File",c?"s":""," Here"]}),r.jsx("p",{children:"or click here to open file chooser"})]}):r.jsxs(r.Fragment,{children:[r.jsx(C.Button,{className:a,label:`Choose File${c?"s":""}`,icon:I.getFilePickerIcon(i),onClick:n,loading:P}),t&&(e==null?void 0:e[0])&&x.createPortal(r.jsx(h.ImageEditor,{file:e==null?void 0:e[0],clearFile:d,onChange:o=>l(o.blob?[o.blob]:[])}),document.body)]})};exports.FilePicker=N;

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

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

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

@@ -0,0 +1,4 @@
+export { FilePicker } from './FilePicker';
+export type { TFilePickerProps, EFilePickerAccept } from './types';
+export { FilePickerIcon } from './types';
+//# sourceMappingURL=exports.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/FilePicker/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,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,8 @@
+/* empty css                         */
+/* empty css                */
+import { FilePicker as m } from "./FilePicker.js";
+import { FilePickerIcon as t } from "./types.js";
+export {
+  m as FilePicker,
+  t as FilePickerIcon
+};

package/dist/components/base/FilePicker/getFilePickerIcon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./types.cjs"),u=(i="")=>{var c,t;if(i.includes(",")&&i.includes("/")){let n=0;if(i.split(",").map(l=>{var s;return(s=l.split("/"))==null?void 0:s[0]}).forEach(l=>{l in e.FilePickerIcon&&n++}),n>0)return e.FilePickerIcon.multimedia}if(i.includes("/")){const[n,r]=i.split("/");if(r in e.FilePickerIcon)return e.FilePickerIcon[r];if(n in e.FilePickerIcon)return e.FilePickerIcon[n]}const o=i.includes(",")?(t=(c=i.split(","))==null?void 0:c[0])==null?void 0:t.replace(".",""):i.replace(".","");return o in e.FilePickerIcon?e.FilePickerIcon[o]:e.FilePickerIcon.file};exports.getFilePickerIcon=u;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["jpg","jpeg","png","gif",".bmp","webp","heif","heic"],i={file:"f15b",multimedia:"f86d",image:"f1c5",jpg:"e646",jpeg:"e646",png:"e666",gif:"e645",svg:"e64b",eps:"e644",audio:"f1c7",mp3:"e648",wav:"f478",video:"f1c8",mp4:"e649",mov:"e647",pdf:"f1c1",doc:"e5ed",docx:"e5ed",xls:"e64d",xlsx:"e64d",ppt:"e64a",pptx:"e64a",csv:"f6dd",html:"f1c9",zip:"e5ee",rar:"f1c6","7z":"f1c6"};exports.FilePickerIcon=i;exports.imageExts=e;

package/dist/components/base/Icon/Icon.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),q=require("react"),y=require("clsx");require("../../../utils/constants/theme.cjs");const m=require("../../../utils/function/string.cjs");require("color-namer");;/* empty css            */const f=require("./types.cjs"),n=q.forwardRef((o,r)=>{const{className:c,style:i={},code:s,type:u="light",size:e="default",onClick:t}=o,l=`${typeof e=="number"?e:f.EIconSize[e]}px`,a=y("xtrIcon","fa",u,t&&"iconButton",c);return d.jsx("i",{ref:r,className:a,style:{"--iconSize":l,...i},"data-content":m.unicodeToString(s),role:"img",onClick:t})});n.displayName="Icon";exports.Icon=n;

package/dist/components/base/Icon/Icon.js

@@ -7,20 +7,20 @@ import { unicodeToString as d } from "../../../utils/function/string.js";
 import "color-namer";
 /* empty css          */
 import { EIconSize as u } from "./types.js";
-const x = a((e, i) => {
-  const { className: n, style: r = {}, code: c, type: m = "light", size: o = "default", onClick: t } = e, s = `${typeof o == "number" ? o : u[o]}px`, p = f(
+const x = a((i, e) => {
+  const { className: r, style: n = {}, code: c, type: m = "light", size: o = "default", onClick: t } = i, s = `${typeof o == "number" ? o : u[o]}px`, p = f(
     "xtrIcon",
-    "fontAwesome",
+    "fa",
     m,
     t && "iconButton",
-    n
+    r
   );
   return /* @__PURE__ */ l(
     "i",
     {
-      ref: i,
+      ref: e,
       className: p,
-      style: { "--iconSize": s, ...r },
+      style: { "--iconSize": s, ...n },
       "data-content": d(c),
       role: "img",
       onClick: t

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Icon/exports.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(r=>(r[r.mini=12]="mini",r[r.default=18]="default",r[r.large=24]="large",r))(t||{});exports.EIconSize=t;

package/dist/components/base/Lottie/Lottie.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),m=require("@lottiefiles/dotlottie-react"),x=require("clsx");;/* empty css              */const y=require("./types.cjs"),r=s.forwardRef((a,c)=>{const{className:l,src:u,size:t="default",autoPlay:n=!0,loop:p=!0,speed:d=1}=a,[e,f]=s.useState(null),o=`${typeof t=="number"?t:y.ELottieSize[t]}px`,L=x("xtrLottieWrapper",l);return s.useEffect(()=>{o&&(e==null||e.resize())},[e,o]),i.jsx("div",{ref:c,className:L,style:{"--lottieSize":o},children:i.jsx(m.DotLottieReact,{className:"xtrLottie",dotLottieRefCallback:f,src:u,autoplay:n,loop:p,speed:d,marker:"lottie"})})});r.displayName="Lottie";exports.Lottie=r;

package/dist/components/base/Lottie/Lottie.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Lottie/Lottie.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGAsCjB,CAAC"}
+{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Lottie/Lottie.tsx"],"names":[],"mappings":"AAKA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGAsCjB,CAAC"}

package/dist/components/base/Lottie/Lottie.js

@@ -1,43 +1,43 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as d, useState as y, useEffect as L } from "react";
-import { DotLottieReact as x } from "@lottiefiles/dotlottie-react";
-import z from "clsx";
-import r from "./lottie.module.scss.js";
-import { ELottieSize as N } from "./types.js";
-const S = d((s, l) => {
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as n, useState as L, useEffect as x } from "react";
+import { DotLottieReact as d } from "@lottiefiles/dotlottie-react";
+import y from "clsx";
+/* empty css            */
+import { ELottieSize as z } from "./types.js";
+const N = n((i, s) => {
   const {
     className: a,
-    src: m,
+    src: l,
     size: e = "default",
-    autoPlay: c = !0,
-    loop: p = !0,
-    speed: f = 1
-  } = s, [t, u] = y(null), o = `${typeof e == "number" ? e : N[e]}px`, n = z(r.lottieWrapper, a);
-  return L(() => {
+    autoPlay: m = !0,
+    loop: c = !0,
+    speed: p = 1
+  } = i, [t, f] = L(null), o = `${typeof e == "number" ? e : z[e]}px`, u = y("xtrLottieWrapper", a);
+  return x(() => {
     o && (t == null || t.resize());
-  }, [t, o]), /* @__PURE__ */ i(
+  }, [t, o]), /* @__PURE__ */ r(
     "div",
     {
-      ref: l,
-      className: n,
+      ref: s,
+      className: u,
       style: { "--lottieSize": o },
-      children: /* @__PURE__ */ i(
-        x,
+      children: /* @__PURE__ */ r(
+        d,
         {
-          className: r.lottie,
-          dotLottieRefCallback: u,
-          src: m,
-          autoplay: c,
-          loop: p,
-          speed: f,
+          className: "xtrLottie",
+          dotLottieRefCallback: f,
+          src: l,
+          autoplay: m,
+          loop: c,
+          speed: p,
           marker: "lottie"
         }
       )
     }
   );
 });
-S.displayName = "Lottie";
+N.displayName = "Lottie";
 export {
-  S as Lottie
+  N as Lottie
 };

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Lottie/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;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,8 @@
+/* empty css                         */
+/* empty css            */
+import { Lottie as i } from "./Lottie.js";
+import { ELottieSize as p } from "./types.js";
+export {
+  p as ELottieSize,
+  i as Lottie
+};

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

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

package/dist/components/base/ProgressBar/ProgressBar.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),g=require("clsx");;/* empty css                   */const s=l.forwardRef((t,a)=>{const{className:o,progress:i=100,intermediate:r=!1}=t,n=r?150:Math.min(Math.max(i,0),100),c=g("xtrProgressBar",r&&"intermediate",o);return e.jsx("div",{ref:a,className:c,role:"progressbar",children:e.jsx("span",{className:"progress",style:{width:`${n}%`}})})});s.displayName="ProgressBar";exports.ProgressBar=s;

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,WAAW,8GAoBtB,CAAC"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAIA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,WAAW,8GAoBtB,CAAC"}

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

@@ -1,25 +1,25 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
 import n from "clsx";
-import r from "./progressbar.module.scss.js";
-const c = p((o, t) => {
-  const { className: a, progress: m = 100, intermediate: s = !1 } = o, i = s ? 150 : Math.min(Math.max(m, 0), 100), l = n(
-    r.progressBar,
-    s && r.intermediate,
-    a
+/* empty css                 */
+const p = l((e, o) => {
+  const { className: t, progress: a = 100, intermediate: r = !1 } = e, i = r ? 150 : Math.min(Math.max(a, 0), 100), m = n(
+    "xtrProgressBar",
+    r && "intermediate",
+    t
   );
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ s(
     "div",
     {
-      ref: t,
-      className: l,
+      ref: o,
+      className: m,
       role: "progressbar",
-      children: /* @__PURE__ */ e("span", { className: r.progress, style: { width: `${i}%` } })
+      children: /* @__PURE__ */ s("span", { className: "progress", style: { width: `${i}%` } })
     }
   );
 });
-c.displayName = "ProgressBar";
+p.displayName = "ProgressBar";
 export {
-  c as ProgressBar
+  p as ProgressBar
 };

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

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

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

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