welcome-ui 10.6.8 → 10.6.9

package/dist/DatePicker.js

@@ -1,64 +1,64 @@
 "use client";
 import './DatePicker.css';
-import { jsxs as G, jsx as l } from "react/jsx-runtime";
+import { jsxs as G, jsx as i } from "react/jsx-runtime";
 import { useState as A, useMemo as $, useEffect as S, forwardRef as J, useRef as Q } from "react";
-import { D as V, C as W } from "./CustomPopper-DWdMQOgg.js";
+import { D as V, C as W } from "./CustomPopper-PWIRxhgV.js";
 import { Button as j } from "./Button.js";
 import { Icon as F } from "./Icon.js";
 import { Select as M } from "./Select.js";
 import { c as v } from "./index-B6iGEm-i.js";
-import { g as X, a as Z, s as B, D as P, b as Y } from "./utils-ZE_dEXnJ.js";
+import { g as X, a as Z, s as B, D as P, b as Y } from "./utils-Cf0NRrqX.js";
 import { InputText as g } from "./InputText.js";
 const C = v(B), L = ({
   changeMonth: x,
   changeYear: N,
   date: f,
   decreaseMonth: T,
-  decreaseYear: z,
-  endYear: m,
-  increaseMonth: I,
+  decreaseYear: k,
+  endYear: c,
+  increaseMonth: z,
   increaseYear: y,
   isMonthYearPicker: t,
   locale: D,
-  startYear: c
+  startYear: m
 }) => {
-  const [p, R] = A(null), [a, k] = A(null), i = $(() => X(D), [D]), r = $(() => Z(c, m), [c, m]), o = (t || p === i[0].label) && a === c, w = (t || p === i[i.length - 1].label) && a === m;
+  const [p, I] = A(null), [a, R] = A(null), l = $(() => X(D), [D]), r = $(() => Z(m, c), [m, c]), o = (t || p === l[0].label) && a === m, w = (t || p === l[l.length - 1].label) && a === c;
   return S(() => {
-    const b = new Date(f), u = i[b.getMonth()].label, E = b.getFullYear();
-    R(u), k(E);
-  }, [f, i]), /* @__PURE__ */ G("div", { className: C("custom-header"), children: [
-    /* @__PURE__ */ l(
+    const b = new Date(f), u = l[b.getMonth()].label, E = b.getFullYear();
+    I(u), R(E);
+  }, [f, l]), /* @__PURE__ */ G("div", { className: C("custom-header"), children: [
+    /* @__PURE__ */ i(
       j,
       {
         disabled: o,
-        onClick: t ? z : T,
+        onClick: t ? k : T,
         size: "sm",
         title: `Previous ${t ? "year" : "month"}`,
         variant: "tertiary",
-        children: /* @__PURE__ */ l(F, { name: "angle-left-b", size: "xs" })
+        children: /* @__PURE__ */ i(F, { name: "angle-left-b", size: "xs" })
       }
     ),
-    !t && /* @__PURE__ */ l(
+    !t && /* @__PURE__ */ i(
       M,
       {
         id: "month",
         name: "month",
         onChange: x,
-        options: i,
+        options: l,
         size: "md",
         value: p
       }
     ),
-    /* @__PURE__ */ l(M, { id: "year", name: "year", onChange: N, options: r, size: "md", value: a }),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ i(M, { id: "year", name: "year", onChange: N, options: r, size: "md", value: a }),
+    /* @__PURE__ */ i(
       j,
       {
         disabled: w,
-        onClick: t ? y : I,
+        onClick: t ? y : z,
         size: "sm",
         title: `Next ${t ? "year" : "month"}`,
         variant: "tertiary",
-        children: /* @__PURE__ */ l(F, { name: "angle-right-b", size: "xs" })
+        children: /* @__PURE__ */ i(F, { name: "angle-right-b", size: "xs" })
       }
     )
   ] });
@@ -70,18 +70,18 @@ const K = v(B), h = J(
     className: N,
     dateFormat: f = "dd/MM/yyyy",
     disabled: T,
-    endYear: z = P.getFullYear(),
-    icon: m,
-    iconPlacement: I = "left",
+    endYear: k = P.getFullYear(),
+    icon: c,
+    iconPlacement: z = "left",
     locale: y,
     onChange: t,
     placeholder: D,
-    preventVirtualKeyboard: c = !1,
+    preventVirtualKeyboard: m = !1,
     showMonthYearPicker: p,
-    size: R = "md",
+    size: I = "md",
     startYear: a = 1900,
-    transparent: k,
-    useWeekdaysShort: i = !0,
+    transparent: R,
+    useWeekdaysShort: l = !0,
     value: r = P,
     ...o
   }, w) => {
@@ -116,27 +116,27 @@ const K = v(B), h = J(
       // type issue in react-datepicker (https://github.com/Hacker0x01/react-datepicker/issues/5391)
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-expect-error
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         V,
         {
           autoComplete: "off",
           calendarClassName: "date-picker-popper",
-          customInput: /* @__PURE__ */ l(
+          customInput: /* @__PURE__ */ i(
             g,
             {
               autoFocus: x,
               className: K("date-picker", N),
               "data-testid": o["data-testid"],
               disabled: T,
-              icon: m,
-              iconPlacement: I,
-              inputMode: c ? "none" : "text",
+              icon: c,
+              iconPlacement: z,
+              inputMode: m ? "none" : "text",
               isClearable: !0,
               onReset: _,
               placeholder: D,
               ref: H,
-              size: R,
-              transparent: k
+              size: I,
+              transparent: R
             }
           ),
           dateFormat: f,
@@ -144,10 +144,10 @@ const K = v(B), h = J(
           onChange: q,
           onKeyDown: U,
           popperContainer: W,
-          renderCustomHeader: (e) => /* @__PURE__ */ l(
+          renderCustomHeader: (e) => /* @__PURE__ */ i(
             L,
             {
-              endYear: z,
+              endYear: k,
               isMonthYearPicker: p,
               locale: y,
               startYear: a,
@@ -156,9 +156,14 @@ const K = v(B), h = J(
           ),
           selected: E,
           showMonthYearPicker: p,
-          useWeekdaysShort: i,
+          useWeekdaysShort: l,
           ...o,
-          wrapperClassName: K(o.wrapperClassName, "date-picker-wrapper", "field-input")
+          wrapperClassName: K(
+            "picker-input-root",
+            "date-picker-wrapper",
+            "field-input",
+            o.wrapperClassName
+          )
         }
       )
     );

package/dist/DateTimePicker.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as A } from "react/jsx-runtime";
 import { forwardRef as E, useState as P, useRef as x, useEffect as a, Children as N, cloneElement as H } from "react";
-import { D as I, b, s as j } from "./utils-ZE_dEXnJ.js";
+import { D as I, b, s as j } from "./utils-Cf0NRrqX.js";
 import { c as F } from "./index-B6iGEm-i.js";
 const L = F(j), M = E(
   ({

package/dist/Field.css

@@ -1 +1 @@
-@layer components{._root_13hug_2{display:grid;grid-template-areas:"label" "input";width:100%;height:fit-content}._root_13hug_2:has(._label_13hug_8):has(._hint_13hug_8){grid-template-areas:"label" "input" "hint"}._root_13hug_2:not(:has(._label_13hug_8)):has(._hint_13hug_8){grid-template-areas:"input" "hint"}._root_13hug_2:not(._inline_13hug_14) ._hint_13hug_8{margin-top:var(--field-gap-assistive)}._root_13hug_2:not(._inline_13hug_14) ._label_13hug_8{margin-bottom:var(--field-gap-label)}._root_13hug_2 .field-input{align-self:center;grid-area:input}._root_13hug_2 .field-input.date-picker-wrapper{justify-self:start}._inline_13hug_14{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--field-gap-assistive);grid-column-gap:var(--field-gap-label)}._inline_13hug_14:has(._label_13hug_8):has(._hint_13hug_8){grid-template-areas:"input label" ". hint"}._inline_13hug_14:not(:has(._label_13hug_8)):has(._hint_13hug_8){grid-template-areas:"input ." ". hint"}._label_13hug_8{grid-area:label}._hint_13hug_8{grid-area:hint;display:flex;gap:var(--field-gap-label)}._hint-max-length_13hug_48{margin-left:auto}._visuallyHidden_13hug_51{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}
+@layer components{._root_bk683_2{display:grid;grid-template-areas:"label" "input";width:100%;height:fit-content}._root_bk683_2:has(._label_bk683_8):has(._hint_bk683_8){grid-template-areas:"label" "input" "hint"}._root_bk683_2:not(:has(._label_bk683_8)):has(._hint_bk683_8){grid-template-areas:"input" "hint"}._root_bk683_2:not(._inline_bk683_14) ._hint_bk683_8{margin-top:var(--field-gap-assistive)}._root_bk683_2:not(._inline_bk683_14) ._label_bk683_8{margin-bottom:var(--field-gap-label)}._root_bk683_2 .field-input{align-self:center;grid-area:input}._root_bk683_2 .field-input.date-picker-wrapper,._root_bk683_2 .field-input.time-picker-wrapper{justify-self:start}._inline_bk683_14{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--field-gap-assistive);grid-column-gap:var(--field-gap-label)}._inline_bk683_14:has(._label_bk683_8):has(._hint_bk683_8){grid-template-areas:"input label" ". hint"}._inline_bk683_14:not(:has(._label_bk683_8)):has(._hint_bk683_8){grid-template-areas:"input ." ". hint"}._label_bk683_8{grid-area:label}._hint_bk683_8{grid-area:hint;display:flex;gap:var(--field-gap-label)}._hint-max-length_bk683_48{margin-left:auto}._visuallyHidden_bk683_51{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}

package/dist/Field.js

@@ -1,89 +1,89 @@
 "use client";
 import './Field.css';
-import { jsxs as y, jsx as f } from "react/jsx-runtime";
-import { createContext as $, useMemo as q, useId as A, useContext as R } from "react";
-import { Hint as S } from "./Hint.js";
-import { Label as T } from "./Label.js";
-import { c as W } from "./index-B6iGEm-i.js";
-import { f as k } from "./forwardRefWithAs-8eP3ZN15.js";
-const z = "_root_13hug_2", E = "_label_13hug_8", G = "_hint_13hug_8", J = "_inline_13hug_14", K = "_visuallyHidden_13hug_51", O = {
+import { jsxs as I, jsx as f } from "react/jsx-runtime";
+import { createContext as M, useMemo as $, useId as q, useContext as A } from "react";
+import { Hint as R } from "./Hint.js";
+import { Label as S } from "./Label.js";
+import { c as T } from "./index-B6iGEm-i.js";
+import { f as W } from "./forwardRefWithAs-8eP3ZN15.js";
+const z = "_root_bk683_2", E = "_label_bk683_8", G = "_hint_bk683_8", J = "_inline_bk683_14", K = "_visuallyHidden_bk683_51", O = {
   root: z,
   label: E,
   hint: G,
   inline: J,
-  "hint-max-length": "_hint-max-length_13hug_48",
+  "hint-max-length": "_hint-max-length_bk683_48",
   visuallyHidden: K
-}, d = W(O), I = $({
+}, d = T(O), N = M({
   getInputProps: (n) => n,
   hintID: "",
   labelID: "",
   variant: void 0
 });
 function _(n) {
-  const c = A();
+  const c = q();
   return n || c;
 }
 function ee() {
-  return R(I);
+  return A(N);
 }
-const Q = k((n, c) => {
+const Q = W((n, c) => {
   const {
-    children: N,
+    children: g,
     className: p,
-    disabled: u,
-    error: g,
+    disabled: m,
+    error: v,
     hideLabel: D,
     hint: F,
     hintProps: l,
-    id: H,
-    inline: j,
-    label: B,
+    id: k,
+    inline: H,
+    label: j,
     labelProps: i,
     maxLength: e,
-    required: m,
-    success: v,
-    warning: x,
-    ...C
-  } = n, t = g ? "danger" : v ? "success" : x ? "warning" : void 0, s = g ?? x ?? v ?? F, a = e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0, r = _(i == null ? void 0 : i.id), o = _(l == null ? void 0 : l.id), h = _(H), w = q(
+    required: u,
+    success: x,
+    warning: y,
+    ...B
+  } = n, t = v ? "danger" : x ? "success" : y ? "warning" : void 0, s = v ?? y ?? x ?? F, a = e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0, r = _(i == null ? void 0 : i.id), o = _(l == null ? void 0 : l.id), b = _(k), C = $(
     () => ({
-      getInputProps(b) {
-        const L = [b["aria-describedby"], (s || a) && o].filter(Boolean).join(" ") || void 0, M = [b["aria-labelledby"], r].filter(Boolean).join(" ");
+      getInputProps(h) {
+        const w = [h["aria-describedby"], (s || a) && o].filter(Boolean).join(" ") || void 0, L = [h["aria-labelledby"], r].filter(Boolean).join(" ");
         return {
-          ...b,
-          "aria-describedby": L,
+          ...h,
+          "aria-describedby": w,
           "aria-invalid": t === "danger" ? !0 : void 0,
-          "aria-labelledby": M,
-          disabled: u,
-          id: h,
+          "aria-labelledby": L,
+          disabled: m,
+          id: b,
           /**
            * pass maxCount to children for block form
            */
           maxLength: e == null ? void 0 : e.max,
-          required: m
+          required: u
         };
       },
       hintID: o,
       labelID: r,
       variant: t
     }),
-    [o, r, t, s, a, u, h, e == null ? void 0 : e.max, m]
+    [o, r, t, s, a, m, b, e == null ? void 0 : e.max, u]
   );
-  return /* @__PURE__ */ y("div", { ref: c, ...C, className: d("root", j && "inline", p), children: [
+  return /* @__PURE__ */ I("div", { ref: c, ...B, className: d("root", H && "inline", p), children: [
     /* @__PURE__ */ f(
-      T,
+      S,
       {
-        disabled: u,
-        htmlFor: h,
+        disabled: m,
+        htmlFor: b,
         id: r,
-        required: m,
+        required: u,
         variant: t,
         ...i,
         className: d("label", D && "visuallyHidden", i == null ? void 0 : i.className),
-        children: B
+        children: j
       }
     ),
-    /* @__PURE__ */ f(I.Provider, { value: w, children: N }),
-    s || a ? /* @__PURE__ */ y(S, { className: d("hint"), id: o, variant: t, ...l, children: [
+    /* @__PURE__ */ f(N.Provider, { value: C, children: g }),
+    s || a ? /* @__PURE__ */ I(R, { className: d("hint"), id: o, variant: t, ...l, children: [
       s,
       a ? /* @__PURE__ */ f("span", { className: d("hint-max-length"), children: a }) : null
     ] }) : null
@@ -92,7 +92,7 @@ const Q = k((n, c) => {
 Q.displayName = "Field";
 export {
   Q as Field,
-  I as FieldContext,
+  N as FieldContext,
   O as fieldClasses,
   _ as useDefaultID,
   ee as useField

package/dist/TimePicker.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as S, useState as j, useRef as F, useEffect as d } from "react";
-import { D as I, C as L } from "./CustomPopper-DWdMQOgg.js";
-import { D as M, b as O, s as U } from "./utils-ZE_dEXnJ.js";
+import { D as I, C as L } from "./CustomPopper-PWIRxhgV.js";
+import { D as M, b as O, s as U } from "./utils-Cf0NRrqX.js";
 import { InputText as _ } from "./InputText.js";
 import { c as q } from "./index-B6iGEm-i.js";
 const a = q(U), z = S(
@@ -16,34 +16,34 @@ const a = q(U), z = S(
     onChange: t,
     placeholder: w,
     size: x = "md",
-    timeIntervals: m = 15,
+    timeIntervals: p = 15,
     transparent: y,
     value: r = M,
     ...c
-  }, p) => {
-    const i = (e) => O(e, m), [A, l] = j(i(r)), H = F(), P = p || H;
+  }, m) => {
+    const l = (e) => O(e, p), [A, i] = j(l(r)), H = F(), P = m || H;
     d(() => {
-      t == null || t(i(r));
+      t == null || t(l(r));
     }, []), d(() => {
       var s;
-      const e = i(r);
-      ((s = new Date(r)) == null ? void 0 : s.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), l(e);
+      const e = l(r);
+      ((s = new Date(r)) == null ? void 0 : s.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), i(e);
     }, [r]);
     const b = (e) => {
       var s;
-      e.preventDefault(), (s = P.current) == null || s.blur(), l(null), t == null || t(null);
+      e.preventDefault(), (s = P.current) == null || s.blur(), i(null), t == null || t(null);
     }, E = (e) => {
       if (!e) {
-        l(null), t == null || t(null);
+        i(null), t == null || t(null);
         return;
       }
       const s = Array.isArray(e) ? e[0] : e;
       if (!s) {
-        l(null), t == null || t(null);
+        i(null), t == null || t(null);
         return;
       }
-      const u = i(s);
-      s.setHours(u.getHours(), u.getMinutes()), l(s), t == null || t(new Date(s));
+      const u = l(s);
+      s.setHours(u.getHours(), u.getMinutes()), i(s), t == null || t(new Date(s));
     };
     return (
       // type issue in react-datepicker (https://github.com/Hacker0x01/react-datepicker/issues/5391)
@@ -64,7 +64,7 @@ const a = q(U), z = S(
               iconPlacement: R,
               isClearable: !1,
               onReset: b,
-              ref: p,
+              ref: m,
               size: x,
               transparent: y
             }
@@ -76,9 +76,14 @@ const a = q(U), z = S(
           selected: A,
           showTimeSelect: !0,
           showTimeSelectOnly: !0,
-          timeIntervals: m,
+          timeIntervals: p,
           ...c,
-          wrapperClassName: a(c.wrapperClassName, "date-picker-wrapper", "field-input")
+          wrapperClassName: a(
+            "picker-input-root",
+            "time-picker-wrapper",
+            "field-input",
+            c.wrapperClassName
+          )
         }
       )
     );

package/dist/utils-Cf0NRrqX.js

@@ -0,0 +1,120 @@
+"use client";
+import './utils.css';
+import { g as J } from "./index-B6iGEm-i.js";
+const Y = {
+  "custom-header": "_custom-header_1bmta_2",
+  "date-picker": "_date-picker_1bmta_10",
+  "time-picker": "_time-picker_1bmta_14",
+  "date-time-picker": "_date-time-picker_1bmta_18",
+  "picker-input-root": "_picker-input-root_1bmta_35",
+  "picker-popper-root": "_picker-popper-root_1bmta_39"
+};
+var u, l;
+function H() {
+  if (l) return u;
+  l = 1;
+  var i = 1 / 0, o = 9007199254740991, a = 17976931348623157e292, c = NaN, _ = "[object Function]", y = "[object GeneratorFunction]", I = "[object Symbol]", h = /^\s+|\s+$/g, k = /^[-+]0x[0-9a-f]+$/i, M = /^0b[01]+$/i, T = /^0o[0-7]+$/i, D = /^(?:0|[1-9]\d*)$/, N = parseInt, d = Object.prototype, b = d.toString, A = Math.ceil, E = Math.max;
+  function F(r, e, t, n) {
+    for (var G = -1, m = E(A((e - r) / (t || 1)), 0), p = Array(m); m--; )
+      p[++G] = r, r += t;
+    return p;
+  }
+  function O(r) {
+    return function(e, t, n) {
+      return n && typeof n != "number" && j(e, t, n) && (t = n = void 0), e = s(e), t === void 0 ? (t = e, e = 0) : t = s(t), n = n === void 0 ? e < t ? 1 : -1 : s(n), F(e, t, n);
+    };
+  }
+  function S(r, e) {
+    return e = e ?? o, !!e && (typeof r == "number" || D.test(r)) && r > -1 && r % 1 == 0 && r < e;
+  }
+  function j(r, e, t) {
+    if (!f(t))
+      return !1;
+    var n = typeof e;
+    return (n == "number" ? R(t) && S(e, t.length) : n == "string" && e in t) ? x(t[e], r) : !1;
+  }
+  function x(r, e) {
+    return r === e || r !== r && e !== e;
+  }
+  function R(r) {
+    return r != null && L(r.length) && !w(r);
+  }
+  function w(r) {
+    var e = f(r) ? b.call(r) : "";
+    return e == _ || e == y;
+  }
+  function L(r) {
+    return typeof r == "number" && r > -1 && r % 1 == 0 && r <= o;
+  }
+  function f(r) {
+    var e = typeof r;
+    return !!r && (e == "object" || e == "function");
+  }
+  function $(r) {
+    return !!r && typeof r == "object";
+  }
+  function q(r) {
+    return typeof r == "symbol" || $(r) && b.call(r) == I;
+  }
+  function s(r) {
+    if (!r)
+      return r === 0 ? r : 0;
+    if (r = B(r), r === i || r === -i) {
+      var e = r < 0 ? -1 : 1;
+      return e * a;
+    }
+    return r === r ? r : 0;
+  }
+  function B(r) {
+    if (typeof r == "number")
+      return r;
+    if (q(r))
+      return c;
+    if (f(r)) {
+      var e = typeof r.valueOf == "function" ? r.valueOf() : r;
+      r = f(e) ? e + "" : e;
+    }
+    if (typeof r != "string")
+      return r === 0 ? r : +r;
+    r = r.replace(h, "");
+    var t = M.test(r);
+    return t || T.test(r) ? N(r.slice(2), t ? 2 : 8) : k.test(r) ? c : +r;
+  }
+  var C = O();
+  return u = C, u;
+}
+var P = H();
+const U = /* @__PURE__ */ J(P), g = [
+  { label: "January", value: 0 },
+  { label: "February", value: 1 },
+  { label: "March", value: 2 },
+  { label: "April", value: 3 },
+  { label: "May", value: 4 },
+  { label: "June", value: 5 },
+  { label: "July", value: 6 },
+  { label: "August", value: 7 },
+  { label: "September", value: 8 },
+  { label: "October", value: 9 },
+  { label: "November", value: 10 },
+  { label: "December", value: 11 }
+], z = /* @__PURE__ */ new Date(), K = (i, o = 15) => {
+  if (!i)
+    return null;
+  let a = new Date(i);
+  isNaN(a.getTime()) && (a = /* @__PURE__ */ new Date());
+  const c = Math.ceil(a.getMinutes() / o) * o;
+  return new Date(a.setMinutes(c, 0, 0));
+}, Q = (i) => i ? g.map(({ value: o }) => ({
+  label: i.localize.month(o),
+  value: o
+})) : g, V = (i, o) => U(i, o + 1).map((a) => ({
+  label: a.toString(),
+  value: a
+})).reverse();
+export {
+  z as D,
+  V as a,
+  K as b,
+  Q as g,
+  Y as s
+};

package/dist/utils.css

@@ -1 +1 @@
-@layer components{._custom-header_1w74t_2{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--border-radius-xl);text-align:left}._date-picker_1w74t_9{text-align:left}._time-picker_1w74t_12{text-align:center}._date-time-picker_1w74t_15{position:relative;display:inline-flex;flex-wrap:nowrap}._date-time-picker_1w74t_15 div:first-child{margin-right:-1px}._date-time-picker_1w74t_15 ._date-picker_1w74t_9{border-top-right-radius:0;border-bottom-right-radius:0}._date-time-picker_1w74t_15 ._time-picker_1w74t_12{border-top-left-radius:0;border-bottom-left-radius:0}}
+._custom-header_1bmta_2{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--border-radius-xl);text-align:left}._date-picker_1bmta_10{text-align:left}._time-picker_1bmta_14{text-align:center}._date-time-picker_1bmta_18{position:relative;display:inline-flex;flex-wrap:nowrap}._date-time-picker_1bmta_18 div:first-child{margin-right:-1px}._date-time-picker_1bmta_18 ._date-picker_1bmta_10{border-top-right-radius:0;border-bottom-right-radius:0}._date-time-picker_1bmta_18 ._time-picker_1bmta_14{border-top-left-radius:0;border-bottom-left-radius:0}._picker-input-root_1bmta_35 .react-datepicker__input-container{display:block}._picker-popper-root_1bmta_39 .react-datepicker{padding:var(--border-radius-xl);font-family:inherit;font-size:var(--font-size-14);background-color:var(--color-background-neutral-inverse-fixed);border:var(--border-width-xs) solid var(--color-background-neutral-subtlest);border-radius:var(--border-radius-sm)}._picker-popper-root_1bmta_39 .react-datepicker--time-only{padding:0}._picker-popper-root_1bmta_39 .react-datepicker--time-only .react-datepicker__time-box{border-radius:0}._picker-popper-root_1bmta_39 .react-datepicker__time{background-color:inherit}._picker-popper-root_1bmta_39 .react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}._picker-popper-root_1bmta_39 .react-datepicker-time__header,._picker-popper-root_1bmta_39 .react-datepicker__triangle{display:none}._picker-popper-root_1bmta_39 .react-datepicker__time-container{width:100px;text-align:center}._picker-popper-root_1bmta_39 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:100%}._picker-popper-root_1bmta_39 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{height:200px;overflow-y:auto}._picker-popper-root_1bmta_39 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:auto;padding:var(--border-radius-md);cursor:pointer}._picker-popper-root_1bmta_39 .react-datepicker__header{padding:0;background-color:var(--color-background-neutral-inverse-fixed);border:none}._picker-popper-root_1bmta_39 .react-datepicker__day,._picker-popper-root_1bmta_39 .react-datepicker__day-name,._picker-popper-root_1bmta_39 .react-datepicker__time-list-item{color:var(--color-icon-warm-tertiary);font-weight:var(--font-weight-regular)}._picker-popper-root_1bmta_39 .react-datepicker__day,._picker-popper-root_1bmta_39 .react-datepicker__day-name{margin:.166rem .45rem}._picker-popper-root_1bmta_39 .react-datepicker__day-name{text-transform:uppercase;font-weight:var(--font-weight-medium);font-size:var(--border-radius-lg);letter-spacing:1px}._picker-popper-root_1bmta_39 .react-datepicker__day--outside-month{color:var(--color-border-warm-primary)}._picker-popper-root_1bmta_39 .react-datepicker__day--today{color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold);background-color:var(--color-background-brand-primary)}._picker-popper-root_1bmta_39 .react-datepicker__day:hover,._picker-popper-root_1bmta_39 .react-datepicker__month-text:hover,._picker-popper-root_1bmta_39 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:var(--color-background-warm-primary)}._picker-popper-root_1bmta_39 .react-datepicker__day,._picker-popper-root_1bmta_39 .react-datepicker__day--keyboard-selected,._picker-popper-root_1bmta_39 .react-datepicker__day--selected,._picker-popper-root_1bmta_39 .react-datepicker__day--in-selecting-range,._picker-popper-root_1bmta_39 .react-datepicker__day--in-range,._picker-popper-root_1bmta_39 .react-datepicker__day:not([aria-disabled=true]){border-radius:var(--border-radius-full)}._picker-popper-root_1bmta_39 .react-datepicker__day:hover,._picker-popper-root_1bmta_39 .react-datepicker__day--keyboard-selected:hover,._picker-popper-root_1bmta_39 .react-datepicker__day--selected:hover,._picker-popper-root_1bmta_39 .react-datepicker__day--in-selecting-range:hover,._picker-popper-root_1bmta_39 .react-datepicker__day--in-range:hover,._picker-popper-root_1bmta_39 .react-datepicker__day:not([aria-disabled=true]):hover{border-radius:var(--border-radius-full)}._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--selected,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--keyboard-selected,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--in-selecting-range,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--in-range,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text:hover{width:var(--size-icon-2xl);height:var(--size-icon-xl);margin:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--size-icon-xl)}._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text:hover,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--selected:hover,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--keyboard-selected:hover,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--in-selecting-range:hover,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--in-range:hover,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text:hover:hover{border-radius:var(--size-icon-xl)}._picker-popper-root_1bmta_39 .react-datepicker__day--keyboard-selected,._picker-popper-root_1bmta_39 .react-datepicker__month-text--keyboard-selected,._picker-popper-root_1bmta_39 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,._picker-popper-root_1bmta_39 .react-datepicker__day--selected,._picker-popper-root_1bmta_39 .react-datepicker__day--keyboard-selected:not([aria-disabled=true]),._picker-popper-root_1bmta_39 .react-datepicker__day--selected:not([aria-disabled=true]),._picker-popper-root_1bmta_39 .react-datepicker__day--in-selecting-range,._picker-popper-root_1bmta_39 .react-datepicker__day--in-range,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--selected,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--in-selecting-range,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--in-range{background-color:var(--color-background-brand-primary);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold);outline:none}._picker-popper-root_1bmta_39 .react-datepicker__day--keyboard-selected:hover,._picker-popper-root_1bmta_39 .react-datepicker__month-text--keyboard-selected:hover,._picker-popper-root_1bmta_39 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover,._picker-popper-root_1bmta_39 .react-datepicker__day--selected:hover,._picker-popper-root_1bmta_39 .react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,._picker-popper-root_1bmta_39 .react-datepicker__day--selected:not([aria-disabled=true]):hover,._picker-popper-root_1bmta_39 .react-datepicker__day--in-selecting-range:hover,._picker-popper-root_1bmta_39 .react-datepicker__day--in-range:hover,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--selected:hover,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--in-selecting-range:hover,._picker-popper-root_1bmta_39 .react-datepicker__month .react-datepicker__month-text--in-range:hover{background-color:var(--color-background-brand-primary);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold);outline:none}._picker-popper-root_1bmta_39 .react-datepicker__day-names,._picker-popper-root_1bmta_39 .react-datepicker__month{margin:0 -.45rem}._picker-popper-root_1bmta_39 .react-datepicker__month-text--today,._picker-popper-root_1bmta_39 .react-datepicker__current-month,._picker-popper-root_1bmta_39 .react-datepicker-time__header,._picker-popper-root_1bmta_39 .react-datepicker-year-header{font-weight:var(--font-weight-medium)}

package/dist/utils.js

@@ -1,5 +1,4 @@
 "use client";
-import './utils.css';
 import { u, b as f } from "./index-B6iGEm-i.js";
 import { c as b } from "./index-B6iGEm-i.js";
 import { f as S } from "./forwardRefWithAs-8eP3ZN15.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.6.8",
+  "version": "10.6.9",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"
@@ -28,7 +28,7 @@
   },
   "scripts": {
     "start": "vite build --watch",
-    "build": "vite build && node ./scripts/patch-css-imports.js",
+    "build": "vite build",
     "tokens:build": "node ./src/theme/scripts/build-tokens.js",
     "tokens:generate-theme-variables": "tsx src/theme/scripts/generate-theme-variables.ts",
     "theme:generate": "yarn tokens:build && tsx src/theme/scripts/generate-theme.ts && yarn run -T prettier --write 'src/theme/generated/theme.css' && yarn tokens:generate-theme-variables",

package/dist/CustomPopper.css

@@ -1 +0,0 @@
-.react-datepicker{padding:var(--border-radius-xl);font-family:inherit;font-size:var(--font-size-14);background-color:var(--color-background-neutral-inverse-fixed);border:var(--border-width-xs) solid var(--color-background-neutral-subtlest);border-radius:var(--border-radius-sm)}.react-datepicker--time-only{padding:0}.react-datepicker--time-only .react-datepicker__time-box{border-radius:0}.react-datepicker__time{background-color:inherit}.react-datepicker__input-container{display:block}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker-popper{z-index:1}.react-datepicker-time__header,.react-datepicker__triangle{display:none}.react-datepicker__time-container{width:100px;text-align:center}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{height:200px;overflow-y:auto}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:auto;padding:var(--border-radius-md);cursor:pointer}.react-datepicker__header{padding:0;background-color:var(--color-background-neutral-inverse-fixed);border:none}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-list-item{color:var(--color-icon-warm-tertiary);font-weight:var(--font-weight-regular)}.react-datepicker__day,.react-datepicker__day-name{margin:.166rem .45rem}.react-datepicker__day-name{text-transform:uppercase;font-weight:var(--font-weight-medium);font-size:var(--border-radius-lg);letter-spacing:1px}.react-datepicker__day--outside-month{color:var(--color-border-warm-primary)}.react-datepicker__day--today{color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold);background-color:var(--color-background-brand-primary)}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:var(--color-background-warm-primary)}.react-datepicker__day,.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__day:not([aria-disabled=true]){border-radius:var(--border-radius-full)}.react-datepicker__day:hover,.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__day:not([aria-disabled=true]):hover{border-radius:var(--border-radius-full)}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__month-text--selected,.react-datepicker__month .react-datepicker__month-text--keyboard-selected,.react-datepicker__month .react-datepicker__month-text--in-selecting-range,.react-datepicker__month .react-datepicker__month-text--in-range,.react-datepicker__month .react-datepicker__month-text:hover{width:var(--size-icon-2xl);height:var(--size-icon-xl);margin:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--size-icon-xl)}.react-datepicker__month .react-datepicker__month-text:hover,.react-datepicker__month .react-datepicker__month-text--selected:hover,.react-datepicker__month .react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__month .react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month .react-datepicker__month-text--in-range:hover,.react-datepicker__month .react-datepicker__month-text:hover:hover{border-radius:var(--size-icon-xl)}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,.react-datepicker__day--selected,.react-datepicker__day--selected:not([aria-disabled=true]),.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month .react-datepicker__month-text--selected,.react-datepicker__month .react-datepicker__month-text--in-selecting-range,.react-datepicker__month .react-datepicker__month-text--in-range{background-color:var(--color-background-brand-primary);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold);outline:none}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover,.react-datepicker__day--selected:hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month .react-datepicker__month-text--selected:hover,.react-datepicker__month .react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month .react-datepicker__month-text--in-range:hover{background-color:var(--color-background-brand-primary);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold);outline:none}.react-datepicker__day-names,.react-datepicker__month{margin:0 -.45rem}.react-datepicker__month-text--today,.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{font-weight:var(--font-weight-medium)}