welcome-ui 8.2.1 → 8.4.0

package/dist/{jsx-runtime-B7I4PJ0H.mjs → jsx-runtime-Bqq1Hxg9.mjs}

@@ -4,19 +4,19 @@ function lr() {
   if (Te) return k;
   Te = 1;
   var M = Pe, C = Symbol.for("react.element"), U = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, F = M.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, A = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function w(y, l, T) {
-    var p, _ = {}, R = null, I = null;
-    T !== void 0 && (R = "" + T), l.key !== void 0 && (R = "" + l.key), l.ref !== void 0 && (I = l.ref);
+  function w(R, l, T) {
+    var p, _ = {}, y = null, I = null;
+    T !== void 0 && (y = "" + T), l.key !== void 0 && (y = "" + l.key), l.ref !== void 0 && (I = l.ref);
     for (p in l) m.call(l, p) && !A.hasOwnProperty(p) && (_[p] = l[p]);
-    if (y && y.defaultProps) for (p in l = y.defaultProps, l) _[p] === void 0 && (_[p] = l[p]);
-    return { $$typeof: C, type: y, key: R, ref: I, props: _, _owner: F.current };
+    if (R && R.defaultProps) for (p in l = R.defaultProps, l) _[p] === void 0 && (_[p] = l[p]);
+    return { $$typeof: C, type: R, key: y, ref: I, props: _, _owner: F.current };
   }
   return k.Fragment = U, k.jsx = w, k.jsxs = w, k;
 }
 var D = {}, Oe;
 function cr() {
   return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && function() {
-    var M = Pe, C = Symbol.for("react.element"), U = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), y = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), H = Symbol.iterator, Ce = "@@iterator";
+    var M = Pe, C = Symbol.for("react.element"), U = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), R = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), H = Symbol.iterator, Ce = "@@iterator";
     function we(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -44,7 +44,7 @@ function cr() {
     var xe = !1, ke = !1, De = !1, Fe = !1, Ae = !1, Z;
     Z = Symbol.for("react.module.reference");
     function Ie(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === m || e === A || Ae || e === F || e === T || e === p || Fe || e === I || xe || ke || De || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === _ || e.$$typeof === w || e.$$typeof === y || e.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === m || e === A || Ae || e === F || e === T || e === p || Fe || e === I || xe || ke || De || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === _ || e.$$typeof === w || e.$$typeof === R || e.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -83,7 +83,7 @@ function cr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case y:
+          case R:
             var r = e;
             return Q(r) + ".Consumer";
           case w:
@@ -94,7 +94,7 @@ function cr() {
           case _:
             var n = e.displayName || null;
             return n !== null ? n : E(e.type) || "Memo";
-          case R: {
+          case y: {
             var o = e, u = o._payload, i = o._init;
             try {
               return E(i(u));
@@ -283,7 +283,7 @@ function cr() {
             return Ve(e.render);
           case _:
             return $(e.type, r, t);
-          case R: {
+          case y: {
             var n = e, o = n._payload, u = n._init;
             try {
               return $(u(o), r, t);
@@ -466,7 +466,7 @@ Check the render method of \`` + e + "`.";
     function er(e) {
       return "";
     }
-    var ye = {};
+    var Re = {};
     function rr(e) {
       {
         var r = Ee();
@@ -479,15 +479,15 @@ Check the top-level render call using <` + t + ">.");
         return r;
       }
     }
-    function Re(e, r) {
+    function ye(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var t = rr(r);
-        if (ye[t])
+        if (Re[t])
           return;
-        ye[t] = !0;
+        Re[t] = !0;
         var n = "";
         e && e._owner && e._owner !== K.current && (n = " It was passed a child from " + E(e._owner.type) + "."), S(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), S(null);
       }
@@ -499,7 +499,7 @@ Check the top-level render call using <` + t + ">.");
         if (B(e))
           for (var t = 0; t < e.length; t++) {
             var n = e[t];
-            z(n) && Re(n, r);
+            z(n) && ye(n, r);
           }
         else if (z(e))
           e._store && (e._store.validated = !0);
@@ -507,7 +507,7 @@ Check the top-level render call using <` + t + ">.");
           var o = we(e);
           if (typeof o == "function" && o !== e.entries)
             for (var u = o.call(e), i; !(i = u.next()).done; )
-              z(i.value) && Re(i.value, r);
+              z(i.value) && ye(i.value, r);
         }
       }
     }

package/dist/{radio-group-C0fUHvam.mjs → radio-group-C2Cv9SMd.mjs}

@@ -1,9 +1,9 @@
 "use client";
-import { c as l, u as v, a as m } from "./ITI7HKP4-C89kOQb8.mjs";
-import { c as f, a as R, b as S } from "./YV4JVR4I-DPC8mMuG.mjs";
-import { z as _, A as n, B as p, C as u, f as P, c as x, h as V, _ as C, i as b, D as g, g as c } from "./LVA2YJMS-C-kJ1lkr.mjs";
-import { u as j, a as E } from "./NLEBE274-oSxMftGy.mjs";
-import { j as G } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { c as l, u as v, a as m } from "./ITI7HKP4-DKM_MiJK.mjs";
+import { c as f, a as R, b as S } from "./YV4JVR4I-BLeUul5N.mjs";
+import { z as _, A as n, B as p, C as u, f as P, c as x, h as V, _ as C, i as b, D as g, g as c } from "./LVA2YJMS-B8X1PCyC.mjs";
+import { u as j, a as E } from "./NLEBE274-CnAMhwcR.mjs";
+import { j as G } from "./jsx-runtime-Bqq1Hxg9.mjs";
 function h(a = {}) {
   var o = _(a, []), e;
   const t = (e = o.store) == null ? void 0 : e.getState(), r = l(n(u({}, o), {

package/dist/theme.mjs

@@ -1427,9 +1427,9 @@ const I = /* @__PURE__ */ N(Z), Q = (o) => {
     }
   };
 }, Ur = {
-  lg: "3px",
+  sm: "1px",
   md: "2px",
-  sm: "1px"
+  lg: "3px"
 }, Pr = {
   "beige-10": "#FBF9F7",
   "beige-20": "#F6F3EF",
@@ -1763,41 +1763,41 @@ const I = /* @__PURE__ */ N(Z), Q = (o) => {
     }
   ]
 }), Jr = (o) => ({
-  full: "100%",
-  lg: o.toRem(8),
-  md: o.toRem(4),
   none: "0",
   sm: o.toRem(2),
+  md: o.toRem(4),
+  lg: o.toRem(8),
   xl: o.toRem(16),
-  xxl: o.toRem(24)
+  xxl: o.toRem(24),
+  full: "100%"
 }), Xr = {
-  "3xl": 1620,
-  "4xl": 1920,
-  lg: 980,
-  md: 736,
+  xs: 0,
   sm: 480,
+  md: 736,
+  lg: 980,
   xl: 1280,
-  xs: 0,
-  xxl: 1440
+  xxl: 1440,
+  "3xl": 1620,
+  "4xl": 1920
 }, Zr = (o) => ({
   backgroundColor: o.colors["primary-40"],
   color: o.colors["neutral-90"]
 }), Qr = {
-  md: "3px 4px 10px 0 rgba(0,0,0,0.07)",
-  sm: "1px 2px 4px 0 rgba(0,0,0,0.05)"
+  sm: "1px 2px 4px 0 rgba(0,0,0,0.05)",
+  md: "3px 4px 10px 0 rgba(0,0,0,0.07)"
 }, Vr = (o) => ({
+  xxs: o.toRem(2),
+  xs: o.toRem(4),
+  sm: o.toRem(8),
+  md: o.toRem(12),
+  lg: o.toRem(16),
+  xl: o.toRem(24),
+  xxl: o.toRem(32),
   "3xl": o.toRem(48),
   "4xl": o.toRem(64),
   "5xl": o.toRem(96),
   "6xl": o.toRem(128),
-  "7xl": o.toRem(192),
-  lg: o.toRem(16),
-  md: o.toRem(12),
-  sm: o.toRem(8),
-  xl: o.toRem(24),
-  xs: o.toRem(4),
-  xxl: o.toRem(32),
-  xxs: o.toRem(2)
+  "7xl": o.toRem(192)
 }), h = {
   primary: "ease",
   secondary: "linear",

package/dist/types/components/Alert/Title.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 import { TextProps } from '../Text';
-export type AlertTitleProps = Pick<TextProps, 'children' | 'dataTestId' | 'variant'>;
+export type AlertTitleProps = Pick<TextProps, 'children' | 'dataTestId' | 'variant'> & {
+    hasCloseButton?: boolean;
+};
 /**
  * @name Alert.Title
  */

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

@@ -1,4 +1,4 @@
-import { ReactDatePickerProps } from 'react-datepicker';
+import { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
 import { CustomHeaderProps, CustomInputOptions, StyledDatePicker } from '../DateTimePickerCommon';
 import { CreateWuiProps } from '../System';
 export interface DatePickerOptions {

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

@@ -1,5 +1,8 @@
 import { DatePickerProps } from '../DatePicker';
 import { CreateWuiProps } from '../System';
 import { TimePickerProps } from '../TimePicker';
-export type DateTimePickerProps = CreateWuiProps<'input', Pick<DatePickerProps, 'disabled' | 'locale' | 'onChange' | 'size' | 'transparent' | 'value'> & Pick<TimePickerProps, 'disabled' | 'locale' | 'onChange' | 'size' | 'transparent' | 'value'>>;
+import { LocalesKey } from './utils';
+export type DateTimePickerProps = CreateWuiProps<'input', Pick<DatePickerProps, 'onChange' | 'size' | 'transparent' | 'value'> & Pick<TimePickerProps, 'onChange' | 'size' | 'transparent' | 'value'> & {
+    locale?: LocalesKey;
+}>;
 export declare const DateTimePicker: import('../System').CreateWuiComponent<"input", DateTimePickerProps>;

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

@@ -0,0 +1,3 @@
+import * as locales from 'date-fns/locale';
+export type LocalesKey = keyof typeof locales;
+export declare const getLocale: (locale?: LocalesKey) => locales.Locale;

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

@@ -2,7 +2,7 @@ import { Focused } from './CustomInput';
 export declare const StyledDatePicker: any;
 export declare const StyledTimePicker: any;
 export declare const CustomInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    focused: Focused;
+    $focused: Focused;
 }>> & string;
 export declare const CustomHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Selects: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,4 +1,4 @@
-import { ReactDatePickerProps } from 'react-datepicker';
+import { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
 import { CustomInputOptions, StyledTimePicker } from '../DateTimePickerCommon';
 import { CreateWuiProps } from '../System';
 export interface TimePickerOptions {

package/dist/types/theme/borders.d.ts

@@ -1,6 +1,6 @@
 export type ThemeBorderWidths = {
-    lg: string;
-    md: string;
     sm: string;
+    md: string;
+    lg: string;
 };
 export declare const borderWidths: ThemeBorderWidths;

package/dist/types/theme/colors.d.ts

@@ -333,14 +333,7 @@ export declare const colors: {
     'yellow-80': string;
     'yellow-90': string;
 };
-declare const enum SecondaryColors {
-    'blue' = 0,
-    'green' = 1,
-    'orange' = 2,
-    'pink' = 3,
-    'teal' = 4,
-    'violet' = 5
-}
 export type ThemeColors = typeof colors;
-export type ThemeSecondaryColors = keyof typeof SecondaryColors;
+export type ThemeSecondaryColors = SecondaryColors;
+type SecondaryColors = 'blue' | 'green' | 'orange' | 'pink' | 'teal' | 'violet';
 export {};

package/dist/types/theme/radii.d.ts

@@ -1,12 +1,12 @@
 import { ThemeValues } from '.';
 export type ThemeRadii = {
-    [key: number]: string;
-    full: string;
-    lg: string;
-    md: string;
     none: string;
     sm: string;
+    md: string;
+    lg: string;
     xl: string;
     xxl: string;
+    full: string;
+    [key: number]: string;
 };
 export declare const getRadii: (theme: ThemeValues) => ThemeRadii;

package/dist/types/theme/shadows.d.ts

@@ -1,5 +1,5 @@
 export type ThemeShadows = {
-    md: string;
     sm: string;
+    md: string;
 };
 export declare const shadows: ThemeShadows;

package/dist/{wrap-children-CzmhoRzd.mjs → wrap-children-CRHMWYug.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { j as t } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { j as t } from "./jsx-runtime-Bqq1Hxg9.mjs";
 import n from "react";
-const p = (e) => n.Children.toArray(e).map(
+const a = (e) => n.Children.toArray(e).map(
   (r) => (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     /* @ts-ignore */
@@ -9,5 +9,5 @@ const p = (e) => n.Children.toArray(e).map(
   )
 );
 export {
-  p as w
+  a as w
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "8.2.1",
+  "version": "8.4.0",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"
@@ -64,7 +64,7 @@
     "lodash.range": "^3.2.0",
     "lottie-light-react": "^2.4.0",
     "match-sorter": "^8.0.0",
-    "react-datepicker": "^4.16.0",
+    "react-datepicker": "^8.4.0",
     "react-dropzone": "^14.3.5",
     "react-flatten-children": "^1.0.0",
     "react-hot-toast": "^2.4.1"
@@ -78,16 +78,16 @@
     "@types/lodash.debounce": "^4.0.6",
     "@types/lodash.range": "^3.2.9",
     "@types/ramda": "^0.30.2",
-    "@types/react-datepicker": "^4.15.0",
+    "@types/react-datepicker": "^7.0.0",
     "jsdom": "^26.0.0",
     "ramda": "^0.30.1",
     "release-it": "^18.1.2",
     "rollup": "^4.39.0",
     "rollup-preserve-directives": "^1.1.3",
-    "vite": "^6.2.1",
+    "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-static-copy": "^2.3.0",
-    "vitest": "^3.0.8"
+    "vitest": "^3.1.4"
   },
   "peerDependencies": {
     "@xstyled/styled-components": "^4.0.0",