welcome-ui 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/Swiper.js

@@ -138,4 +138,4 @@
         }
       `}
     }
-  `),Ct=(t={})=>{const{autoplay:e=!1,centeredSlides:n=!1,duration:s=5e3,firstSlideToShow:r=0,fullWidth:a=!1,id:d="swiper",loop:l=!1,navigationSize:y="md",slidesPerView:m={mobile:1,tablet:1,desktop:1},spaceBetween:A=20,withDarkUI:S=!1,withNavigation:R={mobile:!0,desktop:!0},withPagination:f={mobile:!1,desktop:!1}}=t,I=l||e,{width:v}=ot.useViewportSize(),[k,b]=o.useState(0),[T,O]=o.useState(!1),[M,p]=o.useState(!1),i=o.useRef(),{screens:g}=c.useTheme(),P=o.useMemo(()=>v<=g.md?m.mobile:v<=g.lg?m.tablet:v>=g["4xl"]&&a?m.desktop+2:m.desktop,[a,v,g,m]);return{centeredSlides:n,firstSlideToShow:r,currentSlidesPerView:P,currentPage:k,setCurrentPage:b,fullWidth:a,id:d,navigationSize:y,slidesPerView:m,spaceBetween:A,withNavigation:R,withPagination:f,autoplay:e,shouldLoop:I,duration:s,withDarkUI:S,ref:i,setShowLeftArrow:O,setShowRightArrow:p,showLeftArrow:T,showRightArrow:M}},Z=({children:t,dataTestId:e,store:n,...s})=>{const{autoplay:r,centeredSlides:a,currentPage:d,currentSlidesPerView:l,duration:y,firstSlideToShow:m,fullWidth:A,id:S,navigationSize:R,ref:f,setCurrentPage:I,setShowLeftArrow:v,setShowRightArrow:k,shouldLoop:b,showLeftArrow:T,showRightArrow:O,slidesPerView:M,spaceBetween:p,withDarkUI:i,withNavigation:g,withPagination:P}=n,W=o.Children.toArray(t).length,H=Math.ceil(W/l),C=Array.from(Array(H).keys()),U=d===0,q=d===C.length-1,tt=o.Children.map(t,(w,u)=>{const h=`${S}-${u}`,$=u+1,L=Math.ceil($/l)-1,E=q?W-$>=l:L!==d;return o.cloneElement(w,{...w.props,id:h,key:h,"aria-hidden":E,"aria-roledescription":"slide","aria-label":`${$} of ${W}`})}),et=a?Math.floor(H/2):Math.ceil(m/l)-1,G=o.useCallback(()=>{const w=f==null?void 0:f.current;if(w&&!b){const{offsetWidth:u,scrollLeft:h,scrollWidth:$}=w,L=!(h>p),E=!($-(h+u)>p);v(!L),k(!E)}else v(!0),k(!0)},[f,v,k,b,p]),nt=()=>{var u,h;const w=f==null?void 0:f.current;if(w){const{children:$,offsetWidth:L,scrollLeft:E,scrollWidth:F}=w,rt=(h=(u=$==null?void 0:$[0])==null?void 0:u.getBoundingClientRect())==null?void 0:h.width,B=!(F-(E+L)>p)?C.length-1:Math.round(E/((rt+p)*l));B!==d&&I(B)}},it=Et(()=>{G(),nt()},100),j=o.useCallback((w,u=!1)=>{var L,E,F;const h=f==null?void 0:f.current,$=(F=(E=(L=h==null?void 0:h.children)==null?void 0:L[0])==null?void 0:E.getBoundingClientRect())==null?void 0:F.width;h==null||h.scrollTo({left:w*($+p)*l,top:0,behavior:u?"auto":"smooth"})},[l,p,f]),N=o.useCallback(()=>{j(b&&q?0:d+1)},[d,j,q,b]),V=o.useCallback(()=>{j(U&&b?C.length-1:d-1)},[C.length,d,j,U,b]);return Rt(()=>{r&&N()},r?y:null),o.useEffect(()=>{const w=u=>{u.code==="ArrowLeft"&&V(),u.code==="ArrowRight"&&N()};return window.addEventListener("keydown",w),()=>window.removeEventListener("keydown",w)},[V,N]),o.useEffect(()=>{j(et,!0)},[]),o.useEffect(()=>{G()},[G,t]),o.createElement(Y,{"data-testid":e,...s},o.createElement(Lt,{fullWidth:A,onScroll:it,ref:f,slidesPerView:M,spaceBetween:p},tt),o.createElement(Q,{"data-testid":e&&`${e}-prev-button`,disabled:!T,left:10,onClick:V,position:"absolute",shape:"circle",size:R,variant:i?"secondary":"ghost",withDarkUI:i,withNavigation:g},o.createElement(K.Icons.Left,null)),o.createElement(Q,{"data-testid":e&&`${e}-next-button`,disabled:!O,onClick:N,position:"absolute",right:10,shape:"circle",size:R,variant:i?"secondary":"ghost",withDarkUI:i,withNavigation:g},o.createElement(K.Icons.Right,null)),o.createElement(kt,{className:"swiper-pagination","data-testid":e&&`${e}-pagination`,role:"tablist",withPagination:P},C.length>1&&C.map((w,u)=>{const h={idx:u,role:"tab","aria-controls":`${S}-${u}`,"aria-label":`${u+1} of ${C.length}`,"aria-selected":u===d,onClick:()=>j(u)};return o.createElement(jt,{active:u===d,key:`bullet-${u+1}`,withDarkUI:i,...h})})))};Z.displayName="Swiper";const At=Y;exports.StyledSwiper=At;exports.Swiper=Z;exports.useSwiper=Ct;
+  `),Ct=(t={})=>{const{autoplay:e=!1,centeredSlides:n=!1,duration:s=5e3,firstSlideToShow:r=0,fullWidth:a=!1,id:d="swiper",loop:l=!1,navigationSize:y="md",slidesPerView:m={mobile:1,tablet:1,desktop:1},spaceBetween:A=20,withDarkUI:S=!1,withNavigation:R={mobile:!0,desktop:!0},withPagination:f={mobile:!1,desktop:!1}}=t,I=l||e,{width:v}=ot.useViewportSize(),[k,b]=o.useState(0),[T,O]=o.useState(!1),[M,p]=o.useState(!1),i=o.useRef(),{screens:g}=c.useTheme(),P=o.useMemo(()=>v<=g.md?m.mobile:v<=g.lg?m.tablet:v>=g["4xl"]&&a?m.desktop+2:m.desktop,[a,v,g,m]);return{centeredSlides:n,firstSlideToShow:r,currentSlidesPerView:P,currentPage:k,setCurrentPage:b,fullWidth:a,id:d,navigationSize:y,slidesPerView:m,spaceBetween:A,withNavigation:R,withPagination:f,autoplay:e,shouldLoop:I,duration:s,withDarkUI:S,ref:i,setShowLeftArrow:O,setShowRightArrow:p,showLeftArrow:T,showRightArrow:M}},Z=({children:t,dataTestId:e,store:n,...s})=>{const{autoplay:r,centeredSlides:a,currentPage:d,currentSlidesPerView:l,duration:y,firstSlideToShow:m,fullWidth:A,id:S,navigationSize:R,ref:f,setCurrentPage:I,setShowLeftArrow:v,setShowRightArrow:k,shouldLoop:b,showLeftArrow:T,showRightArrow:O,slidesPerView:M,spaceBetween:p,withDarkUI:i,withNavigation:g,withPagination:P}=n,W=o.Children.toArray(t).length,H=Math.ceil(W/l),C=Array.from(Array(H).keys()),U=d===0,q=d===C.length-1,tt=o.Children.map(t,(w,u)=>{const h=`${S}-${u}`,$=u+1,L=Math.ceil($/l)-1,E=q?W-$>=l:L!==d;return o.cloneElement(w,{...w.props,id:h,key:h,"aria-hidden":E,"aria-roledescription":"slide","aria-label":`${$} of ${W}`})}),et=a?Math.floor(H/2):Math.ceil(m/l)-1,G=o.useCallback(()=>{const w=f==null?void 0:f.current;if(w&&!b){const{offsetWidth:u,scrollLeft:h,scrollWidth:$}=w,L=!(h>p),E=!($-(h+u)>p);v(!L),k(!E)}else v(!0),k(!0)},[f,v,k,b,p]),nt=()=>{var u,h;const w=f==null?void 0:f.current;if(w){const{children:$,offsetWidth:L,scrollLeft:E,scrollWidth:N}=w,rt=(h=(u=$==null?void 0:$[0])==null?void 0:u.getBoundingClientRect())==null?void 0:h.width,B=!(N-(E+L)>p)?C.length-1:Math.round(E/((rt+p)*l));B!==d&&I(B)}},it=Et(()=>{G(),nt()},100),j=o.useCallback((w,u=!1)=>{var L,E,N;const h=f==null?void 0:f.current,$=(N=(E=(L=h==null?void 0:h.children)==null?void 0:L[0])==null?void 0:E.getBoundingClientRect())==null?void 0:N.width;h==null||h.scrollTo({left:w*($+p)*l,top:0,behavior:u?"auto":"smooth"})},[l,p,f]),F=o.useCallback(()=>{j(b&&q?0:d+1)},[d,j,q,b]),V=o.useCallback(()=>{j(U&&b?C.length-1:d-1)},[C.length,d,j,U,b]);return Rt(()=>{r&&F()},r?y:null),o.useEffect(()=>{const w=u=>{u.code==="ArrowLeft"&&V(),u.code==="ArrowRight"&&F()};return window.addEventListener("keydown",w),()=>window.removeEventListener("keydown",w)},[V,F]),o.useEffect(()=>{j(et,!0)},[]),o.useEffect(()=>{G()},[G,t]),o.createElement(Y,{"data-testid":e,...s},o.createElement(Lt,{fullWidth:A,onScroll:it,ref:f,slidesPerView:M,spaceBetween:p},tt),o.createElement(Q,{"data-testid":e&&`${e}-prev-button`,disabled:!T,left:10,onClick:V,position:"absolute",shape:"circle",size:R,variant:i?"secondary":"ghost",withDarkUI:i,withNavigation:g},o.createElement(K.IconFont.Left,null)),o.createElement(Q,{"data-testid":e&&`${e}-next-button`,disabled:!O,onClick:F,position:"absolute",right:10,shape:"circle",size:R,variant:i?"secondary":"ghost",withDarkUI:i,withNavigation:g},o.createElement(K.IconFont.Right,null)),o.createElement(kt,{className:"swiper-pagination","data-testid":e&&`${e}-pagination`,role:"tablist",withPagination:P},C.length>1&&C.map((w,u)=>{const h={idx:u,role:"tab","aria-controls":`${S}-${u}`,"aria-label":`${u+1} of ${C.length}`,"aria-selected":u===d,onClick:()=>j(u)};return o.createElement(jt,{active:u===d,key:`bullet-${u+1}`,withDarkUI:i,...h})})))};Z.displayName="Swiper";const At=Y;exports.StyledSwiper=At;exports.Swiper=Z;exports.useSwiper=Ct;

package/dist/Swiper.mjs

@@ -2,7 +2,7 @@
 import A, { useRef as rt, useEffect as M, useState as K, useMemo as ft, Children as Y, cloneElement as ht, useCallback as D } from "react";
 import { c as V, g as gt } from "./_commonjsHelpers-CXJ7dpIk.mjs";
 import N, { system as ot, css as y, th as Z, useTheme as mt } from "@xstyled/styled-components";
-import { Icons as tt } from "./IconFont.mjs";
+import { IconFont as tt } from "./IconFont.mjs";
 import { u as pt } from "./use-viewport-m3glsbna.mjs";
 import { Button as wt } from "./Button.mjs";
 var $t = "Expected a function", et = NaN, yt = "[object Symbol]", bt = /^\s+|\s+$/g, vt = /^[-+]0x[0-9a-f]+$/i, St = /^0b[01]+$/i, xt = /^0o[0-7]+$/i, Pt = parseInt, Rt = typeof V == "object" && V && V.Object === Object && V, Lt = typeof self == "object" && self && self.Object === Object && self, kt = Rt || Lt || Function("return this")(), Et = Object.prototype, At = Et.toString, jt = Math.max, Ct = Math.min, X = function() {
@@ -147,7 +147,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
       display: ${t ? "flex" : "none"};
     }
   `
-), _t = N.div(
+), Ft = N.div(
   ({ active: t, withDarkUI: e }) => y`
     height: 10;
     width: 10;
@@ -160,7 +160,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     `}
     ${ot}
   `
-), Ft = N.ulBox(({ fullWidth: t, slidesPerView: { desktop: e, mobile: n, tablet: o }, spaceBetween: r, theme: s }) => y`
+), _t = N.ulBox(({ fullWidth: t, slidesPerView: { desktop: e, mobile: n, tablet: o }, spaceBetween: r, theme: s }) => y`
     scroll-snap-type: x mandatory;
     display: flex;
     -webkit-overflow-scrolling: touch;
@@ -334,15 +334,15 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     var l, u;
     const m = d == null ? void 0 : d.current;
     if (m) {
-      const { children: $, offsetWidth: E, scrollLeft: P, scrollWidth: F } = m, ut = (u = (l = $ == null ? void 0 : $[0]) == null ? void 0 : l.getBoundingClientRect()) == null ? void 0 : u.width, Q = !(F - (P + E) > g) ? j.length - 1 : Math.round(P / ((ut + g) * a));
+      const { children: $, offsetWidth: E, scrollLeft: P, scrollWidth: _ } = m, ut = (u = (l = $ == null ? void 0 : $[0]) == null ? void 0 : l.getBoundingClientRect()) == null ? void 0 : u.width, Q = !(_ - (P + E) > g) ? j.length - 1 : Math.round(P / ((ut + g) * a));
       Q !== c && O(Q);
     }
   }, dt = zt(() => {
     U(), ct();
   }, 100), k = D(
     (m, l = !1) => {
-      var E, P, F;
-      const u = d == null ? void 0 : d.current, $ = (F = (P = (E = u == null ? void 0 : u.children) == null ? void 0 : E[0]) == null ? void 0 : P.getBoundingClientRect()) == null ? void 0 : F.width;
+      var E, P, _;
+      const u = d == null ? void 0 : d.current, $ = (_ = (P = (E = u == null ? void 0 : u.children) == null ? void 0 : E[0]) == null ? void 0 : P.getBoundingClientRect()) == null ? void 0 : _.width;
       u == null || u.scrollTo({
         left: m * ($ + g) * a,
         top: 0,
@@ -351,27 +351,27 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
       });
     },
     [a, g, d]
-  ), _ = D(() => {
+  ), F = D(() => {
     k(p && H ? 0 : c + 1);
   }, [c, k, H, p]), G = D(() => {
     k(J && p ? j.length - 1 : c - 1);
   }, [j.length, c, k, J, p]);
   return Mt(
     () => {
-      r && _();
+      r && F();
     },
     r ? w : null
   ), M(() => {
     const m = (l) => {
-      l.code === "ArrowLeft" && G(), l.code === "ArrowRight" && _();
+      l.code === "ArrowLeft" && G(), l.code === "ArrowRight" && F();
     };
     return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-  }, [G, _]), M(() => {
+  }, [G, F]), M(() => {
     k(lt, !0);
   }, []), M(() => {
     U();
   }, [U, t]), /* @__PURE__ */ A.createElement(st, { "data-testid": e, ...o }, /* @__PURE__ */ A.createElement(
-    Ft,
+    _t,
     {
       fullWidth: C,
       onScroll: dt,
@@ -400,7 +400,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     {
       "data-testid": e && `${e}-next-button`,
       disabled: !I,
-      onClick: _,
+      onClick: F,
       position: "absolute",
       right: 10,
       shape: "circle",
@@ -428,7 +428,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
         onClick: () => k(l)
       };
       return /* @__PURE__ */ A.createElement(
-        _t,
+        Ft,
         {
           active: l === c,
           key: `bullet-${l + 1}`,

package/dist/Tag.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index-Cs1IZBks.js"),l=require("react"),S=require("./System.js"),w=require("./wrap-children-BLDjJiiy.js"),t=require("@xstyled/styled-components"),q=require("./Icon.js"),d=require("./overflow-ellipsis-C2ESrF8C.js"),h=require("./get-max-width-height-CDLBnp_J.js"),C=(s,e,n)=>t.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),v=require("./Icon.js"),S=require("./index-C1FV1q-F.js"),w=require("./System.js"),q=require("./wrap-children-BLDjJiiy.js"),t=require("@xstyled/styled-components"),d=require("./overflow-ellipsis-C2ESrF8C.js"),h=require("./get-max-width-height-CDLBnp_J.js"),C=(s,e,n)=>t.css`
   ${t.th(`tags.shape.${s}`)}
   padding: 0;
   ${(e||n)&&t.css`
@@ -53,7 +53,7 @@
     }
 
     > *:not(:only-child) {
-      ${q.StyledIcon}:last-child {
+      ${v.StyledIcon}:last-child {
         opacity: 1;
         transition: opacity ${t.th.transition("medium")};
         cursor: pointer;
@@ -75,4 +75,4 @@
   `),E=t.buttonBox`
   all: unset;
   display: flex;
-`,u=S.forwardRef(({as:s,children:e,dataTestId:n,href:r,onClick:o,onRemove:i,size:a="md",to:c,variant:p="default",...$},y)=>{const m=w.wrapChildren(e),f=!!(e||e===0)&&["number","string"].includes(typeof e)?e.toString().length:void 0,x=!!r||!!c;return l.createElement(g,{as:s,"data-testid":n,hasClickAction:!!o,hasLink:x,hasRemoveAction:!!i,href:r,length:f,onClick:o,ref:y,size:a,to:c,variant:p,...$},m,!!i&&l.createElement(b,{size:a},l.createElement(E,{onClick:i,title:"Remove",type:"button"},l.createElement(v.CrossIcon,{size:"xs",title:"Remove"}))))});u.displayName="Tag";const T=g;exports.StyledTag=T;exports.Tag=u;
+`,u=w.forwardRef(({as:s,children:e,dataTestId:n,href:r,onClick:o,onRemove:i,size:a="md",to:c,variant:p="default",...$},y)=>{const m=q.wrapChildren(e),f=!!(e||e===0)&&["number","string"].includes(typeof e)?e.toString().length:void 0,x=!!r||!!c;return l.createElement(g,{as:s,"data-testid":n,hasClickAction:!!o,hasLink:x,hasRemoveAction:!!i,href:r,length:f,onClick:o,ref:y,size:a,to:c,variant:p,...$},m,!!i&&l.createElement(b,{size:a},l.createElement(E,{onClick:i,title:"Remove",type:"button"},l.createElement(S.CrossIcon,{size:"xs",title:"Remove"}))))});u.displayName="Tag";const T=g;exports.StyledTag=T;exports.Tag=u;

package/dist/Tag.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { C } from "./index-ColyClKR.mjs";
 import d from "react";
-import { forwardRef as w } from "./System.mjs";
-import { w as S } from "./wrap-children-aq69jtFP.mjs";
-import m, { css as n, th as i, system as b } from "@xstyled/styled-components";
-import { StyledIcon as A } from "./Icon.mjs";
+import { StyledIcon as C } from "./Icon.mjs";
+import { C as w } from "./index-C7zM96J_.mjs";
+import { forwardRef as S } from "./System.mjs";
+import { w as b } from "./wrap-children-aq69jtFP.mjs";
+import m, { css as n, th as i, system as A } from "@xstyled/styled-components";
 import { o as p } from "./overflow-ellipsis-DGV5Kgt-.mjs";
 import { g } from "./get-max-width-height-DoUro2T7.mjs";
 const E = (e, t, s) => n`
@@ -29,7 +29,7 @@ const E = (e, t, s) => n`
     transition: medium;
     max-width: 100%;
     ${p}
-    ${b}
+    ${A}
     ${a !== 1 && n`
       span,
       p {
@@ -66,7 +66,7 @@ const E = (e, t, s) => n`
 
     > *:not(:only-child) {
       ${/* sc-selector */
-  A}:last-child {
+  C}:last-child {
         opacity: 1;
         transition: opacity ${i.transition("medium")};
         cursor: pointer;
@@ -91,7 +91,7 @@ const E = (e, t, s) => n`
 ), k = m.buttonBox`
   all: unset;
   display: flex;
-`, R = w(
+`, R = S(
   ({
     as: e,
     children: t,
@@ -104,7 +104,7 @@ const E = (e, t, s) => n`
     variant: $ = "default",
     ...f
   }, u) => {
-    const y = S(t), x = !!(t || t === 0) && ["number", "string"].includes(typeof t) ? t.toString().length : void 0, v = !!c || !!l;
+    const y = b(t), x = !!(t || t === 0) && ["number", "string"].includes(typeof t) ? t.toString().length : void 0, v = !!c || !!l;
     return /* @__PURE__ */ d.createElement(
       h,
       {
@@ -123,7 +123,7 @@ const E = (e, t, s) => n`
         ...f
       },
       y,
-      !!o && /* @__PURE__ */ d.createElement(I, { size: r }, /* @__PURE__ */ d.createElement(k, { onClick: o, title: "Remove", type: "button" }, /* @__PURE__ */ d.createElement(C, { size: "xs", title: "Remove" })))
+      !!o && /* @__PURE__ */ d.createElement(I, { size: r }, /* @__PURE__ */ d.createElement(k, { onClick: o, title: "Remove", type: "button" }, /* @__PURE__ */ d.createElement(w, { size: "xs", title: "Remove" })))
     );
   }
 );

package/dist/TimePicker.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("./CustomInput-9aCUiD6o.js"),H=require("./System.js"),I=require("@xstyled/styled-components"),O=I.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("./CustomInput-NV_j0IWq.js"),H=require("./System.js"),I=require("@xstyled/styled-components"),O=I.div`
   position: relative;
   ${c.fixAriaMessageStyle}
 `,S=H.forwardRef(({autoFocus:y,dataTestId:E,dateFormat:k="HH:mm",disabled:P,icon:a,iconPlacement:u="left",onBlur:m,onChange:t,onFocus:n,placeholder:g,popperProps:h,size:d="md",timeIntervals:p=15,transparent:q,value:l=c.DEFAULT_DATE,...f},D)=>{const i=e=>c.getDate(e,p),F=g||f.placeholderText,[R,T]=s.useState(y&&"time"||null),[b,o]=s.useState(i(l));s.useEffect(()=>{t&&t(i(l))},[]),s.useEffect(()=>{var r;const e=i(l);((r=new Date(l))==null?void 0:r.getTime())-(e==null?void 0:e.getTime())!==0&&t&&t(e),o(e)},[l]);const x=e=>{T("time"),n&&n(e)},A=e=>{T(null),m&&m(e)},M=e=>{e.preventDefault(),o(null),t&&t()},N=e=>{if(!e)return;const r=i(e);e.setFullYear(r.getFullYear(),r.getMonth(),r.getDate()),o(e),t&&t(new Date(e))};return s.createElement(O,null,s.createElement(c.StyledTimePicker,{calendarClassName:"time-picker-popper",customInput:s.createElement(c.CustomInput,{className:"time-picker","data-testid":E,focused:R,handleBlur:A,handleFocus:x,icon:a,iconPlacement:u,onReset:M,ref:D,size:d}),dateFormat:k,disabled:P,iconPlacement:!!a&&u,onChange:N,placeholderText:F,popperContainer:c.CustomPopper,popperProps:h,selected:b,showTimeSelect:!0,showTimeSelectOnly:!0,size:d,timeIntervals:p,transparent:q,...f,isClearable:!1}))});S.displayName="TimePicker";exports.TimePicker=S;

package/dist/TimePicker.mjs

@@ -1,6 +1,6 @@
 "use client";
 import c, { useState as T, useEffect as E } from "react";
-import { f as M, a as Y, c as w, b as I, D as L, g as O } from "./CustomInput-CenfXh_H.mjs";
+import { f as M, a as Y, c as w, b as I, D as L, g as O } from "./CustomInput-DUq7mNvC.mjs";
 import { forwardRef as U } from "./System.mjs";
 import W from "@xstyled/styled-components";
 const $ = W.div`

package/dist/VariantIcon.js

@@ -1,8 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./index-Cs1IZBks.js"),i=require("./System.js"),l=require("@xstyled/styled-components"),f=l.divBox(({variant:r})=>l.css`
-    display: inline-flex;
-    ${l.th(`variantIcon.${r}`)}
-    flex-shrink: 0;
-    align-self: center;
-
-    ${l.system};
-  `),u=i.forwardRef(({icon:r,size:t="md",variant:e,...s},a)=>{const o=n.useMemo(()=>{if(r===null)return null;if(r)return r;if(e==="default")return n.createElement(c.PromoteIcon,{size:t});if(e==="success")return n.createElement(c.CheckIcon,{size:t});if(e==="info")return n.createElement(c.InformationIcon,{size:t});if(e==="warning")return n.createElement(c.AlertIcon,{size:t});if(e==="danger")return n.createElement(c.SquareAlertIcon,{size:t})},[t,r,e]);return o?n.createElement(f,{ref:a,variant:e,...s},o):null});u.displayName="VariantIcon";exports.VariantIcon=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("./Icon.js");const e=require("./index-CiYwvMF0.js");require("./System.js");exports.VariantIcon=e.VariantIcon;

package/dist/VariantIcon.mjs

@@ -1,32 +1,7 @@
-"use client";
-import n, { useMemo as a } from "react";
-import { P as f, a as m, I as u, A as s, b as i } from "./index-ColyClKR.mjs";
-import { forwardRef as I } from "./System.mjs";
-import d, { css as p, th as E, system as x } from "@xstyled/styled-components";
-const y = d.divBox(
-  ({ variant: r }) => p`
-    display: inline-flex;
-    ${E(`variantIcon.${r}`)}
-    flex-shrink: 0;
-    align-self: center;
-
-    ${x};
-  `
-), _ = I(
-  ({ icon: r, size: t = "md", variant: e, ...l }, c) => {
-    const o = a(() => {
-      if (r === null) return null;
-      if (r) return r;
-      if (e === "default") return /* @__PURE__ */ n.createElement(f, { size: t });
-      if (e === "success") return /* @__PURE__ */ n.createElement(m, { size: t });
-      if (e === "info") return /* @__PURE__ */ n.createElement(u, { size: t });
-      if (e === "warning") return /* @__PURE__ */ n.createElement(s, { size: t });
-      if (e === "danger") return /* @__PURE__ */ n.createElement(i, { size: t });
-    }, [t, r, e]);
-    return o ? /* @__PURE__ */ n.createElement(y, { ref: c, variant: e, ...l }, o) : null;
-  }
-);
-_.displayName = "VariantIcon";
+import "react";
+import "./Icon.mjs";
+import { V as p } from "./index-DRa_xux4.mjs";
+import "./System.mjs";
 export {
-  _ as VariantIcon
+  p as VariantIcon
 };

package/dist/WuiProvider.js

@@ -1,13 +1,13 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("@xstyled/styled-components");function p(e,n,i){return i?n.map(o=>`url('${e}.${o}') format('${o}-variations')`).join(", "):n.map(o=>`url('${e}.${o}') format('${o}')`).join(", ")}function d({name:e,variation:{display:n="swap",extensions:i=["woff2","woff"],isVariable:o,style:a,unicodeRange:s,url:l,weight:c}}){return t.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),t=require("@xstyled/styled-components");function b(e,n,i){return i?n.map(o=>`url('${e}.${o}') format('${o}-variations')`).join(", "):n.map(o=>`url('${e}.${o}') format('${o}')`).join(", ")}function d({name:e,variation:{display:n="swap",extensions:i=["woff2","woff"],isVariable:o,style:r,unicodeRange:s,url:l,weight:c}}){return t.css`
     @font-face {
       font-family: ${e};
-      src: ${p(l,i,o)};
+      src: ${b(l,i,o)};
       font-display: ${n};
       ${c&&t.css`
         font-weight: ${c};
       `}
-      ${a&&t.css`
-        font-style: ${a};
+      ${r&&t.css`
+        font-style: ${r};
       `}
       ${s&&t.css`
         unicode-range: ${s};
@@ -193,7 +193,7 @@
   }
 
   pre {
-    font-family: monospace, monospace;
+    font-family: monospace;
     font-size: 1em;
   }
 
@@ -215,7 +215,7 @@
   code,
   kbd,
   samp {
-    font-family: monospace, monospace;
+    font-family: monospace;
     font-size: 1em;
   }
 
@@ -268,6 +268,7 @@
   [type='button'],
   [type='reset'],
   [type='submit'] {
+    appearance: button;
     -webkit-appearance: button;
   }
 
@@ -319,6 +320,7 @@
   }
 
   [type='search'] {
+    appearance: textfield;
     -webkit-appearance: textfield;
     outline-offset: -2px;
   }
@@ -398,8 +400,8 @@
     .Toaster__message-wrapper {
       min-height: 'auto';
     }
-  `),u="data-wui-hidefocusrings",k=t.createGlobalStyle(()=>t.css`
+  `),u="data-wui-hidefocusrings",x=t.createGlobalStyle(()=>t.css`
     [${u}] *:focus {
       outline: none;
     }
-  `),v=({children:e,reactRootId:n})=>{const[i,o]=r.useState(!1);return r.useEffect(()=>{const a=i?"keydown":"mousemove",s=()=>o(c=>!c);window.addEventListener(a,s);const l=document.getElementById(n);return l&&(i?l.setAttribute(u,"true"):l.removeAttribute(u)),()=>{window.removeEventListener(a,s)}},[i,n]),r.createElement(r.Fragment,null,r.createElement(k,null),e)},b=({children:e,hasGlobalStyle:n=!0,reactRootId:i="root",shouldHideFocusRingOnClick:o=!0,theme:a,useReset:s})=>r.createElement(t.ThemeProvider,{theme:a},r.createElement(r.Fragment,null,n&&r.createElement(w,{useReset:s}),o?r.createElement(v,{reactRootId:i},e):e));b.displayName="WuiProvider";exports.WuiProvider=b;
+  `),k=({children:e,reactRootId:n})=>{const[i,o]=a.useState(!1);return a.useEffect(()=>{const r=i?"keydown":"mousemove",s=()=>o(c=>!c);window.addEventListener(r,s);const l=document.getElementById(n);return l&&(i?l.setAttribute(u,"true"):l.removeAttribute(u)),()=>{window.removeEventListener(r,s)}},[i,n]),a.createElement(a.Fragment,null,a.createElement(x,null),e)},p=({children:e,hasGlobalStyle:n=!0,reactRootId:i="root",shouldHideFocusRingOnClick:o=!0,theme:r,useReset:s})=>a.createElement(t.ThemeProvider,{theme:r},a.createElement(a.Fragment,null,n&&a.createElement(w,{useReset:s}),o?a.createElement(k,{reactRootId:i},e):e));p.displayName="WuiProvider";exports.WuiProvider=p;

package/dist/WuiProvider.mjs

@@ -215,7 +215,7 @@ const y = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
   }
 
   pre {
-    font-family: monospace, monospace;
+    font-family: monospace;
     font-size: 1em;
   }
 
@@ -237,7 +237,7 @@ const y = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
   code,
   kbd,
   samp {
-    font-family: monospace, monospace;
+    font-family: monospace;
     font-size: 1em;
   }
 
@@ -290,6 +290,7 @@ const y = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
   [type='button'],
   [type='reset'],
   [type='submit'] {
+    appearance: button;
     -webkit-appearance: button;
   }
 
@@ -341,6 +342,7 @@ const y = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
   }
 
   [type='search'] {
+    appearance: textfield;
     -webkit-appearance: textfield;
     outline-offset: -2px;
   }