welcome-ui 7.2.0 → 7.4.0

package/dist/Breadcrumb.mjs

@@ -5,6 +5,7 @@ import R, { th as z, css as ne } from "@xstyled/styled-components";
 import { forwardRef as ie } from "./System.mjs";
 import { Box as we } from "./Box.mjs";
 import { h as ze } from "./hex-to-rgba-BIDK-3ab.mjs";
+import "./overflow-ellipsis-DGV5Kgt-.mjs";
 import "./Icon.mjs";
 import { R as Oe } from "./index-BRDOakbf.mjs";
 var x = [], Re = function() {
@@ -432,10 +433,10 @@ const Xe = (e, t, r) => Math.min(Math.max(e, t), r), qe = R.aBox`
   }
 );
 he.displayName = "Breadcrumb";
-const ot = Object.assign(he, {
+const st = Object.assign(he, {
   Item: Ue
 });
 export {
-  ot as Breadcrumb,
+  st as Breadcrumb,
   he as BreadcrumbComponent
 };

package/dist/Swiper.mjs

@@ -1,18 +1,18 @@
 "use client";
-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 A, { useRef as rt, useEffect as z, 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 M, { system as ot, css as b, th as Z, useTheme as mt } from "@xstyled/styled-components";
 import { u as pt } from "./use-viewport-m3glsbna.mjs";
 import { Button as wt } from "./Button.mjs";
 import { IconsFont as tt } from "./IconsFont.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() {
+var $t = "Expected a function", et = NaN, bt = "[object Symbol]", yt = /^\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() {
   return kt.Date.now();
 };
 function Tt(t, e, n) {
-  var o, r, s, c, a, w, h = 0, C = !1, b = !1, R = !0;
+  var o, r, s, c, a, w, h = 0, C = !1, y = !1, R = !0;
   if (typeof t != "function")
     throw new TypeError($t);
-  e = nt(e) || 0, q(n) && (C = !!n.leading, b = "maxWait" in n, s = b ? jt(nt(n.maxWait) || 0, e) : s, R = "trailing" in n ? !!n.trailing : R);
+  e = nt(e) || 0, q(n) && (C = !!n.leading, y = "maxWait" in n, s = y ? jt(nt(n.maxWait) || 0, e) : s, R = "trailing" in n ? !!n.trailing : R);
   function d(i) {
     var f = o, x = r;
     return o = r = void 0, h = i, c = t.apply(x, f), c;
@@ -22,11 +22,11 @@ function Tt(t, e, n) {
   }
   function v(i) {
     var f = i - w, x = i - h, W = e - f;
-    return b ? Ct(W, s - x) : W;
+    return y ? Ct(W, s - x) : W;
   }
   function L(i) {
     var f = i - w, x = i - h;
-    return w === void 0 || f >= e || f < 0 || b && x >= s;
+    return w === void 0 || f >= e || f < 0 || y && x >= s;
   }
   function p() {
     var i = X();
@@ -40,7 +40,7 @@ function Tt(t, e, n) {
   function I() {
     a !== void 0 && clearTimeout(a), h = 0, o = w = r = a = void 0;
   }
-  function z() {
+  function N() {
     return a === void 0 ? c : T(X());
   }
   function g() {
@@ -48,12 +48,12 @@ function Tt(t, e, n) {
     if (o = arguments, r = this, w = i, f) {
       if (a === void 0)
         return O(w);
-      if (b)
+      if (y)
         return a = setTimeout(p, e), d(w);
     }
     return a === void 0 && (a = setTimeout(p, e)), c;
   }
-  return g.cancel = I, g.flush = z, g;
+  return g.cancel = I, g.flush = N, g;
 }
 function q(t) {
   var e = typeof t;
@@ -63,7 +63,7 @@ function Wt(t) {
   return !!t && typeof t == "object";
 }
 function Ot(t) {
-  return typeof t == "symbol" || Wt(t) && At.call(t) == yt;
+  return typeof t == "symbol" || Wt(t) && At.call(t) == bt;
 }
 function nt(t) {
   if (typeof t == "number")
@@ -76,16 +76,16 @@ function nt(t) {
   }
   if (typeof t != "string")
     return t === 0 ? t : +t;
-  t = t.replace(bt, "");
+  t = t.replace(yt, "");
   var n = St.test(t);
   return n || xt.test(t) ? Pt(t.slice(2), n ? 2 : 8) : vt.test(t) ? et : +t;
 }
 var It = Tt;
-const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
+const Nt = /* @__PURE__ */ gt(It), zt = (t, e) => {
   const n = rt();
-  M(() => {
+  z(() => {
     n.current = t;
-  }, [t]), M(() => {
+  }, [t]), z(() => {
     function o() {
       n.current();
     }
@@ -99,21 +99,21 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     return `${100 / t}%`;
   const r = n(e * (t === 1 ? 4 : 2));
   return `calc(${100 / t}% - ${r})`;
-}, st = N.div`
+}, st = M.div`
   overflow-y: hidden;
   position: relative;
   width: 100%;
   height: 100%;
 
   ${ot}
-`, it = N(wt)(
-  ({ disabled: t, withDarkUI: e, withNavigation: { desktop: n, mobile: o } }) => y`
+`, it = M(wt)(
+  ({ disabled: t, withDarkUI: e, withNavigation: { desktop: n, mobile: o } }) => b`
     top: 50%;
     transform: translate3d(0, -50%, 0);
     z-index: ${o ? 1 : -1};
     display: ${o ? "flex" : "none"};
 
-    ${!e && y`
+    ${!e && b`
       background-color: neutral-10 !important;
 
       &:hover {
@@ -126,13 +126,13 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
       display: ${n ? "flex" : "none"};
     }
 
-    ${t && y`
+    ${t && b`
       opacity: 0;
       z-index: -1;
     `};
   `
-), Nt = N.divBox(
-  ({ withPagination: { desktop: t, mobile: e } }) => y`
+), Mt = M.divBox(
+  ({ withPagination: { desktop: t, mobile: e } }) => b`
     justify-content: center;
     position: absolute;
     bottom: 0;
@@ -147,20 +147,20 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
       display: ${t ? "flex" : "none"};
     }
   `
-), Ft = N.div(
-  ({ active: t, withDarkUI: e }) => y`
+), Ft = M.div(
+  ({ active: t, withDarkUI: e }) => b`
     height: 10;
     width: 10;
     border-radius: 50%;
     cursor: pointer;
     margin: 0 xxs;
     ${t ? Z("swipers.navigation.bullet.active") : Z("swipers.navigation.bullet.default")}
-    ${e && y`
+    ${e && b`
       background-color: ${t ? "neutral-90" : "neutral-50"};
     `}
     ${ot}
   `
-), _t = N.ulBox(({ fullWidth: t, slidesPerView: { desktop: e, mobile: n, tablet: o }, spaceBetween: r, theme: s }) => y`
+), _t = M.ulBox(({ fullWidth: t, slidesPerView: { desktop: e, mobile: n, tablet: o }, spaceBetween: r, theme: s }) => b`
     scroll-snap-type: x mandatory;
     display: flex;
     -webkit-overflow-scrolling: touch;
@@ -193,7 +193,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     }
 
     @media (min-width: sm) {
-      ${n && y`
+      ${n && b`
         > * {
           min-width: ${S(n, r, s.toRem)};
           max-width: ${S(n, r, s.toRem)};
@@ -206,7 +206,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     }
 
     @media (min-width: md) {
-      ${o && y`
+      ${o && b`
         > * {
           min-width: ${S(o, r, s.toRem)};
           max-width: ${S(o, r, s.toRem)};
@@ -219,7 +219,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     }
 
     @media (min-width: lg) {
-      ${e && y`
+      ${e && b`
         > * {
           min-width: ${S(e, r, s.toRem)};
           max-width: ${S(e, r, s.toRem)};
@@ -238,7 +238,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     }
 
     @media (min-width: xl) {
-      ${e && t && y`
+      ${e && t && b`
         > * {
           min-width: ${S(e + 2, r, s.toRem)};
           max-width: ${S(e + 2, r, s.toRem)};
@@ -257,10 +257,10 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     navigationSize: w = "md",
     slidesPerView: h = { mobile: 1, tablet: 1, desktop: 1 },
     spaceBetween: C = 20,
-    withDarkUI: b = !1,
+    withDarkUI: y = !1,
     withNavigation: R = { mobile: !0, desktop: !0 },
     withPagination: d = { mobile: !1, desktop: !1 }
-  } = t, O = a || e, { width: v } = pt(), [L, p] = K(0), [T, I] = K(!1), [z, g] = K(!1), i = rt(), { screens: f } = mt(), x = ft(() => v <= f.md ? h.mobile : v <= f.lg ? h.tablet : v >= f["4xl"] && s ? h.desktop + 2 : h.desktop, [s, v, f, h]);
+  } = t, O = a || e, { width: v } = pt(), [L, p] = K(0), [T, I] = K(!1), [N, g] = K(!1), i = rt(), { screens: f } = mt(), x = ft(() => v <= f.md ? h.mobile : v <= f.lg ? h.tablet : v >= f["4xl"] && s ? h.desktop + 2 : h.desktop, [s, v, f, h]);
   return {
     centeredSlides: n,
     firstSlideToShow: r,
@@ -277,12 +277,12 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     autoplay: e,
     shouldLoop: O,
     duration: o,
-    withDarkUI: b,
+    withDarkUI: y,
     ref: i,
     setShowLeftArrow: I,
     setShowRightArrow: g,
     showLeftArrow: T,
-    showRightArrow: z
+    showRightArrow: N
   };
 }, Dt = ({ children: t, dataTestId: e, store: n, ...o }) => {
   const {
@@ -293,7 +293,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     duration: w,
     firstSlideToShow: h,
     fullWidth: C,
-    id: b,
+    id: y,
     navigationSize: R,
     ref: d,
     setCurrentPage: O,
@@ -302,13 +302,13 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     shouldLoop: p,
     showLeftArrow: T,
     showRightArrow: I,
-    slidesPerView: z,
+    slidesPerView: N,
     spaceBetween: g,
     withDarkUI: i,
     withNavigation: f,
     withPagination: x
   } = n, W = Y.toArray(t).length, B = Math.ceil(W / a), j = Array.from(Array(B).keys()), J = c === 0, H = c === j.length - 1, at = Y.map(t, (m, l) => {
-    const u = `${b}-${l}`, $ = l + 1, E = Math.ceil($ / a) - 1, P = H ? W - $ >= a : E !== c;
+    const u = `${y}-${l}`, $ = l + 1, E = Math.ceil($ / a) - 1, P = H ? W - $ >= a : E !== c;
     return ht(m, {
       ...m.props,
       id: u,
@@ -337,7 +337,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
       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(() => {
+  }, dt = Nt(() => {
     U(), ct();
   }, 100), k = D(
     (m, l = !1) => {
@@ -356,19 +356,19 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
   }, [c, k, H, p]), G = D(() => {
     k(J && p ? j.length - 1 : c - 1);
   }, [j.length, c, k, J, p]);
-  return Mt(
+  return zt(
     () => {
       r && F();
     },
     r ? w : null
-  ), M(() => {
+  ), z(() => {
     const m = (l) => {
       l.code === "ArrowLeft" && G(), l.code === "ArrowRight" && F();
     };
     return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-  }, [G, F]), M(() => {
+  }, [G, F]), z(() => {
     k(lt, !0);
-  }, []), M(() => {
+  }, []), z(() => {
     U();
   }, [U, t]), /* @__PURE__ */ A.createElement(st, { "data-testid": e, ...o }, /* @__PURE__ */ A.createElement(
     _t,
@@ -376,13 +376,14 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
       fullWidth: C,
       onScroll: dt,
       ref: d,
-      slidesPerView: z,
+      slidesPerView: N,
       spaceBetween: g
     },
     at
   ), /* @__PURE__ */ A.createElement(
     it,
     {
+      "aria-label": "Previous slide",
       "data-testid": e && `${e}-prev-button`,
       disabled: !T,
       left: 10,
@@ -398,6 +399,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
   ), /* @__PURE__ */ A.createElement(
     it,
     {
+      "aria-label": "Next slide",
       "data-testid": e && `${e}-next-button`,
       disabled: !I,
       onClick: F,
@@ -411,7 +413,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
     },
     /* @__PURE__ */ A.createElement(tt.Right, null)
   ), /* @__PURE__ */ A.createElement(
-    Nt,
+    Mt,
     {
       className: "swiper-pagination",
       "data-testid": e && `${e}-pagination`,
@@ -422,7 +424,7 @@ const zt = /* @__PURE__ */ gt(It), Mt = (t, e) => {
       const u = {
         idx: l,
         role: "tab",
-        "aria-controls": `${b}-${l}`,
+        "aria-controls": `${y}-${l}`,
         "aria-label": `${l + 1} of ${j.length}`,
         "aria-selected": l === c,
         onClick: () => k(l)

package/dist/Text.mjs

@@ -1,8 +1,8 @@
 "use client";
-import p from "react";
-import f, { css as n, th as r, system as d } from "@xstyled/styled-components";
-import { forwardRef as b } from "./System.mjs";
-const x = {
+import f from "react";
+import b, { css as i, th as d, system as a } from "@xstyled/styled-components";
+import { forwardRef as x } from "./System.mjs";
+const g = {
   h0: "h1",
   h1: "h2",
   h2: "h3",
@@ -10,7 +10,7 @@ const x = {
   h4: "h5",
   h5: "h6",
   h6: "h6"
-}, g = (e) => n`
+}, k = (e) => i`
   /* stylelint-disable-next-line value-no-vendor-prefix */
   display: -webkit-box;
   /* stylelint-disable-next-line property-no-vendor-prefix */
@@ -20,17 +20,18 @@ const x = {
   line-height: normal;
   overflow: hidden;
   word-break: ${e === 1 ? "break-all" : null};
-`, y = f.p(({ lines: e, theme: o, variant: t, withDash: s }) => {
-  const l = x[t], h = t == null ? void 0 : t.startsWith("h"), i = e && e !== 1 / 0 && t.startsWith("h") && o.fonts.headings.includes("welcome-font");
-  return n`
-    ${r(`texts.${l || t}`)};
+`, y = b.p(({ lines: e, theme: n, variant: t, withDash: s, wordBreak: l }) => {
+  const h = g[t], r = t == null ? void 0 : t.startsWith("h"), o = e && e !== 1 / 0 && t.startsWith("h") && n.fonts.headings.includes("welcome-font");
+  return i`
+    ${d(`texts.${h || t}`)};
+    word-break: ${l};
 
     /* Start fallback for non-webkit */
     display: block;
-    ${e && e !== 1 / 0 && g(e)};
+    ${e && e !== 1 / 0 && k(e)};
     /* End fallback for non-webkit */
 
-    ${s && h && n`
+    ${s && r && i`
       display: flex;
 
       &:before {
@@ -46,19 +47,19 @@ const x = {
     `}
 
     @media (min-width: lg) {
-      ${r(`texts.${t}`)};
-      ${d};
+      ${d(`texts.${t}`)};
+      ${a};
     }
 
-    ${i && n`
+    ${o && i`
       & {
         line-height: 1.4;
       }
     `}
 
-    ${d};
+    ${a};
   `;
-}), k = {
+}), w = {
   h0: "h1",
   h1: "h1",
   h2: "h2",
@@ -72,26 +73,36 @@ const x = {
   xs: "p",
   "subtitle-md": "span",
   "subtitle-sm": "span"
-}, u = b(
-  ({ as: e, children: o, dataTestId: t, lines: s, variant: l = "md", withDash: h, ...i }, a) => {
-    const c = e || k[l], m = i.className || "";
-    return /* @__PURE__ */ p.createElement(
+}, $ = x(
+  ({
+    as: e,
+    children: n,
+    dataTestId: t,
+    lines: s,
+    variant: l = "md",
+    withDash: h,
+    wordBreak: r = "break-word",
+    ...o
+  }, c) => {
+    const m = e || w[l], p = o.className || "";
+    return /* @__PURE__ */ f.createElement(
       y,
       {
-        as: c,
+        as: m,
         "data-testid": t,
         lines: s,
-        ref: a,
+        ref: c,
         variant: l,
         withDash: h,
-        ...i,
-        className: `${m} wui-text`
+        wordBreak: r,
+        ...o,
+        className: `${p} wui-text`
       },
-      o
+      n
     );
   }
 );
-u.displayName = "Text";
+$.displayName = "Text";
 export {
-  u as Text
+  $ as Text
 };

package/dist/types/components/Accordion/styles.d.ts

@@ -1,6 +1,6 @@
 import * as Ariakit from '@ariakit/react';
-export declare const Accordion: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Accordion: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const Icon: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
 export declare const Disclosure: import('styled-components').StyledComponent<(props: Ariakit.DisclosureProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, {}, never>;
 export declare const Content: import('styled-components').StyledComponent<({ unmountOnHide, ...props }: Ariakit.DisclosureContentProps) => import("react/jsx-runtime").JSX.Element | null, import('@xstyled/system').Theme, {}, never>;
-export declare const ContentChild: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const ContentChild: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/dist/types/components/Avatar/index.d.ts

@@ -1,11 +1,9 @@
 import { default as React } from 'react';
-import { Theme } from '@xstyled/styled-components';
+import { AvatarColors, Size } from './theme';
 import { ShapeOptions } from '../Shape';
 import { CreateWuiProps } from '../System';
-type SubColor = Theme['colors'];
-type Size = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export interface AvatarOptions {
-    color?: string | SubColor;
+    color?: AvatarColors;
     getInitials?: (name: string) => string;
     name: string;
     size?: Size;
@@ -13,4 +11,3 @@ export interface AvatarOptions {
 }
 export type AvatarProps = CreateWuiProps<'div', AvatarOptions & ShapeOptions>;
 export declare const Avatar: React.FC<AvatarProps>;
-export {};

package/dist/types/components/Avatar/theme.d.ts

@@ -1,9 +1,10 @@
 import { CSSObject } from '@xstyled/styled-components';
-import { ThemeValues } from '../../theme';
-type Size = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+import { ThemeColorTokens, ThemeValues } from '../../theme';
+import { LiteralUnion } from '../../utils';
+export type Size = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type AvatarColors = LiteralUnion<ThemeColorTokens>;
 export type ThemeAvatars = {
     sizes: Record<Size, string>;
     text: CSSObject;
 };
 export declare const getAvatars: (theme: ThemeValues) => ThemeAvatars;
-export {};

package/dist/types/components/Avatar/utils.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '@xstyled/styled-components';
-export declare function getColorByLength(colors: Theme['colors'], text?: string): string;
+import { ThemeColorTokens } from '../../theme';
+export declare function getColorByLength(colors: ThemeColorTokens, text?: string): string;
 export declare function getInitials(name?: string): string;

package/dist/types/components/Badge/styles.d.ts

@@ -3,6 +3,6 @@ import { WuiProps } from '../System';
 export type StyledBadgeProps = Pick<BadgeOptions, 'disabled' | 'size' | 'variant'> & {
     length: number;
 };
-export declare const Badge: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, Pick<BadgeOptions, "size" | "disabled" | "variant"> & {
+export declare const Badge: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, Pick<BadgeOptions, "disabled" | "size" | "variant"> & {
     length: number;
 } & WuiProps, never>;

package/dist/types/components/Breadcrumb/index.d.ts

@@ -1,11 +1,10 @@
 import { default as React } from 'react';
-import { Theme } from '@xstyled/styled-components';
 import { CreateWuiProps } from '../System';
-type Colors = Theme['colors'];
+import { ThemeColorTokens } from '../../theme';
 export interface BreadcrumbOptions {
     children: React.ReactNode | React.ReactNode[];
     /** color from theme, add for scroll gradient on mobile */
-    gradientBackground?: Colors;
+    gradientBackground?: ThemeColorTokens;
     /** set clickable or not the last child */
     lastChildNotClickable?: boolean;
     separator?: string | React.ReactNode;
@@ -15,4 +14,3 @@ export declare const BreadcrumbComponent: import('../System').CreateWuiComponent
 export declare const Breadcrumb: import('../System').CreateWuiComponent<"div", BreadcrumbProps> & {
     Item: import('../System').CreateWuiComponent<"a", import('./Item').ItemProps>;
 };
-export {};

package/dist/types/components/ButtonGroup/styles.d.ts

@@ -1 +1 @@
-export declare const ButtonGroup: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const ButtonGroup: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

package/dist/types/components/DateTimePickerCommon/CustomInput.d.ts

@@ -14,4 +14,4 @@ export interface CustomInputOptions {
     value?: string | null;
 }
 export type CustomInputProps = Omit<React.ComponentProps<'input'>, keyof CustomInputOptions> & CustomInputOptions;
-export declare const CustomInput: React.ForwardRefExoticComponent<Pick<CustomInputProps, "form" | "slot" | "style" | "title" | "pattern" | "type" | "name" | "hidden" | "color" | "multiple" | "disabled" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "width" | "height" | "max" | "min" | "crossOrigin" | "alt" | "list" | "src" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "step" | keyof CustomInputOptions> & React.RefAttributes<HTMLInputElement>>;
+export declare const CustomInput: React.ForwardRefExoticComponent<Omit<CustomInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/DateTimePickerCommon/styles.d.ts

@@ -4,6 +4,6 @@ export declare const StyledTimePicker: import('styled-components').StyledCompone
 export declare const CustomInput: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     focused: Focused;
 }, never>;
-export declare const CustomHeader: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
-export declare const Selects: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const CustomHeader: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Selects: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const fixAriaMessageStyle: import('styled-components').FlattenSimpleInterpolation;

package/dist/types/components/Drawer/styles.d.ts

@@ -1,7 +1,7 @@
 import { DrawerOptions } from '.';
 import * as Ariakit from '@ariakit/react';
 export declare const Drawer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<DrawerOptions, "size" | "placement">, never>;
-export declare const Backdrop: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+export declare const Backdrop: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     hideOnInteractOutside: Ariakit.DialogProps["hideOnInteractOutside"];
 }, never>;
 export declare const Title: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

package/dist/types/components/DropdownMenu/Item.styled.d.ts

@@ -1 +1 @@
-export declare const Item: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Item: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, {}, never>;

package/dist/types/components/DropdownMenu/Separator.styled.d.ts

@@ -1 +1 @@
-export declare const Separator: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Separator: import('styled-components').StyledComponent<"hr", import('@xstyled/system').Theme, {}, never>;

package/dist/types/components/Field/styles.d.ts

@@ -8,8 +8,8 @@ type StyledFieldProps = {
     withHintText?: boolean;
 };
 export declare const Field: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, StyledFieldProps, never>;
-export declare const Label: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
-export declare const LabelWithHint: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Label: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const LabelWithHint: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 type IconWrapperProps = {
     iconPlacement: 'left' | 'right';
     size?: DefaultFieldIconSize;

package/dist/types/components/FileDrop/styles.d.ts

@@ -4,6 +4,6 @@ export interface StyledFileDropProps {
     isDragReject?: boolean;
 }
 export declare const FileDrop: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, StyledFileDropProps, never>;
-export declare const FilePreview: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const FilePreview: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const ImagePreview: import('styled-components').StyledComponent<"img", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const Actions: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Actions: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/dist/types/components/Hint/index.d.ts

@@ -5,6 +5,6 @@ export interface HintOptions {
 }
 export type HintProps = CreateWuiProps<'div', HintOptions>;
 export declare const Hint: import('../System').CreateWuiComponent<"div", HintProps>;
-export declare const StyledHint: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+export declare const StyledHint: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     variant: HintOptions["variant"];
 }, never>;

package/dist/types/components/Hint/styles.d.ts

@@ -1,4 +1,4 @@
 import { HintOptions } from '.';
-export declare const Hint: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+export declare const Hint: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     variant: HintOptions["variant"];
 }, never>;