xtreme-ui 0.0.121 → 0.0.122

package/dist/imageHelper-B5X4pOcS.js

@@ -0,0 +1 @@
+const t=async t=>new Promise((e,a)=>{fetch(t).then(t=>(t.ok||a(t.status),t.blob())).then(t=>e(URL.createObjectURL(t)))}),e=async t=>new Promise((e,a)=>{const n=new FileReader;n.onloadend=()=>{const t=n?.result?.toString();t?e(t):a()},n.onerror=a,n.readAsDataURL(t)}),a=t=>new Promise((e,a)=>{const n=new Image;n.addEventListener("load",()=>e(n)),n.addEventListener("error",t=>a(t)),n.src=t}),n=t=>t*Math.PI/180,r=async t=>new Promise(e=>{a(t).then(t=>{e({width:t.width,height:t.height})})}),s=async(t,e,r=0)=>{if(!t||!e)return null;const s=await a(t);return new Promise(t=>{const a=document.createElement("canvas"),h=a.getContext("2d");if(!h)return null;const o=Math.max(s.width,s.height)/2*Math.sqrt(2)*2;a.width=o,a.height=o,h.translate(o/2,o/2),h.rotate(n(r)),h.translate(-o/2,-o/2),h.drawImage(s,o/2-.5*s.width,o/2-.5*s.height);const i=h.getImageData(0,0,o,o);a.width=e.width,a.height=e.height,h.putImageData(i,Math.round(0-o/2+.5*s.width-e.x),Math.round(0-o/2+.5*s.height-e.y)),a.toBlob(e=>t({blob:e??void 0,base64:a.toDataURL("image/jpeg")}),"image/jpeg")})};export{s as a,t as b,a as c,n as d,r as g,e as r};

package/dist/index.css

@@ -0,0 +1 @@
+.react-datetime-picker{display:inline-flex;position:relative}.react-datetime-picker,.react-datetime-picker *,.react-datetime-picker *:before,.react-datetime-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-datetime-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-datetime-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-datetime-picker__inputGroup{min-width:calc(16px + 3.24em + .434em);flex-grow:1;padding:0 2px}.react-datetime-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-datetime-picker__inputGroup__divider,.react-datetime-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-datetime-picker__inputGroup__input{min-width:.54em;height:calc(100% - 2px);position:relative;padding:1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-datetime-picker__inputGroup__input:invalid{background:#ff00001a}.react-datetime-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-datetime-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-datetime-picker__button{border:0;background:transparent;padding:4px 6px}.react-datetime-picker__button:enabled{cursor:pointer}.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon{stroke:#0078d7}.react-datetime-picker__button:disabled .react-datetime-picker__button__icon{stroke:#6d6d6d}.react-datetime-picker__button svg{display:inherit}.react-datetime-picker__calendar,.react-datetime-picker__clock{z-index:1}.react-datetime-picker__calendar--closed,.react-datetime-picker__clock--closed{display:none}.react-datetime-picker__calendar{width:350px;max-width:100vw}.react-datetime-picker__calendar .react-calendar{border-width:thin}.react-datetime-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;inset:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;inset:0 50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;inset:0 50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}.shadowRipple{--rippleDuration: var(--animDurDefault);--rippleColor: var(--colorBrandPrimary);--rippleShadowColor: var(--colorBackgroundTertiary);--rippleSize: 30px 15px;border-radius:inherit;box-shadow:0 0 var(--rippleSize) hsl(var(--rippleColor)/0%);transition:box-shadow var(--rippleDuration) linear}.shadowRipple:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 1px var(--rippleShadowColor);transition:all var(--animDurDefault) var(--cubicBezierPrimary);z-index:-1}.shadowRipple:hover:before{box-shadow:0 0 0 3px hsl(var(--rippleColor)/50%)}.shadowRipple:active{transition:0s!important;box-shadow:0 0 hsl(var(--rippleColor)/50%)}.shadowRipple:active:before{box-shadow:0 0 0 5px hsl(var(--rippleColor)/50%)}html{scroll-behavior:smooth;background:var(--colorBackgroundPrimary)}html ::selection{color:#fff;background:hsl(var(--colorBrandPrimary))}html{--H: 2;--S: 100%;--L: 70%;--L2: min(calc(var(--L) + 20%), 100%);--L3: min(calc(var(--L) + 30%), 100%);--colorBrandPrimary: var(--H) var(--S) var(--L);--colorBrandSecondary: var(--H) var(--S) var(--L2);--colorBrandTertiary: var(--H) var(--S) var(--L3);--colorAlertError: 4 100% 60%;--colorAlertWarning: 52 100% 50%;--colorAlertSuccess: 126 63% 49%;--colorBorderPrimary: #ABB0BB;--gradientBrand: linear-gradient(320deg, hsl(var(--colorBrandPrimary)), hsl(var(--colorBrandTertiary)));--animDurSlow: 1s;--animDurDefault: .6s;--animDurFast: .4s;--cubicBezierPrimary: cubic-bezier(.23, 1, .32, 1)}@media(prefers-color-scheme:light){html[data-theme-scheme=auto]{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media(prefers-color-scheme:dark){html[data-theme-scheme=auto]{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}html[data-theme-scheme=light]{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}html[data-theme-scheme=dark]{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}html *{font-variation-settings:"wdth" 75,"wght" 500;color:var(--colorContentPrimary);box-sizing:border-box}

package/dist/index.d.ts

@@ -8,10 +8,6 @@ export { Avatar } from './components/base/Avatar/Avatar';
 export { type TAvatarProps, EAvatarSize } from './components/base/Avatar/types';
 export { Button } from './components/base/Button/Button';
 export { type TButtonProps, EButtonTypes } from './components/base/Button/types';
-export { Icon } from './components/base/Icon/Icon';
-export { type IIconProps, type EIconType, EIconSize } from './components/base/Icon/types';
-export { Lottie } from './components/base/Lottie/Lottie';
-export { type TLottieProps, ELottieSize } from './components/base/Lottie/types';
 export { ProgressBar } from './components/base/ProgressBar/ProgressBar';
 export { type IProgressBarProps } from './components/base/ProgressBar/types';
 export { Spinner } from './components/base/Spinner/Spinner';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,112 +1 @@
-/* empty css                  */
-import { FACE_ICONS as t } from "./utils/constants/iconCollection.js";
-import { STORAGE as p, THEME_SCHEME as f, ThemeColorsPreset as i, defaultColorPreset as x } from "./utils/constants/theme.js";
-import { isEqual as s } from "./utils/function/common.js";
-import { getLocalState as n, setLocalState as c } from "./utils/function/localStorage.js";
-import { assignRef as S, mergeRefs as C } from "./utils/function/mergeRefs.js";
-import { capitalize as P, safeStringFromCodePoint as E, unicodeToString as T } from "./utils/function/string.js";
-import { doc as I, elementObserver as h, getCssProperty as y, getCssPropertyPx as z, getCssPropertyVh as A, getCssPropertyVw as F, isClient as k, localStore as v, setCssProperty as L, waitForElement as w, win as D } from "./utils/helper/domHelper.js";
-import { getColorLabel as b, guessClosestColorName as B, isValidThemeColor as M } from "./utils/helper/colorHelper.js";
-import { createImage as O, getCroppedImg as V, getImageSize as X, getRadianAngle as H, readImageFile as _, readImageSrc as q } from "./utils/helper/imageHelper.js";
-import { themeController as j } from "./utils/helper/themeController.js";
-import { XProvider as K } from "./components/context/index.js";
-import { useXData as U, useXTheme as W } from "./components/context/useContext.js";
-import { ActionCard as Z } from "./components/base/ActionCard/ActionCard.js";
-import { EActionCardSize as ee } from "./components/base/ActionCard/types.js";
-import { Avatar as oe } from "./components/base/Avatar/Avatar.js";
-import { EAvatarSize as me } from "./components/base/Avatar/types.js";
-import { Button as fe } from "./components/base/Button/Button.js";
-import { EButtonTypes as xe } from "./components/base/Button/types.js";
-import { Icon as se } from "./components/base/Icon/Icon.js";
-import { EIconSize as ne } from "./components/base/Icon/types.js";
-import { Lottie as ge } from "./components/base/Lottie/Lottie.js";
-import { ELottieSize as Ce } from "./components/base/Lottie/types.js";
-import { ProgressBar as Pe } from "./components/base/ProgressBar/ProgressBar.js";
-import { Spinner as Te } from "./components/base/Spinner/Spinner.js";
-import { ESpinnerSize as Ie } from "./components/base/Spinner/types.js";
-import { Textfield as ye } from "./components/base/Textfield/Textfield.js";
-import { DatePicker as Ae } from "./components/base/DatePicker/DatePicker.js";
-import { EDatePickerTypes as ke } from "./components/base/DatePicker/types.js";
-import { FilePicker as Le } from "./components/base/FilePicker/FilePicker.js";
-import { FilePickerIcon as De } from "./components/base/FilePicker/types.js";
-import { Select as be } from "./components/base/Select/Select.js";
-import { ColorPopper as Me } from "./components/base/ColorPopper/ColorPopper.js";
-import { Sider as Oe } from "./components/layout/Sider/Sider.js";
-import { SiderModal as Xe } from "./components/layout/SiderModal/SiderModal.js";
-import { Navigation as _e } from "./components/layout/Navigation/Navigation.js";
-import { ThemePicker as Ge } from "./components/layout/ThemePicker/ThemePicker.js";
-import { ThemeSelect as Je } from "./components/layout/ThemeSelect/ThemeSelect.js";
-import { ThemeSwitch as Qe } from "./components/layout/ThemeSwitch/ThemeSwitch.js";
-import { ImageEditor as We } from "./components/layout/ImageEditor/ImageEditor.js";
-import { useScreenType as Ze } from "./components/hooks/useScreen.js";
-import { usePersistingState as er } from "./components/hooks/usePersistingState.js";
-import { useDebouncedEffect as or } from "./components/hooks/useDebouncedEffect.js";
-export {
-  Z as ActionCard,
-  oe as Avatar,
-  fe as Button,
-  Me as ColorPopper,
-  Ae as DatePicker,
-  ee as EActionCardSize,
-  me as EAvatarSize,
-  xe as EButtonTypes,
-  ke as EDatePickerTypes,
-  ne as EIconSize,
-  Ce as ELottieSize,
-  Ie as ESpinnerSize,
-  t as FACE_ICONS,
-  Le as FilePicker,
-  De as FilePickerIcon,
-  se as Icon,
-  We as ImageEditor,
-  ge as Lottie,
-  _e as Navigation,
-  Pe as ProgressBar,
-  p as STORAGE,
-  be as Select,
-  Oe as Sider,
-  Xe as SiderModal,
-  Te as Spinner,
-  f as THEME_SCHEME,
-  ye as Textfield,
-  i as ThemeColorsPreset,
-  Ge as ThemePicker,
-  Je as ThemeSelect,
-  Qe as ThemeSwitch,
-  K as XProvider,
-  S as assignRef,
-  P as capitalize,
-  O as createImage,
-  x as defaultColorPreset,
-  I as doc,
-  h as elementObserver,
-  b as getColorLabel,
-  V as getCroppedImg,
-  y as getCssProperty,
-  z as getCssPropertyPx,
-  A as getCssPropertyVh,
-  F as getCssPropertyVw,
-  X as getImageSize,
-  n as getLocalState,
-  H as getRadianAngle,
-  B as guessClosestColorName,
-  k as isClient,
-  s as isEqual,
-  M as isValidThemeColor,
-  v as localStore,
-  C as mergeRefs,
-  _ as readImageFile,
-  q as readImageSrc,
-  E as safeStringFromCodePoint,
-  L as setCssProperty,
-  c as setLocalState,
-  j as themeController,
-  T as unicodeToString,
-  or as useDebouncedEffect,
-  er as usePersistingState,
-  Ze as useScreenType,
-  U as useXData,
-  W as useXTheme,
-  w as waitForElement,
-  D as win
-};
+import './index.css';/* empty css              */import{A as e,E as t,F as r}from"./Avatar-DOT-ws0p.js";import{d as o,S as s,b as a}from"./theme-BBSThvgw.js";import{T as n,a as m}from"./theme-BBSThvgw.js";import{i}from"./common-Do6lufjP.js";import{C as c,a as l,m as d}from"./ColorPopper-vGesdoPl.js";import{g as p,a as h,i as u,u as f}from"./useScreen-hc-uEMYs.js";import{c as S,a as g,g as y,d as C,r as j,b as E}from"./imageHelper-B5X4pOcS.js";import{jsx as T}from"react/jsx-runtime";import{T as I,D as v}from"./useContext-Dd-uQWg7.js";import{u as $,a as b}from"./useContext-Dd-uQWg7.js";import{A as w,E as P}from"./ActionCard-Dbpat8bm.js";import{B as A,E as N}from"./Button-G6cDfQ_2.js";import{P as x}from"./ProgressBar-CpCwJRLJ.js";import{E as O,S as k}from"./Spinner-Bbm68b3W.js";import{T as L}from"./Textfield-D8sU99y0.js";import{D as M,E as q}from"./types-DA8XVLaK.js";import{F as B,a as F}from"./FilePicker-D6qHXAU3.js";import{S as J}from"./Select-uoCUlO9L.js";import{S as H}from"./Sider-S8lIHbaD.js";import{S as R}from"./SiderModal-DeoiKMZn.js";import{N as z}from"./Navigation-BqPe_bfy.js";import{T as D}from"./ThemePicker-DlxNjxb8.js";import{T as V}from"./ThemeSelect-Chl18N7X.js";import{T as X}from"./ThemeSwitch-TsIe8W8K.js";import{I as _}from"./ImageEditor-CRdW3G_G.js";import{useState as U,useEffect as W}from"react";const G="undefined"!=typeof window,K=G?window:void 0,Q=G?document:void 0,Y=G?localStorage:void 0,Z=(e,t)=>G?getComputedStyle(t?.current||document.documentElement).getPropertyValue(e):"",ee=(e,t)=>parseInt(Z(e,t).replace(/px/g,"")),te=(e,t)=>{const r=parseInt(Z(e,t).replace(/vh/g,""));return[(K?.innerHeight??0)*r/100,r]},re=(e,t)=>{const r=parseInt(Z(e,t).replace(/vw/g,""));return[(K?.innerWidth??0)*r/100,r]},oe=(e,t,r)=>G?(r?.current||document.documentElement).style.setProperty(e,t):"",se=e=>new Promise(t=>{let r=document.querySelector(e);if(r)return t(r);const o=new MutationObserver(()=>{r=document.querySelector(e),r&&(t(r),o.disconnect())});o.observe(document.body,{childList:!0,subtree:!0})}),ae=(e,t)=>{t?.forEach?.(t=>{let r;new MutationObserver(o=>{document.querySelector(t)&&(r=document.querySelector(t)),o?.forEach?.(t=>{if("childList"===t.type){Array.from(t.addedNodes).indexOf(r)>-1&&e(r,"added",t);Array.from(t.removedNodes).indexOf(r)>-1&&e(r,"removed",t)}})}).observe(document.body,{childList:!0,subtree:!0})})},ne=(e,t)=>{try{const r=Y?.getItem(e);return r?JSON.parse(r):t??""}catch(r){return console.log(r),t??""}},me=(e,t)=>{try{Y?.setItem(e,JSON.stringify(t))}catch(r){console.log(r)}},ie=e=>isNaN(e)||e<0||e>1114111||Math.floor(e)!==e?"":String.fromCodePoint(e),ce=e=>ie(parseInt(`0x${e}`,16)),le=e=>e.charAt(0).toUpperCase()+e.slice(1),de=({scheme:e,color:t,defScheme:r=a,defColor:n=o}={})=>{const m=null!=e?`'${e}'`:"null",i=t?JSON.stringify(t):"null",c=JSON.stringify(n);return`(function() {\n\t\ttry {\n\t\t\tlet storedScheme = localStorage.getItem('${s.themeScheme}');\n\t\t\tconst themeScheme = ${m} ?? storedScheme ?? '${r}';\n\n\t\t\tconst themeColorRaw = localStorage.getItem('${s.themeColor}');\n\t\t\tlet { h, s, l } = ${c};\n\n\t\t\tconst preferredColor = ${i};\n\n\t\t\tif (preferredColor) {\n\t\t\t\t({ h, s, l } = preferredColor);\n\t\t\t} else {\n\t\t\t\ttry {\n\t\t\t\t\tconst parsed = JSON.parse(themeColorRaw);\n\t\t\t\t\tif (parsed && typeof parsed.h === 'number' && typeof parsed.s === 'number' && typeof parsed.l === 'number') {\n\t\t\t\t\t\t({ h, s, l } = parsed);\n\t\t\t\t\t}\n\t\t\t\t} catch {}\n\t\t\t}\n\n\t\t\tdocument.documentElement.setAttribute('${s.themeSchemeAttr}', themeScheme);\n\n\t\t\tconst style = document.getElementById('${s.themeColor}') || \n\t\t\t\tdocument.head.appendChild(Object.assign(document.createElement('style'), { id: '${s.themeColor}' }));\n\t\t\tstyle.textContent = \`:root{ --H: \${h}; --S: \${s}%; --L: \${l}% }\`;\n\n\t\t\tlet meta = document.head.querySelector('meta[name="theme-color"]');\n\t\t\tif (!meta) {\n\t\t\t\tmeta = document.createElement('meta');\n\t\t\t\tmeta.name = 'theme-color';\n\t\t\t\tdocument.head.appendChild(meta);\n\t\t\t}\n\t\t\tmeta.content = \`hsl(\${h},\${s}%,\${l}%)\`;\n\n\t\t\tlocalStorage.setItem('${s.themeScheme}', themeScheme);\n\t\t\tlocalStorage.setItem('${s.themeColor}', JSON.stringify({ h, s, l }));\n\t\t} catch {}\n\t})();`},pe=({children:e})=>/* @__PURE__ */T(I,{children:/* @__PURE__ */T(v,{children:e})}),he=(e,t)=>{const[r,o]=U(t??ne(e));return W(()=>{const t=()=>me(e,r);return window.addEventListener("beforeunload",t),()=>window.removeEventListener("beforeunload",t)},[e,r]),[r,o]},ue=(e,t,r)=>{W(()=>{const t=setTimeout(()=>e(),r);return()=>clearTimeout(t)},[...t||[],r])};export{w as ActionCard,e as Avatar,A as Button,c as ColorPopper,M as DatePicker,P as EActionCardSize,t as EAvatarSize,N as EButtonTypes,q as EDatePickerTypes,O as ESpinnerSize,r as FACE_ICONS,B as FilePicker,F as FilePickerIcon,_ as ImageEditor,z as Navigation,x as ProgressBar,s as STORAGE,J as Select,H as Sider,R as SiderModal,k as Spinner,n as THEME_SCHEME,L as Textfield,m as ThemeColorsPreset,D as ThemePicker,V as ThemeSelect,X as ThemeSwitch,pe as XProvider,l as assignRef,le as capitalize,S as createImage,o as defaultColorPreset,Q as doc,ae as elementObserver,p as getColorLabel,g as getCroppedImg,Z as getCssProperty,ee as getCssPropertyPx,te as getCssPropertyVh,re as getCssPropertyVw,y as getImageSize,ne as getLocalState,C as getRadianAngle,h as guessClosestColorName,G as isClient,i as isEqual,u as isValidThemeColor,Y as localStore,d as mergeRefs,j as readImageFile,E as readImageSrc,ie as safeStringFromCodePoint,oe as setCssProperty,me as setLocalState,de as themeController,ce as unicodeToString,ue as useDebouncedEffect,he as usePersistingState,f as useScreenType,$ as useXData,b as useXTheme,se as waitForElement,K as win};

package/dist/theme-BBSThvgw.js

@@ -0,0 +1 @@
+var e=/* @__PURE__ */(e=>(e.light="light",e.dark="dark",e.auto="auto",e))(e||{});const h="auto",a={themeSchemeAttr:"data-theme-scheme",themeScheme:"xThemeScheme",themeColor:"xThemeColor"},s=[{name:e.auto,icon:"e163"},{name:e.light,icon:"e28f"},{name:e.dark,icon:"f186"}],l={cherry:{h:350,s:70,l:50},blush:{h:335,s:75,l:55},saffron:{h:19,s:100,l:56},sunset:{h:28,s:80,l:55},mango:{h:45,s:80,l:50},clay:{h:20,s:25,l:50},mint:{h:135,s:45,l:50},ocean:{h:170,s:60,l:55},sky:{h:205,s:75,l:50},plum:{h:280,s:40,l:55}},t=l.saffron;export{a as S,s as T,l as a,h as b,t as d};

package/dist/types-DA8XVLaK.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import a from"clsx";import{Icon as t}from"gliff";import d from"react-datetime-picker";import './types.css';const m={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:d,dateRange:d,time:d,timeRange:d,dateTime:d,dateTimeRange:d},o=d=>{const{className:o,type:l="date",format:c,dayPlaceholder:i="dd",monthPlaceholder:n="mm",yearPlaceholder:y="yyyy",hourPlaceholder:h="hh",minutePlaceholder:s="mm",secondPlaceholder:g="ss",placeholder:P="Select a Date",icon:R="f784",value:p,onChange:f}=d,u=a("xtrDatePicker",o);/* @__PURE__ */
+return e(r[l],{"data-testid":P,...{className:u,calendarIcon:/* @__PURE__ */e(t,{code:R,type:"regular"}),clearIcon:/* @__PURE__ */e(t,{code:"e59b",type:"solid"}),format:c??m[l],dayPlaceholder:i,monthPlaceholder:n,yearPlaceholder:y,hourPlaceholder:h,minutePlaceholder:s,secondPlaceholder:g,placeholder:P,value:p,onChange:f}})};var l=/* @__PURE__ */(e=>(e.date="date",e.dateRange="dateRange",e.time="time",e.timeRange="timeRange",e.dateTime="dateTime",e.dateTimeRange="dateTimeRange",e))(l||{});export{o as D,l as E};

package/dist/types.css

@@ -0,0 +1 @@
+.xtrDatePicker{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);display:flex;width:fit-content;min-width:300px;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px hsl(var(--colorBrandPrimary)/50%);background:var(--primaryColor);color:hsl(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--colorBrandPrimary));clip-path:circle(16px at 22px 50%);border-radius:9999px;z-index:0;opacity:.4;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:after{content:attr(data-testid);position:absolute;top:3px;left:40px;font-size:var(--fontSize);line-height:20px;color:hsl(var(--colorBrandPrimary)/100%);scale:.75;font-variation-settings:"wdth" 75,"wght" 700}.xtrDatePicker .react-datetime-picker__wrapper{position:relative;display:flex;padding:20px 8px 4px 48px;border:none}.xtrDatePicker .react-datetime-picker__wrapper *{line-height:18px;font-size:14px;font-variation-settings:"wdth" 75,"wght" 400}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__inputGroup__input{border:none;outline:none;background:none}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button{position:absolute;left:0;top:0;padding:0;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button>i,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button>i{width:44px;height:44px;font-size:calc(var(--fontSize));color:hsl(var(--colorBrandPrimary)/100%);pointer-events:none;transition:all 0s}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clear-button{position:absolute;top:0;bottom:0;right:8px;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__calendar{position:relative;width:100%;border-radius:4px 4px 22px 22px;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--colorBackgroundPrimary);padding:4px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__calendar .react-calendar{width:100%;background:transparent;border:none;-webkit-user-select:none;user-select:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:before{content:"";position:absolute;inset:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label{position:relative;border-radius:8px;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:before{content:"";position:absolute;inset:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;inset:1;border-radius:9999px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth abbr{color:var(--colorContentTertiary)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--now:before{inset:0;background:none;border:1px solid hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;inset:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive:before{inset:0;background:hsl(var(--colorBrandPrimary)/100%)!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive abbr{color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile{aspect-ratio:unset;color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile:before{inset:3px;border-radius:16px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile--now abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile--now abbr{color:#fff}.xtrDatePicker .react-datetime-picker__clock{--clockColor: hsl(var(--colorBrandPrimary) / 100%);width:100%;height:auto;border-radius:4px 4px 22px 22px;border:none;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--colorBackgroundPrimary);padding:16px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__clock .react-clock{margin:auto}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__face{border-color:var(--clockColor)}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__mark__body,.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__hand__body{background:var(--clockColor)}.xtrDatePicker.react-datetime-picker--open{border-radius:22px 22px 4px 4px!important;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--secondaryColor)}.xtrDatePicker.react-datetime-picker--open:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrDatePicker.react-datetime-picker--open .react-datetime-picker__calendar-button>i{color:#fff!important;font-weight:900}

package/dist/useContext-Dd-uQWg7.js

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

package/dist/useScreen-hc-uEMYs.js

@@ -0,0 +1 @@
+import e from"color-namer";import{colord as t}from"colord";import{a as r}from"./theme-BBSThvgw.js";import{useState as n,useEffect as o}from"react";const a=r=>{const n=t(r).toHex(),o=e(n);let a=null;for(const e of o.ntc)(!a||e.distance<a.distance)&&(a=e);return a?.name||void 0};function s(e){if(e){for(const[t,n]of Object.entries(r))if(e.h===n.h&&e.s===n.s&&e.l===n.l)return t;return a(e)}}const i=e=>!!e&&"number"==typeof e.h&&"number"==typeof e.s&&"number"==typeof e.l,c={mobile:640,tablet:1024};function m(e){const t=e??c,r=Object.keys(t),a=r.map(e=>[e,t[e]]).sort((e,t)=>e[1]-t[1]),s=a.map(([e,t],r)=>0===r?{key:e,query:`(max-width: ${t-1}px)`}:{key:e,query:`(min-width: ${a[r-1][1]}px) and (max-width: ${t-1}px)`}),i=a[a.length-1][1],m="largest";s.push({key:m,query:`(min-width: ${i}px)`});const[f,p]=n(m);return o(()=>{const e=s.map(e=>window.matchMedia(e.query)),t=()=>{for(let t=0;t<e.length;t++)if(e[t].matches){p(s[t].key);break}};return t(),e.forEach(e=>e.addEventListener("change",t)),()=>e.forEach(e=>e.removeEventListener("change",t))},[s]),{screenType:f,...Object.fromEntries(r.map(e=>{return[`is${t=e,t.charAt(0).toUpperCase()+t.slice(1)}`,f===e];var t})),isLargest:f===m}}export{a,s as g,i,m as u};

package/package.json

@@ -1,189 +1,121 @@
 {
-  "name": "xtreme-ui",
-  "version": "0.0.121",
-  "type": "module",
-  "description": "Collection of reusable components that can be used in web projects",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "dev": "storybook dev -p 3001",
-    "build": "vite build",
-    "watch": "vite build -w",
-    "build-storybook": "storybook build -o dist/storybook",
-    "lint": "eslint --max-warnings 50",
-    "clean": "rm -rf node_modules pnpm-lock.yaml && pnpm install"
-  },
-  "dependencies": {
-    "@floating-ui/react": "^0.27.12",
-    "@lottiefiles/dotlottie-react": "^0.14.1",
-    "@uiw/react-color-alpha": "^2.5.5",
-    "@uiw/react-color-shade-slider": "^2.5.5",
-    "@uiw/react-color-wheel": "^2.5.5",
-    "@wojtekmaj/react-datetimerange-picker": "^6.0.0",
-    "clsx": "^2.1.1",
-    "color-namer": "^1.4.0",
-    "colord": "^2.9.3",
-    "globals": "^16.2.0",
-    "react-calendar": "^6.0.0",
-    "react-clock": "^6.0.0",
-    "react-datetime-picker": "^6.0.1",
-    "react-easy-crop": "^5.4.2",
-    "react-select": "^5.10.1",
-    "use-file-picker": "^2.1.4"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.0",
-    "@eslint/js": "^9.28.0",
-    "@storybook/addon-docs": "^9.0.8",
-    "@storybook/addon-links": "^9.0.8",
-    "@storybook/react-vite": "^9.0.8",
-    "@types/lodash": "^4.17.17",
-    "@types/node": "^24.0.1",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@typescript-eslint/eslint-plugin": "^8.34.0",
-    "@typescript-eslint/parser": "^8.34.0",
-    "@vitejs/plugin-react": "^4.5.2",
-    "@vitejs/plugin-react-swc": "^3.10.2",
-    "eslint": "^9.28.0",
-    "eslint-import-resolver-typescript": "^4.4.3",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^9.0.8",
-    "lodash": "^4.17.21",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-router-dom": "^7.6.2",
-    "sass": "^1.89.2",
-    "storybook": "^9.0.8",
-    "stylelint": "^16.20.0",
-    "stylelint-config-standard-scss": "^15.0.1",
-    "stylelint-order": "^7.0.0",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.34.0",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-linter": "^3.0.1",
-    "vite-tsconfig-paths": "^5.1.4"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "files": [
-    "dist"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/itzzritik/XtremeUI.git"
-  },
-  "keywords": [
-    "react",
-    "javascript",
-    "design-systems",
-    "ui",
-    "ui-library",
-    "typescript",
-    "react-components",
-    "vite"
-  ],
-  "author": {
-    "name": "Ritik Srivastava"
-  },
-  "homepage": "https://github.com/itzzritik/XtremeUI#readme",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/itzzritik/XtremeUI/issues"
-  },
-  "readme": "ERROR: No README data found!",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./styles": "./dist/xtreme-ui.css",
-    "./ActionCard": {
-      "import": "./dist/components/base/ActionCard/exports.js",
-      "require": "./dist/components/base/ActionCard/exports.cjs"
-    },
-    "./Avatar": {
-      "import": "./dist/components/base/Avatar/exports.js",
-      "require": "./dist/components/base/Avatar/exports.cjs"
-    },
-    "./Button": {
-      "import": "./dist/components/base/Button/exports.js",
-      "require": "./dist/components/base/Button/exports.cjs"
-    },
-    "./ColorPicker": {
-      "import": "./dist/components/base/ColorPicker/exports.js",
-      "require": "./dist/components/base/ColorPicker/exports.cjs"
-    },
-    "./ColorPopper": {
-      "import": "./dist/components/base/ColorPopper/exports.js",
-      "require": "./dist/components/base/ColorPopper/exports.cjs"
-    },
-    "./DatePicker": {
-      "import": "./dist/components/base/DatePicker/exports.js",
-      "require": "./dist/components/base/DatePicker/exports.cjs"
-    },
-    "./FilePicker": {
-      "import": "./dist/components/base/FilePicker/exports.js",
-      "require": "./dist/components/base/FilePicker/exports.cjs"
-    },
-    "./Icon": {
-      "import": "./dist/components/base/Icon/exports.js",
-      "require": "./dist/components/base/Icon/exports.cjs"
-    },
-    "./Lottie": {
-      "import": "./dist/components/base/Lottie/exports.js",
-      "require": "./dist/components/base/Lottie/exports.cjs"
-    },
-    "./ProgressBar": {
-      "import": "./dist/components/base/ProgressBar/exports.js",
-      "require": "./dist/components/base/ProgressBar/exports.cjs"
-    },
-    "./Select": {
-      "import": "./dist/components/base/Select/exports.js",
-      "require": "./dist/components/base/Select/exports.cjs"
-    },
-    "./Spinner": {
-      "import": "./dist/components/base/Spinner/exports.js",
-      "require": "./dist/components/base/Spinner/exports.cjs"
-    },
-    "./Textfield": {
-      "import": "./dist/components/base/Textfield/exports.js",
-      "require": "./dist/components/base/Textfield/exports.cjs"
-    },
-    "./ImageEditor": {
-      "import": "./dist/components/layout/ImageEditor/exports.js",
-      "require": "./dist/components/layout/ImageEditor/exports.cjs"
-    },
-    "./Navigation": {
-      "import": "./dist/components/layout/Navigation/exports.js",
-      "require": "./dist/components/layout/Navigation/exports.cjs"
-    },
-    "./Sider": {
-      "import": "./dist/components/layout/Sider/exports.js",
-      "require": "./dist/components/layout/Sider/exports.cjs"
-    },
-    "./SiderModal": {
-      "import": "./dist/components/layout/SiderModal/exports.js",
-      "require": "./dist/components/layout/SiderModal/exports.cjs"
-    },
-    "./ThemePicker": {
-      "import": "./dist/components/layout/ThemePicker/exports.js",
-      "require": "./dist/components/layout/ThemePicker/exports.cjs"
-    },
-    "./ThemeSelect": {
-      "import": "./dist/components/layout/ThemeSelect/exports.js",
-      "require": "./dist/components/layout/ThemeSelect/exports.cjs"
-    },
-    "./ThemeSwitch": {
-      "import": "./dist/components/layout/ThemeSwitch/exports.js",
-      "require": "./dist/components/layout/ThemeSwitch/exports.cjs"
-    }
-  }
+	"name": "xtreme-ui",
+	"version": "0.0.122",
+	"type": "module",
+	"description": "Collection of reusable components that can be used in web projects",
+	"main": "dist/index.js",
+	"module": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"scripts": {
+		"dev": "storybook dev -p 3001",
+		"build": "vite build",
+		"watch": "vite build -w",
+		"build-storybook": "storybook build -o dist/storybook",
+		"lint": "eslint --max-warnings 50",
+		"clean": "rm -rf node_modules pnpm-lock.yaml && pnpm install"
+	},
+	"dependencies": {
+		"@floating-ui/react": "^0.27.16",
+		"@lottiefiles/dotlottie-react": "^0.17.13",
+		"@uiw/react-color-alpha": "^2.9.2",
+		"@uiw/react-color-shade-slider": "^2.9.2",
+		"@uiw/react-color-wheel": "^2.9.2",
+		"@wojtekmaj/react-datetimerange-picker": "^7.0.0",
+		"clsx": "^2.1.1",
+		"color-namer": "^1.4.0",
+		"colord": "^2.9.3",
+		"react-calendar": "^6.0.0",
+		"react-clock": "^6.0.0",
+		"react-datetime-picker": "^7.0.1",
+		"react-easy-crop": "^5.5.6",
+		"react-select": "^5.10.2",
+		"use-file-picker": "^2.1.4"
+	},
+	"devDependencies": {
+		"@chromatic-com/storybook": "^5.0.0",
+		"@eslint/js": "^9.39.2",
+		"@storybook/addon-docs": "^10.2.0",
+		"@storybook/addon-links": "^10.2.0",
+		"@storybook/react-vite": "^10.2.0",
+		"@types/lodash": "^4.17.23",
+		"@types/node": "^25.0.10",
+		"@types/react": "^19.2.9",
+		"@types/react-dom": "^19.2.3",
+		"@typescript-eslint/eslint-plugin": "^8.53.1",
+		"@typescript-eslint/parser": "^8.53.1",
+		"@vitejs/plugin-react": "^5.1.2",
+		"@vitejs/plugin-react-swc": "^4.2.2",
+		"eslint": "^9.39.2",
+		"eslint-import-resolver-typescript": "^4.4.4",
+		"eslint-plugin-import": "^2.32.0",
+		"eslint-plugin-react": "^7.37.5",
+		"eslint-plugin-react-hooks": "^7.0.1",
+		"eslint-plugin-react-refresh": "^0.4.26",
+		"eslint-plugin-storybook": "^10.2.0",
+		"globals": "^17.1.0",
+		"lodash": "^4.17.23",
+		"react": "^19.2.3",
+		"react-dom": "^19.2.3",
+		"react-router-dom": "^7.13.0",
+		"sass": "^1.97.3",
+		"storybook": "^10.2.0",
+		"stylelint": "^17.0.0",
+		"stylelint-config-standard-scss": "^17.0.0",
+		"stylelint-order": "^7.0.1",
+		"terser": "^5.46.0",
+		"typescript": "^5.9.3",
+		"typescript-eslint": "^8.53.1",
+		"vite": "^7.3.1",
+		"vite-plugin-dts": "^4.5.4",
+		"vite-plugin-lib-inject-css": "^2.2.2",
+		"vite-tsconfig-paths": "^6.0.5"
+	},
+	"peerDependencies": {
+		"react": ">=18",
+		"react-dom": ">=18",
+		"gliff": "^0.0.9"
+	},
+	"sideEffects": [
+		"**/*.css"
+	],
+	"publishConfig": {
+		"access": "public",
+		"registry": "https://registry.npmjs.org/"
+	},
+	"files": [
+		"dist"
+	],
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/itzzritik/XtremeUI.git"
+	},
+	"keywords": [
+		"react",
+		"javascript",
+		"design-systems",
+		"ui",
+		"ui-library",
+		"typescript",
+		"react-components",
+		"vite"
+	],
+	"author": {
+		"name": "Ritik Srivastava"
+	},
+	"homepage": "https://github.com/itzzritik/XtremeUI#readme",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/itzzritik/XtremeUI/issues"
+	},
+	"readme": "ERROR: No README data found!",
+	"exports": {
+		".": {
+			"import": "./dist/index.js"
+		},
+		"./styles": "./dist/xtreme-ui.css",
+		"./*": {
+			"types": "./dist/components/*/exports.d.ts",
+			"import": "./dist/components/*/exports.js"
+		}
+	}
 }

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

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

@@ -1,39 +0,0 @@
-"use client";
-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: a,
-    children: c,
-    style: s = {},
-    size: r = "default",
-    onClick: n
-  } = i, o = Array.isArray(r) ? r : [t[r], t[r]], d = p(
-    "xtrActionCard",
-    "shadowRipple",
-    `${r}Size`,
-    a
-  );
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      ref: e,
-      className: d,
-      style: {
-        "--cardWidth": `${o[0]}px`,
-        "--cardHeight": `${o[1]}px`,
-        ...s
-      },
-      onClick: n,
-      role: "contentinfo",
-      children: c
-    }
-  );
-});
-f.displayName = "ActionCard";
-export {
-  f as ActionCard
-};

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

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

@@ -1,8 +0,0 @@
-/* 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

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

@@ -1,4 +0,0 @@
-var u = /* @__PURE__ */ ((l) => (l[l.mini = 100] = "mini", l[l.default = 164] = "default", l[l.large = 254] = "large", l))(u || {});
-export {
-  u as EActionCardSize
-};

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

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