welcome-ui 0.0.0-dev.1763389246174 → 0.0.0-dev.1763736449682

package/dist/Card.js

@@ -1,20 +1,72 @@
 "use client";
 import './Card.css';
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { c as e } from "./index-PAaZGbyz.js";
-const a = "_root_zwvv3_2", m = "_body_zwvv3_13", d = {
-  root: a,
-  body: m
-}, i = e(d), v = n(
-  ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ c("div", { className: i("body", r), ref: s, ...t, children: o })
-), l = n(({ alt: o, src: r, ...t }, s) => /* @__PURE__ */ c("div", { ref: s, ...t, children: /* @__PURE__ */ c("img", { alt: o, src: r }) })), y = e(d), _ = n(
-  ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ c("div", { className: y("root", r), ref: s, ...t, children: o })
-), u = Object.assign(_, {
-  Body: v,
-  Cover: l
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { c } from "./index-PAaZGbyz.js";
+import { Button as N } from "./Button.js";
+import { Icon as C } from "./Icon.js";
+import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
+const u = "_root_8fygh_2", v = "_header_8fygh_33", z = "_close_8fygh_46", x = "_body_8fygh_74", $ = "_metadata_8fygh_83", j = "_footer_8fygh_91", i = {
+  root: u,
+  header: v,
+  close: z,
+  body: x,
+  metadata: $,
+  footer: j,
+  "size-sm": "_size-sm_8fygh_104",
+  "size-md": "_size-md_8fygh_118",
+  "size-lg": "_size-lg_8fygh_132"
+}, m = c(i), f = d(
+  ({ children: o, className: a, metadata: e, ...s }, t) => /* @__PURE__ */ _("div", { className: m("body", a), ref: t, ...s, children: [
+    o,
+    e ? /* @__PURE__ */ r("div", { className: m("metadata"), children: e }) : null
+  ] })
+);
+f.displayName = "Card.Body";
+const y = d(({ alt: o, src: a, ...e }, s) => /* @__PURE__ */ r("div", { ref: s, ...e, children: /* @__PURE__ */ r("img", { alt: o, src: a }) }));
+y.displayName = "Card.Cover";
+const B = c(i), h = d(
+  ({ children: o, className: a, ...e }, s) => /* @__PURE__ */ r("div", { className: B("footer", a), ref: s, ...e, children: o })
+);
+h.displayName = "Card.Footer";
+const l = c(i), g = d(
+  ({ children: o, className: a, disabled: e, onClose: s, ...t }, n) => /* @__PURE__ */ _("div", { className: l("header", a), ref: n, ...t, children: [
+    o,
+    s ? /* @__PURE__ */ r(
+      N,
+      {
+        accessibleWhenDisabled: !1,
+        "aria-label": "Close",
+        className: l("close"),
+        disabled: e,
+        onClick: () => s(),
+        size: "sm",
+        variant: "tertiary",
+        children: /* @__PURE__ */ r(C, { name: "times" })
+      }
+    ) : null
+  ] })
+);
+g.displayName = "Card.Header";
+const w = c(i), p = b(
+  ({ as: o = "div", className: a, disabled: e, size: s = "md", ...t }, n) => /* @__PURE__ */ r(
+    o,
+    {
+      "aria-disabled": e,
+      ...t,
+      className: w("root", `size-${s}`, a),
+      ref: n
+    }
+  )
+);
+p.displayName = "Card";
+const D = Object.assign(p, {
+  Body: f,
+  Cover: y,
+  Footer: h,
+  Header: g
 });
 export {
-  u as Card,
-  _ as CardComponent
+  D as Card,
+  p as CardComponent
 };

package/dist/Checkbox.js

@@ -1,55 +1,55 @@
 "use client";
 import './Checkbox.css';
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import { C as x } from "./KPUWHTQJ-Byij2al4.js";
-import { forwardRef as C, useState as m } from "react";
-import { useField as V } from "./Field.js";
-import { VisuallyHidden as w } from "./VisuallyHidden.js";
-import { c as F } from "./index-PAaZGbyz.js";
-import { Icon as u } from "./Icon.js";
-const I = "_root_luk8p_2", j = "_indeterminate_luk8p_67", y = {
-  root: I,
+import { jsxs as b, jsx as s } from "react/jsx-runtime";
+import { a as x } from "./KPUWHTQJ-Dv3cAqjP.js";
+import { forwardRef as C, useState as l } from "react";
+import { useField as g } from "./Field.js";
+import { VisuallyHidden as V } from "./VisuallyHidden.js";
+import { c as w } from "./index-PAaZGbyz.js";
+import { Icon as d } from "./Icon.js";
+const y = "_root_luk8p_2", F = "_indeterminate_luk8p_67", I = {
+  root: y,
   "variant-danger": "_variant-danger_luk8p_49",
   "variant-warning": "_variant-warning_luk8p_55",
   "variant-success": "_variant-success_luk8p_61",
-  indeterminate: j
-}, z = F(y), q = C(
-  ({ checked: f = !1, className: _, indeterminate: a = !1, onChange: i, variant: k, ...t }, p) => {
-    const [e, n] = m(f), [h, o] = m(!1), { getInputProps: r, variant: v } = V(), c = v || k, { disabled: l } = r(t), b = (d) => {
-      n(d.target.checked), i && i(d);
+  indeterminate: F
+}, N = w(I), j = C(
+  ({ checked: m = !1, className: u, indeterminate: a = !1, onChange: i, variant: f, ...o }, p) => {
+    const [e, _] = l(m), [k, t] = l(!1), { getInputProps: n, variant: v } = g(), r = v || f, { disabled: c } = n(o), h = () => {
+      _(!e), i && i(!e);
     };
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ b(
       "div",
       {
         "aria-checked": e,
-        "aria-disabled": l,
-        className: z(
+        "aria-disabled": c,
+        className: N(
           "root",
-          c && `variant-${c}`,
+          r && `variant-${r}`,
           a && "indeterminate",
-          _
+          u
         ),
-        "data-focus-visible": h || void 0,
-        onClick: l ? void 0 : () => n(!e),
+        "data-focus-visible": k || void 0,
+        onClick: c ? void 0 : h,
         children: [
-          /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
+          /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(
             x,
             {
-              ...r(t),
+              ...n(o),
               checked: e,
-              onBlur: () => o(!1),
-              onChange: b,
-              onFocusVisible: () => o(!0),
+              onBlur: () => t(!1),
+              onFocusVisible: () => t(!0),
               ref: p
             }
           ) }),
-          e ? /* @__PURE__ */ s(u, { name: "check", size: "sm" }) : null,
-          !e && a ? /* @__PURE__ */ s(u, { name: "minus", size: "sm" }) : null
+          e ? /* @__PURE__ */ s(d, { name: "check", size: "sm" }) : null,
+          !e && a ? /* @__PURE__ */ s(d, { name: "minus", size: "sm" }) : null
         ]
       }
     );
   }
 );
+j.displayName = "Checkbox";
 export {
-  q as Checkbox
+  j as Checkbox
 };

package/dist/CloseButton.js

@@ -4,12 +4,12 @@ import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import { Button as n } from "./Button.js";
 import { Icon as m } from "./Icon.js";
-import { c } from "./index-PAaZGbyz.js";
-const i = "_root_1r27z_2", l = "_fade_1r27z_1", f = {
-  root: i,
+import { c as i } from "./index-PAaZGbyz.js";
+const c = "_root_1r27z_2", l = "_fade_1r27z_1", f = {
+  root: c,
   "animate-presence": "_animate-presence_1r27z_6",
   fade: l
-}, p = c(f), B = a(
+}, p = i(f), _ = a(
   ({ animatePresence: o = !1, className: t, ...r }, s) => /* @__PURE__ */ e(
     n,
     {
@@ -23,6 +23,7 @@ const i = "_root_1r27z_2", l = "_fade_1r27z_1", f = {
     }
   )
 );
+_.displayName = "CloseButton";
 export {
-  B as CloseButton
+  _ as CloseButton
 };

package/dist/{CustomPopper-vwbOQq72.js → CustomPopper-C1wIDHbM.js}

@@ -5870,7 +5870,7 @@ var us = (
 function ps(a, n) {
   return a && n ? ee(a) !== ee(n) || P(a) !== P(n) : a !== n;
 }
-var Rt = "Date input not valid.", ws = (
+var Rt = "Date input not valid.", ys = (
   /** @class */
   function(a) {
     Z(n, a);
@@ -6312,13 +6312,14 @@ var Rt = "Date input not valid.", ws = (
     }, n;
   }(z)
 ), fs = "input", It = "navigate";
-const ys = ({ children: a }) => {
+const hs = ({ children: a }) => {
   if (!a)
     return null;
   const { children: n, className: t, modifiers: e, placement: r, ...o } = a.props;
   return /* @__PURE__ */ je("div", { style: o, children: a });
 };
+hs.displayName = "DateTimePicker.CustomPopper";
 export {
-  ys as C,
-  ws as D
+  hs as C,
+  ys as D
 };

package/dist/{DSAASPLT-C-2xDjIv.js → DSAASPLT-Fx1kuAsk.js}

@@ -1,7 +1,7 @@
 "use client";
-import { a as c } from "./T22PY7TE-CzEDuEn1.js";
-import { u as d } from "./XCKGTAUF-CahZE721.js";
-import { f as p, c as f, b as D, _ as x, u as g, d as k, a as v } from "./OE2EFRVA-DkdhQLJL.js";
+import { a as c } from "./T22PY7TE-gLuJpoOm.js";
+import { u as d } from "./XCKGTAUF-CJwwVibW.js";
+import { f as p, c as f, b as D, _ as x, u as g, d as k, a as v } from "./OE2EFRVA-Dg1R6gaC.js";
 import { useMemo as h } from "react";
 import { jsxs as _, jsx as a } from "react/jsx-runtime";
 var b = "button", y = f(

package/dist/DatePicker.js

@@ -1,139 +1,141 @@
 "use client";
 import './DatePicker.css';
-import { jsxs as q, jsx as o } from "react/jsx-runtime";
-import { useState as $, useMemo as F, useEffect as j, forwardRef as G, useRef as J } from "react";
-import { D as P, C as Q } from "./CustomPopper-vwbOQq72.js";
-import { Button as M } from "./Button.js";
-import { Icon as w } from "./Icon.js";
-import { Select as K } from "./Select.js";
-import { c as v } from "./index-PAaZGbyz.js";
-import { g as V, a as W, s as B, b as X, D as k } from "./utils-BD597oo6.js";
-import { InputText as Z } from "./InputText.js";
-const Y = v(B), g = ({
+import { jsxs as q, jsx as l } from "react/jsx-runtime";
+import { useState as $, useMemo as k, useEffect as j, forwardRef as G, useRef as J } from "react";
+import { D as Q, C as V } from "./CustomPopper-C1wIDHbM.js";
+import { Button as F } from "./Button.js";
+import { Icon as M } from "./Icon.js";
+import { Select as w } from "./Select.js";
+import { c as P } from "./index-PAaZGbyz.js";
+import { g as W, a as X, s as v, b as Z, D as K } from "./utils-BD597oo6.js";
+import { InputText as Y } from "./InputText.js";
+const g = P(v), B = ({
   changeMonth: x,
-  changeYear: z,
+  changeYear: N,
   date: f,
-  decreaseMonth: I,
-  decreaseYear: N,
-  endYear: m,
-  increaseMonth: R,
+  decreaseMonth: T,
+  decreaseYear: z,
+  endYear: c,
+  increaseMonth: I,
   increaseYear: y,
   isMonthYearPicker: t,
   locale: D,
-  startYear: u
+  startYear: a
 }) => {
-  const [a, T] = $(null), [i, E] = $(null), l = F(() => V(D), [D]), r = F(() => W(u, m), [u, m]), c = (t || a === l[0].label) && i === u, A = (t || a === l[l.length - 1].label) && i === m;
+  const [u, R] = $(null), [i, E] = $(null), o = k(() => W(D), [D]), r = k(() => X(a, c), [a, c]), m = (t || u === o[0].label) && i === a, H = (t || u === o[o.length - 1].label) && i === c;
   return j(() => {
-    const b = new Date(f), n = l[b.getMonth()].label, H = b.getFullYear();
-    T(n), E(H);
-  }, [f, l]), /* @__PURE__ */ q("div", { className: Y("custom-header"), children: [
-    /* @__PURE__ */ o(
-      M,
+    const b = new Date(f), d = o[b.getMonth()].label, A = b.getFullYear();
+    R(d), E(A);
+  }, [f, o]), /* @__PURE__ */ q("div", { className: g("custom-header"), children: [
+    /* @__PURE__ */ l(
+      F,
       {
-        disabled: c,
-        onClick: t ? N : I,
+        disabled: m,
+        onClick: t ? z : T,
         size: "sm",
         title: `Previous ${t ? "year" : "month"}`,
         variant: "tertiary",
-        children: /* @__PURE__ */ o(w, { name: "angle-left-b", size: "xs" })
+        children: /* @__PURE__ */ l(M, { name: "angle-left-b", size: "xs" })
       }
     ),
-    !t && /* @__PURE__ */ o(
-      K,
+    !t && /* @__PURE__ */ l(
+      w,
       {
         id: "month",
         name: "month",
         onChange: x,
-        options: l,
+        options: o,
         size: "md",
-        value: a
+        value: u
       }
     ),
-    /* @__PURE__ */ o(K, { id: "year", name: "year", onChange: z, options: r, size: "md", value: i }),
-    /* @__PURE__ */ o(
-      M,
+    /* @__PURE__ */ l(w, { id: "year", name: "year", onChange: N, options: r, size: "md", value: i }),
+    /* @__PURE__ */ l(
+      F,
       {
-        disabled: A,
-        onClick: t ? y : R,
+        disabled: H,
+        onClick: t ? y : I,
         size: "sm",
         title: `Next ${t ? "year" : "month"}`,
         variant: "tertiary",
-        children: /* @__PURE__ */ o(w, { name: "angle-right-b", size: "xs" })
+        children: /* @__PURE__ */ l(M, { name: "angle-right-b", size: "xs" })
       }
     )
   ] });
-}, h = v(B), mt = G(
+};
+B.displayName = "DateTimePicker.CustomHeader";
+const h = P(v), C = G(
   ({
     autoFocus: x,
-    className: z,
+    className: N,
     dateFormat: f = "dd/MM/yyyy",
-    disabled: I,
-    endYear: N = k.getFullYear(),
-    icon: m,
-    iconPlacement: R = "left",
+    disabled: T,
+    endYear: z = K.getFullYear(),
+    icon: c,
+    iconPlacement: I = "left",
     locale: y,
     onChange: t,
     placeholder: D,
-    preventVirtualKeyboard: u = !1,
-    showMonthYearPicker: a,
-    size: T = "md",
+    preventVirtualKeyboard: a = !1,
+    showMonthYearPicker: u,
+    size: R = "md",
     startYear: i = 1900,
     transparent: E,
-    useWeekdaysShort: l = !0,
-    value: r = k,
-    ...c
-  }, A) => {
-    const b = c == null ? void 0 : c.timeIntervals, n = (e) => X(e, b), [H, d] = $(n(r)), L = J(), S = A || L;
+    useWeekdaysShort: o = !0,
+    value: r = K,
+    ...m
+  }, H) => {
+    const b = m == null ? void 0 : m.timeIntervals, d = (e) => Z(e, b), [A, n] = $(d(r)), L = J(), S = H || L;
     j(() => {
-      t == null || t(n(r));
+      t == null || t(d(r));
     }, []), j(() => {
       var p;
-      const e = n(r), s = typeof r == "object" ? r == null ? void 0 : r.toISOString() : r;
-      ((p = new Date(Date.parse(s))) == null ? void 0 : p.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), d(e);
+      const e = d(r), s = typeof r == "object" ? r == null ? void 0 : r.toISOString() : r;
+      ((p = new Date(Date.parse(s))) == null ? void 0 : p.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), n(e);
     }, [r]);
     const O = (e) => {
       var s;
       ["Enter", "Escape"].includes(e.key) && ((s = S.current) == null || s.blur());
     }, U = (e) => {
       var s;
-      e.preventDefault(), (s = S.current) == null || s.blur(), d(null), t == null || t(null);
+      e.preventDefault(), (s = S.current) == null || s.blur(), n(null), t == null || t(null);
     }, _ = (e) => {
       if (!e) {
-        d(null), t == null || t(null);
+        n(null), t == null || t(null);
         return;
       }
       const s = Array.isArray(e) ? e[0] : e;
       if (!s) {
-        d(null), t == null || t(null);
+        n(null), t == null || t(null);
         return;
       }
-      const p = n(s);
-      s.setHours(p.getHours(), p.getMinutes()), d(s), t == null || t(new Date(s));
+      const p = d(s);
+      s.setHours(p.getHours(), p.getMinutes()), n(s), t == null || t(new Date(s));
     };
     return (
       // 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__ */ o(
-        P,
+      /* @__PURE__ */ l(
+        Q,
         {
           autoComplete: "off",
           calendarClassName: "date-picker-popper",
-          customInput: /* @__PURE__ */ o(
-            Z,
+          customInput: /* @__PURE__ */ l(
+            Y,
             {
               autoFocus: x,
-              className: h("date-picker", z),
-              "data-testid": c["data-testid"],
-              disabled: I,
-              icon: m,
-              iconPlacement: R,
-              inputMode: u ? "none" : "text",
+              className: h("date-picker", N),
+              "data-testid": m["data-testid"],
+              disabled: T,
+              icon: c,
+              iconPlacement: I,
+              inputMode: a ? "none" : "text",
               isClearable: !0,
               onReset: U,
               placeholder: D,
               ref: S,
-              size: T,
+              size: R,
               transparent: E
             }
           ),
@@ -141,26 +143,27 @@ const Y = v(B), g = ({
           locale: y,
           onChange: _,
           onKeyDown: O,
-          popperContainer: Q,
-          renderCustomHeader: (e) => /* @__PURE__ */ o(
-            g,
+          popperContainer: V,
+          renderCustomHeader: (e) => /* @__PURE__ */ l(
+            B,
             {
-              endYear: N,
-              isMonthYearPicker: a,
+              endYear: z,
+              isMonthYearPicker: u,
               locale: y,
               startYear: i,
               ...e
             }
           ),
-          selected: H,
-          showMonthYearPicker: a,
-          useWeekdaysShort: l,
-          ...c
+          selected: A,
+          showMonthYearPicker: u,
+          useWeekdaysShort: o,
+          ...m
         }
       )
     );
   }
 );
+C.displayName = "DatePicker";
 export {
-  mt as DatePicker
+  C as DatePicker
 };

package/dist/DateTimePicker.js

@@ -1,52 +1,53 @@
 "use client";
 import { jsx as A } from "react/jsx-runtime";
-import { forwardRef as E, useState as x, useRef as P, useEffect as o, Children as H, cloneElement as I } from "react";
-import { b as N, D as b, s as j } from "./utils-BD597oo6.js";
+import { forwardRef as E, useState as P, useRef as x, useEffect as a, Children as N, cloneElement as H } from "react";
+import { b as I, D as b, s as j } from "./utils-BD597oo6.js";
 import { c as F } from "./index-PAaZGbyz.js";
-const L = F(j), q = E(
+const L = F(j), M = E(
   ({
-    children: a,
+    children: o,
     disabled: d,
     locale: p,
     onChange: s,
     size: D = "md",
-    transparent: n,
+    transparent: k,
     value: r = b,
     ...l
-  }, k) => {
-    const u = l == null ? void 0 : l.timeIntervals, c = (t) => N(t, u), [R, i] = x(c(r)), T = P(), y = k || T, m = (t) => {
+  }, n) => {
+    const u = l == null ? void 0 : l.timeIntervals, i = (t) => I(t, u), [T, c] = P(i(r)), y = x(), R = n || y, m = (t) => {
       if (!t) {
-        i(null), s == null || s(null);
+        c(null), s == null || s(null);
         return;
       }
       const e = Array.isArray(t) ? t[0] : t;
       if (!e) {
-        i(null), s == null || s(null);
+        c(null), s == null || s(null);
         return;
       }
-      const f = c(e);
-      e.setHours(f.getHours(), f.getMinutes()), i(e), s == null || s(new Date(e));
+      const f = i(e);
+      e.setHours(f.getHours(), f.getMinutes()), c(e), s == null || s(new Date(e));
     };
-    return o(() => {
-      m(c(r));
-    }, []), o(() => {
+    return a(() => {
+      m(i(r));
+    }, []), a(() => {
       var e;
-      const t = c(r);
-      ((e = new Date(r)) == null ? void 0 : e.getTime()) - (t == null ? void 0 : t.getTime()) !== 0 && m(t), i(t);
-    }, [r]), /* @__PURE__ */ A("div", { className: L("date-time-picker"), children: H.map(a, (t, e) => I(t, {
+      const t = i(r);
+      ((e = new Date(r)) == null ? void 0 : e.getTime()) - (t == null ? void 0 : t.getTime()) !== 0 && m(t), c(t);
+    }, [r]), /* @__PURE__ */ A("div", { className: L("date-time-picker"), children: N.map(o, (t, e) => H(t, {
       disabled: d,
-      inputRef: e === 0 ? y : null,
+      inputRef: e === 0 ? R : null,
       // give ref only to the DatePicker
       key: e,
       locale: p,
       onChange: m,
       size: D,
       timeIntervals: u,
-      transparent: n,
-      value: R
+      transparent: k,
+      value: T
     })) });
   }
 );
+M.displayName = "DateTimePicker";
 export {
-  q as DateTimePicker
+  M as DateTimePicker
 };