welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/Button.js

@@ -1,75 +1,64 @@
 "use client";
-import { jsxs as l, jsx as a, Fragment as g } from "react/jsx-runtime";
-import { B as f } from "./XCKGTAUF-DkxWCbaW.js";
-import { useButtonGroup as z } from "./ButtonGroup.js";
-import { Loader as b } from "./Loader.js";
-import { c as x } from "./index-PAaZGbyz.js";
-import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
+import './Button.css';
+import { jsxs as o, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { B as h } from "./XCKGTAUF-CJwwVibW.js";
+import { useButtonGroup as x } from "./ButtonGroup.js";
+import { Loader as B } from "./Loader.js";
+import { c as N } from "./index-PAaZGbyz.js";
+import { f as w } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
-const N = "_root_1q8jk_2", $ = "_shape_1q8jk_74", D = "_loader_1q8jk_235", S = {
-  root: N,
-  shape: $,
-  "shape-default": "_shape-default_1q8jk_77",
-  "shape-circle": "_shape-circle_1q8jk_80",
-  "shape-square": "_shape-square_1q8jk_84",
-  "size-lg": "_size-lg_1q8jk_87",
-  "size-md": "_size-md_1q8jk_87",
-  "size-sm": "_size-sm_1q8jk_87",
-  "size-xs": "_size-xs_1q8jk_87",
-  "variant-disabled": "_variant-disabled_1q8jk_140",
-  "variant-ghost": "_variant-ghost_1q8jk_147",
-  "variant-ghost-ai": "_variant-ghost-ai_1q8jk_155",
-  "variant-ghost-danger": "_variant-ghost-danger_1q8jk_164",
-  "variant-primary": "_variant-primary_1q8jk_173",
-  "variant-primary-ai": "_variant-primary-ai_1q8jk_182",
-  "variant-primary-danger": "_variant-primary-danger_1q8jk_192",
-  "variant-secondary": "_variant-secondary_1q8jk_202",
-  "variant-tertiary": "_variant-tertiary_1q8jk_212",
-  "variant-tertiary-ai": "_variant-tertiary-ai_1q8jk_219",
-  "variant-tertiary-danger": "_variant-tertiary-danger_1q8jk_227",
-  loader: D,
-  "loader-children": "_loader-children_1q8jk_245"
-}, t = x(S), W = B(
+const $ = "_root_vtvta_12", j = "_loader_vtvta_243", D = {
+  root: $,
+  "wui-icon-font": "_wui-icon-font_vtvta_66",
+  "size-sm": "_size-sm_vtvta_77",
+  "size-md": "_size-md_vtvta_84",
+  "size-lg": "_size-lg_vtvta_91",
+  "variant-primary": "_variant-primary_vtvta_98",
+  "variant-primary-neutral": "_variant-primary-neutral_vtvta_108",
+  "variant-primary-ai": "_variant-primary-ai_vtvta_123",
+  "rotate-gradient": "_rotate-gradient_vtvta_1",
+  "variant-primary-danger": "_variant-primary-danger_vtvta_155",
+  "variant-secondary": "_variant-secondary_vtvta_171",
+  "variant-secondary-danger": "_variant-secondary-danger_vtvta_192",
+  "variant-tertiary": "_variant-tertiary_vtvta_213",
+  "variant-tertiary-danger": "_variant-tertiary-danger_vtvta_226",
+  loader: j,
+  "loader-children": "_loader-children_vtvta_253"
+}, r = N(D), S = w(
   ({
-    accessibleWhenDisabled: m = !0,
-    as: e,
-    children: i,
-    className: c = "",
-    disabled: p = !1,
-    isLoading: r = !1,
-    shape: s = "default",
-    size: v = "md",
-    variant: j = "primary",
-    ...q
-  }, k) => {
-    const { disabled: h, size: u, variant: y } = z(), _ = h || p || r, n = _ && "disabled" || y || j, o = u || v, d = e || "button";
-    return /* @__PURE__ */ l(
-      f,
+    accessibleWhenDisabled: v = !0,
+    as: i,
+    children: e,
+    className: s = "",
+    disabled: _ = !1,
+    isLoading: a = !1,
+    size: d = "lg",
+    variant: l = "primary",
+    ...m
+  }, c) => {
+    const { disabled: p, size: u, variant: y } = x(), f = p || _ || a, g = y || l, z = u || d, n = i || "button";
+    return /* @__PURE__ */ o(
+      h,
       {
-        ...d === "button" ? { type: "button" } : {},
-        ...q,
-        accessibleWhenDisabled: m,
-        className: t(
-          "root",
-          n && `variant-${n}`,
-          s && `shape-${s}`,
-          o && `size-${o}`,
-          c
-        ),
-        disabled: _,
-        ref: k,
-        render: e ? /* @__PURE__ */ a(d, {}) : void 0,
+        ...n === "button" ? { type: "button" } : {},
+        ...m,
+        accessibleWhenDisabled: v,
+        className: r("root", `variant-${g}`, `size-${z}`, s),
+        disabled: f,
+        ref: c,
+        render: i ? /* @__PURE__ */ t(n, {}) : void 0,
         children: [
-          r ? /* @__PURE__ */ l(g, { children: [
-            /* @__PURE__ */ a("div", { className: t("loader"), children: /* @__PURE__ */ a(b, { size: "xs" }) }),
-            /* @__PURE__ */ a("div", { className: t("loader-children"), children: i })
+          a ? /* @__PURE__ */ o(b, { children: [
+            /* @__PURE__ */ t("div", { className: r("loader"), children: /* @__PURE__ */ t(B, { size: "xs" }) }),
+            /* @__PURE__ */ t("div", { className: r("loader-children"), children: e })
           ] }) : null,
-          !r && i
+          !a && e
         ]
       }
     );
   }
 );
+S.displayName = "Button";
 export {
-  W as Button
+  S as Button
 };

package/dist/ButtonGroup.js

@@ -1,4 +1,5 @@
 "use client";
+import './ButtonGroup.css';
 import { jsx as e } from "react/jsx-runtime";
 import { createContext as f, useMemo as i, useContext as l } from "react";
 import { c as x } from "./index-PAaZGbyz.js";
@@ -6,10 +7,10 @@ import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
 const d = "_root_kot0y_2", y = {
   root: d
 }, B = x(y), s = f({});
-function N() {
+function j() {
   return l(s);
 }
-const j = G(
+const C = G(
   ({
     as: n = "div",
     children: u,
@@ -23,8 +24,9 @@ const j = G(
     return /* @__PURE__ */ e(s.Provider, { value: p, children: /* @__PURE__ */ e(n, { ...m, className: B("root", c), ref: a, children: u }) });
   }
 );
+C.displayName = "ButtonGroup";
 export {
-  j as ButtonGroup,
+  C as ButtonGroup,
   s as ButtonGroupContext,
-  N as useButtonGroup
+  j as useButtonGroup
 };

package/dist/Card.css

@@ -1 +1 @@
-@layer components{._root_10ds1_2{border-radius:var(--radius-md);background-size:cover;background-position:center;background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-style:solid;border-width:var(--border-width-sm);overflow:hidden}._body_10ds1_13{padding:var(--spacing-lg)}}
+@layer components{._root_8fygh_2{font-family:var(--font-family-body);letter-spacing:var(--font-letter-spacing-none);font-weight:var(--font-weight-regular);border-radius:var(--components-dimensions-card-border-radius);background-size:cover;background-position:center;background-color:var(--components-colors-card-color-background-default);border-color:var(--borderColorCard, var(--components-colors-card-color-border-default));border-style:solid;border-width:var(--border-width-xs);outline:transparent solid var(--border-width-md);box-shadow:var(--boxShadowCard, var(--elevation-10));overflow:hidden;position:relative;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out}._root_8fygh_2:hover:not([aria-disabled]):not(:disabled){--borderColorCard: var(--components-colors-card-color-border-hover);--boxShadowCard: var(--elevation-20);--colorIconHeader: var(--components-colors-card-color-icon-hover)}._root_8fygh_2[aria-disabled],._root_8fygh_2:disabled{--colorCard: var(--components-colors-button-color-text-tertiary-main-disabled);--colorIconHeader: var(--colorCard)}._header_8fygh_33{font-family:var(--font-family-title);letter-spacing:var(--font-letter-spacing-xs);font-weight:var(--font-weight-bold);font-size:var(--fontSizeHeader);line-height:var(--fontLineHeightHeader);color:var(--colorCard, var(--components-colors-card-header-color-text-default));padding:var(--paddingBlock) var(--paddingInline) 0;display:flex;flex-direction:row;align-items:center;gap:var(--components-dimensions-card-gap-title)}._header_8fygh_33:has(._close_8fygh_46){padding-right:calc(var(--sizeIconHeader) + var(--paddingInlineClose))}._header_8fygh_33 i.wui-icon-font,._header_8fygh_33 svg{flex-shrink:0;color:var(--colorIconHeader, var(--components-colors-card-header-color-icon-default));font-weight:initial;font-size:var(--sizeIconHeader);width:var(--sizeIconHeader);height:var(--sizeIconHeader);transition:color var(--duration-medium) ease-in-out}._header_8fygh_33 ._close_8fygh_46{position:absolute;right:var(--paddingInlineClose);top:var(--paddingBlockClose);height:auto;padding-inline:0!important}._header_8fygh_33 ._close_8fygh_46>svg{color:var(--components-colors-card-action-dismiss-icon-default)}._header_8fygh_33 ._close_8fygh_46:hover:not([aria-disabled]):not(:disabled)>svg{color:var(--components-colors-card-action-dismiss-icon-hover)}._body_8fygh_74{font-size:var(--fontSizeBody);line-height:var(--fontLineHeightBody);color:var(--colorCard, var(--components-colors-card-body-color-text-default));padding:var(--paddingBlock) var(--paddingInline);display:flex;flex-direction:column;gap:var(--gapBody)}._body_8fygh_74 ._metadata_8fygh_83{font-size:var(--fontSizeMetadata);line-height:var(--fontLineHeightMetadata);color:var(--colorCard, var(--components-colors-card-body-meta-color-text-default))}._footer_8fygh_91{font-size:var(--fontSizeBody);line-height:var(--fontLineHeightBody);color:var(--colorCard, var(--components-colors-card-body-color-text-default));padding:0 var(--paddingBlock) var(--paddingInline);display:flex;flex-direction:row;align-items:center;gap:var(--components-dimensions-card-gap-actions)}._size-sm_8fygh_104{--paddingBlock: var(--components-dimensions-card-padding-block-sm);--paddingInline: var(--components-dimensions-card-padding-inline-sm);--sizeIconHeader: var(--components-dimensions-card-action-dismiss-size-icon-sm);--fontSizeHeader: var(--font-size-lg);--fontLineHeightHeader: var(--font-line-height-xs);--paddingBlockClose: var(--components-dimensions-card-action-dismiss-padding-block-start-sm);--paddingInlineClose: var(--components-dimensions-card-action-dismiss-padding-inline-end-sm);--gapBody: var(--components-dimensions-card-gap-content-sm);--fontSizeBody: var(--font-size-sm);--fontLineHeightBody: var(--font-line-height-md);--fontSizeMetadata: var(--font-size-xs);--fontLineHeightMetadata: var(--font-line-height-sm)}._size-md_8fygh_118{--paddingBlock: var(--components-dimensions-card-padding-block-md);--paddingInline: var(--components-dimensions-card-padding-inline-md);--sizeIconHeader: var(--components-dimensions-card-action-dismiss-size-icon-md);--fontSizeHeader: var(--font-size-2xl);--fontLineHeightHeader: var(--font-line-height-xs);--paddingBlockClose: var(--components-dimensions-card-action-dismiss-padding-block-start-md);--paddingInlineClose: var(--components-dimensions-card-action-dismiss-padding-inline-end-md);--gapBody: var(--components-dimensions-card-gap-content-md);--fontSizeBody: var(--font-size-md);--fontLineHeightBody: var(--font-line-height-lg);--fontSizeMetadata: var(--font-size-sm);--fontLineHeightMetadata: var(--font-line-height-md)}._size-lg_8fygh_132{--paddingBlock: var(--components-dimensions-card-padding-block-lg);--paddingInline: var(--components-dimensions-card-padding-inline-lg);--sizeIconHeader: var(--components-dimensions-card-action-dismiss-size-icon-lg);--fontSizeHeader: var(--font-size-2xl);--fontLineHeightHeader: var(--font-line-height-xs);--paddingBlockClose: var(--components-dimensions-card-action-dismiss-padding-block-start-lg);--paddingInlineClose: var(--components-dimensions-card-action-dismiss-padding-inline-end-lg);--gapBody: var(--components-dimensions-card-gap-content-lg);--fontSizeBody: var(--font-size-lg);--fontLineHeightBody: var(--font-line-height-lg);--fontSizeMetadata: var(--font-size-md);--fontLineHeightMetadata: var(--font-line-height-lg)}}

package/dist/Card.js

@@ -1,19 +1,72 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { c as d } from "./index-PAaZGbyz.js";
-const a = "_root_10ds1_2", m = "_body_10ds1_13", e = {
-  root: a,
-  body: m
-}, i = d(e), l = n(
-  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: i("body", r), ref: t, ...s, children: o })
-), y = n(({ alt: o, src: r, ...s }, t) => /* @__PURE__ */ c("div", { ref: t, ...s, children: /* @__PURE__ */ c("img", { alt: o, src: r }) })), _ = d(e), b = n(
-  ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ c("div", { className: _("root", r), ref: t, ...s, children: o })
-), v = Object.assign(b, {
-  Body: l,
-  Cover: y
+import './Card.css';
+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 {
-  v as Card,
-  b as CardComponent
+  D as Card,
+  p as CardComponent
 };

package/dist/Checkbox.css

@@ -1 +1 @@
-@layer components{._root_1rv7m_2{position:relative;padding:0;cursor:pointer;transition:var(--duration-medium);overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1rem;outline:transparent solid var(--border-width-md);border-radius:var(--radius-sm);border-style:solid;border-width:var(--border-width-sm);flex-shrink:0;height:1rem;width:1rem;color:var(--color-neutral-90);background-color:var(--backgroundColor, var(--color-neutral-10));border-color:var(--borderColor, var(--color-neutral-30))}._root_1rv7m_2:after{background-color:var(--afterBackgroundColor);content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-mask-size:contain;mask-size:contain;width:10px}._root_1rv7m_2:disabled,._root_1rv7m_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--borderColor: var(--color-beige-50);cursor:not-allowed}._root_1rv7m_2:not([disabled]):hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_1rv7m_2[data-focus-visible],._root_1rv7m_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_1rv7m_2::placeholder{color:var(--color-neutral-60)}._root_1rv7m_2[aria-checked=true]:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._root_1rv7m_2[aria-checked=true]:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._root_1rv7m_2[aria-checked=true]:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._root_1rv7m_2[aria-checked=true]:after{--afterBackgroundColor: var(--color-beige-50);height:8px;mask:url('data:image/svg+xml; utf8, <svg viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg"><path fill="000000" d="M7.96171 0.596898C8.24912 0.27893 8.74024 0.25262 9.06024 0.537743C9.37208 0.815607 9.40671 1.28712 9.14514 1.60662L9.11975 1.63611L3.90331 7.40311C3.75365 7.5687 3.54304 7.66003 3.32401 7.66003C3.15017 7.66003 2.98077 7.60235 2.84241 7.49383L2.80848 7.46564L0.943652 5.82577C0.620151 5.54147 0.590221 5.04928 0.877091 4.72749C1.15398 4.41772 1.62383 4.38076 1.94536 4.6368L1.97506 4.66166L3.26156 5.79276L7.96171 0.596898Z" /></svg>')}._variant-danger_1rv7m_67{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_1rv7m_73{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_1rv7m_79{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._indeterminate_1rv7m_85:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._indeterminate_1rv7m_85:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._indeterminate_1rv7m_85:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._indeterminate_1rv7m_85:after{--afterBackgroundColor: var(--color-beige-50);height:4px;mask:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 10 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.3973 1.76919C0.953776 1.81988 0.634816 2.04775 0.685235 2.49156C0.732149 2.90436 1.08212 3.03624 1.48789 3.03624L8.6029 2.23086C9.04669 2.18017 9.36538 1.9523 9.31469 1.50849C9.26427 1.06468 8.86389 0.917163 8.41956 0.969201C4.90971 1.38026 4.90828 1.36792 1.3973 1.76919Z' fill='000000'/%3E%3C/svg%3E")}}
+@layer components{._root_luk8p_2{position:relative;display:flex;align-items:center;justify-content:center;height:var(--components-dimensions-checkbox-size-container);width:var(--components-dimensions-checkbox-size-container);flex-shrink:0;cursor:pointer;border-style:solid;border-width:var(--components-dimensions-checkbox-border-width-default);border-radius:var(--components-dimensions-checkbox-border-radius);outline:transparent solid var(--components-dimensions-checkbox-border-width-focused);transition-property:border-color,background-color,color,outline-color;transition-duration:var(--duration-medium);color:var(--color, var(--components-colors-checkbox-color-icon-default));background-color:var(--backgroundColor, var(--components-colors-checkbox-color-background-unchecked-default));border-color:var(--borderColor, var(--components-colors-checkbox-color-border-unchecked-default))}._root_luk8p_2:disabled,._root_luk8p_2[aria-disabled]{--color: var(--components-colors-checkbox-color-icon-disabled);--backgroundColor: var(--components-colors-checkbox-color-border-disabled);--borderColor: var(--components-colors-checkbox-color-border-disabled);cursor:not-allowed}._root_luk8p_2:not([aria-disabled]):hover{--borderColor: var( --borderColorHover, var(--components-colors-checkbox-color-border-unchecked-hover) )}._root_luk8p_2[data-focus-visible],._root_luk8p_2:focus-visible{--borderColor: var( --borderColorFocused, var(--components-colors-checkbox-color-border-focused) );outline-color:var(--outlineColorFocus, var(--components-colors-checkbox-color-border-focused))}._root_luk8p_2[aria-checked=true]:not([aria-disabled]){--backgroundColor: var(--components-colors-checkbox-color-background-checked-default);--borderColor: var(--components-colors-checkbox-color-background-checked-default)}._root_luk8p_2[aria-checked=true]:not([aria-disabled]):hover{--backgroundColor: var(--components-colors-checkbox-color-background-checked-hover);--borderColor: var(--backgroundColor)}._variant-danger_luk8p_49{--borderColor: var(--components-colors-checkbox-color-border-error);--borderColorHover: var(--components-colors-checkbox-color-border-error);--borderColorFocused: var(--components-colors-checkbox-color-border-error);--outlineColorFocus: var(--color-background-danger-secondary)}._variant-warning_luk8p_55{--borderColor: var(--color-background-warning-stronger);--borderColorHover: var(--color-background-warning-stronger);--borderColorFocused: var(--color-background-warning-stronger);--outlineColorFocus: var(--color-background-warning-secondary)}._variant-success_luk8p_61{--borderColor: var(--color-background-accent-green-strongest);--borderColorHover: var(--color-background-accent-green-strongest);--borderColorFocused: var(--color-background-accent-green-strongest);--outlineColorFocus: var(--color-background-accent-green-primary)}._indeterminate_luk8p_67:not([aria-disabled]){--backgroundColor: var(--components-colors-checkbox-color-background-checked-default);--borderColor: var(--components-colors-checkbox-color-background-checked-default)}._indeterminate_luk8p_67:not([aria-disabled]):hover{--backgroundColor: var(--components-colors-checkbox-color-background-checked-hover);--borderColor: var(--backgroundColor)}}

package/dist/Checkbox.js

@@ -1,37 +1,55 @@
 "use client";
-import { jsx as d } from "react/jsx-runtime";
-import { C as f } from "./KPUWHTQJ-CKDqSAor.js";
-import { forwardRef as l } from "react";
+import './Checkbox.css';
+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 { c as p } from "./index-PAaZGbyz.js";
-const h = "_root_1rv7m_2", u = "_indeterminate_1rv7m_85", x = {
-  root: h,
-  "variant-danger": "_variant-danger_1rv7m_67",
-  "variant-warning": "_variant-warning_1rv7m_73",
-  "variant-success": "_variant-success_1rv7m_79",
-  indeterminate: u
-}, k = p(x), j = l(
-  ({ checked: e = !1, className: n, indeterminate: o = !1, onChange: t, variant: i, ...s }, c) => {
-    const { getInputProps: m, variant: _ } = g(), a = _ || i, v = (r) => {
-      r.target.checked = !r.target.checked, t && t(r);
+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: 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__ */ d(
-      f,
+    return /* @__PURE__ */ b(
+      "div",
       {
-        ...m(s),
-        checked: e,
-        className: k(
+        "aria-checked": e,
+        "aria-disabled": c,
+        className: N(
           "root",
-          a && `variant-${a}`,
-          o && "indeterminate",
-          n
+          r && `variant-${r}`,
+          a && "indeterminate",
+          u
         ),
-        onChange: v,
-        ref: c
+        "data-focus-visible": k || void 0,
+        onClick: c ? void 0 : h,
+        children: [
+          /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(
+            x,
+            {
+              ...n(o),
+              checked: e,
+              onBlur: () => t(!1),
+              onFocusVisible: () => t(!0),
+              ref: p
+            }
+          ) }),
+          e ? /* @__PURE__ */ s(d, { name: "check", size: "sm" }) : null,
+          !e && a ? /* @__PURE__ */ s(d, { name: "minus", size: "sm" }) : null
+        ]
       }
     );
   }
 );
+j.displayName = "Checkbox";
 export {
   j as Checkbox
 };

package/dist/CloseButton.css

@@ -1 +1 @@
-@layer components{._root_rhe1o_2>svg:only-child{width:var(--spacing-md);height:var(--spacing-md)}._animate-presence_rhe1o_6{animation-duration:var(--duration-medium);animation-timing-function:var(--timing-primary);animation-name:_fade_rhe1o_1}@keyframes _fade_rhe1o_1{0%{opacity:0}to{opacity:1}}}
+@layer components{._root_1r27z_2>svg:only-child{width:var(--components-dimensions-button-size-icon-sm);height:var(--components-dimensions-button-size-icon-sm)}._animate-presence_1r27z_6{animation-duration:var(--duration-medium);animation-timing-function:var(--timing-primary);animation-name:_fade_1r27z_1}@keyframes _fade_1r27z_1{0%{opacity:0}to{opacity:1}}}

package/dist/CloseButton.js

@@ -1,29 +1,29 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
+import './CloseButton.css';
+import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import { Button as n } from "./Button.js";
-import "./Icon-BisRi8B3.js";
-import { C as c } from "./index-BJLXLdM3.js";
-import { c as m } from "./index-PAaZGbyz.js";
-const i = "_root_rhe1o_2", l = "_fade_rhe1o_1", f = {
-  root: i,
-  "animate-presence": "_animate-presence_rhe1o_6",
+import { Icon as m } from "./Icon.js";
+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 = m(f), B = a(
-  ({ animatePresence: e = !1, className: r, ...t }, s) => /* @__PURE__ */ o(
+}, p = i(f), _ = a(
+  ({ animatePresence: o = !1, className: t, ...r }, s) => /* @__PURE__ */ e(
     n,
     {
       "aria-label": "Close",
-      className: p("root", e && "animate-presence", r),
+      className: p("root", o && "animate-presence", t),
       ref: s,
-      shape: "circle",
       size: "sm",
-      variant: "ghost",
-      ...t,
-      children: /* @__PURE__ */ o(c, { size: "lg" })
+      variant: "tertiary",
+      ...r,
+      children: /* @__PURE__ */ e(m, { name: "times", size: "lg" })
     }
   )
 );
+_.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/CustomPopper.css

@@ -1 +1 @@
-.react-datepicker{padding:var(--spacing-lg);font-family:inherit;font-size:var(--font-size-sm);background-color:var(--color-neutral-10);border:var(--border-width-sm) solid var(--color-neutral-30);border-radius:var(--radius-md)}.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(--spacing-sm);cursor:pointer}.react-datepicker__header{padding:0;background-color:var(--color-neutral-10);border:none}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-list-item{color:var(--color-beige-70);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(--font-size-xs);letter-spacing:1px}.react-datepicker__day--outside-month{color:var(--color-beige-60)}.react-datepicker__day--today{color:var(--color-neutral-90);font-weight:var(--font-weight-bold);background-color:var(--color-brand-40)}.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-beige-20)}.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(--radius-circle)}.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(--radius-circle)}.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(--spacing-4xl);height:var(--spacing-xxl);margin:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--spacing-xxl)}.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(--spacing-xxl)}.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-brand-40);color:var(--color-neutral-90);font-weight:var(--font-weight-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-brand-40);color:var(--color-neutral-90);font-weight:var(--font-weight-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)}
+.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)}

package/dist/{DSAASPLT-COUlh0RL.js → DSAASPLT-Fx1kuAsk.js}

@@ -1,7 +1,7 @@
 "use client";
-import { a as c } from "./T22PY7TE-BxbmImwX.js";
-import { u as d } from "./XCKGTAUF-DkxWCbaW.js";
-import { f as p, c as f, b as D, _ as x, u as g, d as k, a as v } from "./OE2EFRVA-C3721cM3.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(