welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.11

package/dist/Field.css

@@ -1 +1 @@
-@layer components{._root_6ifwm_2{display:grid;grid-template-areas:"label" "input";width:100%}._root_6ifwm_2:has(._label_6ifwm_7):has(._hint_6ifwm_7){grid-template-areas:"label" "input" "hint"}._root_6ifwm_2:not(:has(._label_6ifwm_7)):has(._hint_6ifwm_7){grid-template-areas:"input" "hint"}._root_6ifwm_2:not(._inline_6ifwm_13) ._hint_6ifwm_7{margin-top:var(--components-dimensions-field-gap-assistive)}._root_6ifwm_2:not(._inline_6ifwm_13) ._label_6ifwm_7{margin-bottom:var(--components-dimensions-field-gap-label)}._inline_6ifwm_13{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--components-dimensions-field-gap-assistive);grid-column-gap:var(--components-dimensions-field-gap-label)}._inline_6ifwm_13:has(._label_6ifwm_7):has(._hint_6ifwm_7){grid-template-areas:"input label" ". hint"}._inline_6ifwm_13:not(:has(._label_6ifwm_7)):has(._hint_6ifwm_7){grid-template-areas:"input ." ". hint"}._label_6ifwm_7{grid-area:label}._input_6ifwm_35{display:flex;align-items:center;grid-area:input;width:100%}._hint_6ifwm_7{grid-area:hint}._visuallyHidden_6ifwm_44{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_wx4cj_2{display:grid;grid-template-areas:"label" "input";width:100%}._root_wx4cj_2:has(._label_wx4cj_7):has(._hint_wx4cj_7){grid-template-areas:"label" "input" "hint"}._root_wx4cj_2:not(:has(._label_wx4cj_7)):has(._hint_wx4cj_7){grid-template-areas:"input" "hint"}._root_wx4cj_2:not(._inline_wx4cj_13) ._hint_wx4cj_7{margin-top:var(--components-dimensions-field-gap-assistive)}._root_wx4cj_2:not(._inline_wx4cj_13) ._label_wx4cj_7{margin-bottom:var(--components-dimensions-field-gap-label)}._root_wx4cj_2 .field-input{align-self:center;grid-area:input}._root_wx4cj_2 .field-input.date-picker-wrapper{justify-self:start}._inline_wx4cj_13{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--components-dimensions-field-gap-assistive);grid-column-gap:var(--components-dimensions-field-gap-label)}._inline_wx4cj_13:has(._label_wx4cj_7):has(._hint_wx4cj_7){grid-template-areas:"input label" ". hint"}._inline_wx4cj_13:not(:has(._label_wx4cj_7)):has(._hint_wx4cj_7){grid-template-areas:"input ." ". hint"}._label_wx4cj_7{grid-area:label}._hint_wx4cj_7{grid-area:hint}._visuallyHidden_wx4cj_45{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 { jsx as r, jsxs as C } from "react/jsx-runtime";
+import './Field.css';
+import { jsx as m, jsxs as C } from "react/jsx-runtime";
 import { createContext as L, useMemo as q, useId as A, useContext as M } from "react";
 import { Hint as R } from "./Hint.js";
 import { Label as S } from "./Label.js";
-import { c as T } from "./index-CdiHdiVB.js";
+import { c as T } from "./index-PAaZGbyz.js";
 import { f as W } from "./forwardRefWithAs-8eP3ZN15.js";
-const k = "_root_6ifwm_2", z = "_label_6ifwm_7", E = "_hint_6ifwm_7", G = "_inline_6ifwm_13", J = "_input_6ifwm_35", K = "_visuallyHidden_6ifwm_44", O = {
+const k = "_root_wx4cj_2", z = "_label_wx4cj_7", E = "_hint_wx4cj_7", G = "_inline_wx4cj_13", J = "_visuallyHidden_wx4cj_45", K = {
   root: k,
   label: z,
   hint: E,
   inline: G,
-  input: J,
-  visuallyHidden: K
-}, o = T(O), p = L({
-  getInputProps: (i) => i,
+  visuallyHidden: J
+}, b = T(K), x = L({
+  getInputProps: (e) => e,
   hintID: "",
   labelID: "",
   variant: void 0
 });
-function b(i) {
-  const d = A();
-  return i || d;
+function f(e) {
+  const s = A();
+  return e || s;
 }
-function P() {
-  return M(p);
+function $() {
+  return M(x);
 }
-const Q = W((i, d) => {
+const O = W((e, s) => {
   const {
     children: y,
     className: I,
-    disabled: c,
-    error: _,
-    hideLabel: x,
-    hint: D,
+    disabled: o,
+    error: h,
+    hideLabel: j,
+    hint: p,
     hintProps: n,
-    id: g,
-    inline: w,
-    label: N,
+    id: D,
+    inline: g,
+    label: w,
     labelProps: t,
-    required: u,
-    success: h,
+    required: d,
+    success: _,
     warning: v,
-    ...F
-  } = i, e = _ ? "danger" : h ? "success" : v ? "warning" : void 0, l = _ ?? v ?? h ?? D, a = b(t == null ? void 0 : t.id), s = b(n == null ? void 0 : n.id), m = b(g), H = q(
+    ...N
+  } = e, i = h ? "danger" : _ ? "success" : v ? "warning" : void 0, l = h ?? v ?? _ ?? p, a = f(t == null ? void 0 : t.id), r = f(n == null ? void 0 : n.id), c = f(D), F = q(
     () => ({
-      getInputProps(f) {
-        const j = [f["aria-describedby"], l && s].filter(Boolean).join(" ") || void 0, B = [f["aria-labelledby"], a].filter(Boolean).join(" ");
+      getInputProps(u) {
+        const H = [u["aria-describedby"], l && r].filter(Boolean).join(" ") || void 0, B = [u["aria-labelledby"], a].filter(Boolean).join(" ");
         return {
-          ...f,
-          "aria-describedby": j,
-          "aria-invalid": e === "danger" ? !0 : void 0,
+          ...u,
+          "aria-describedby": H,
+          "aria-invalid": i === "danger" ? !0 : void 0,
           "aria-labelledby": B,
-          disabled: c,
-          id: m,
-          required: u
+          disabled: o,
+          id: c,
+          required: d
         };
       },
-      hintID: s,
+      hintID: r,
       labelID: a,
-      variant: e
+      variant: i
     }),
-    [s, a, e, l, c, m, u]
+    [r, a, i, l, o, c, d]
   );
-  return /* @__PURE__ */ r(p.Provider, { value: H, children: /* @__PURE__ */ C("div", { ref: d, ...F, className: o("root", w && "inline", I), children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ m(x.Provider, { value: F, children: /* @__PURE__ */ C("div", { ref: s, ...N, className: b("root", g && "inline", I), children: [
+    /* @__PURE__ */ m(
       S,
       {
-        className: o("label", x && "visuallyHidden"),
-        disabled: c,
-        htmlFor: m,
+        className: b("label", j && "visuallyHidden"),
+        disabled: o,
+        htmlFor: c,
         id: a,
-        required: u,
-        variant: e,
+        required: d,
+        variant: i,
         ...t,
-        children: N
+        children: w
       }
     ),
-    /* @__PURE__ */ r("div", { className: o("input"), children: y }),
-    l ? /* @__PURE__ */ r(R, { className: o("hint"), id: s, variant: e, ...n, children: l }) : null
+    y,
+    l ? /* @__PURE__ */ m(R, { className: b("hint"), id: r, variant: i, ...n, children: l }) : null
   ] }) });
 });
-Q.displayName = "Field";
+O.displayName = "Field";
 export {
-  Q as Field,
-  p as FieldContext,
-  b as useDefaultID,
-  P as useField
+  O as Field,
+  x as FieldContext,
+  f as useDefaultID,
+  $ as useField
 };

package/dist/FieldGroup.js

@@ -1,17 +1,19 @@
 "use client";
+import './FieldGroup.css';
 import { jsxs as d, jsx as m } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import { Label as n } from "./Label.js";
-import { c as f } from "./index-CdiHdiVB.js";
-const p = "_root_gw0mz_2", u = {
-  root: p,
+import { c as p } from "./index-PAaZGbyz.js";
+const f = "_root_gw0mz_2", u = {
+  root: f,
   "visually-hidden": "_visually-hidden_gw0mz_13"
-}, o = f(u), g = c(
-  ({ children: s, className: e, hideLabel: r, label: l, required: i, ...t }, a) => /* @__PURE__ */ d("fieldset", { className: o("root", e), ref: a, ...t, children: [
-    /* @__PURE__ */ m(n, { as: "legend", className: o(r && "visually-hidden"), required: i, children: l }),
+}, o = p(u), _ = c(
+  ({ children: s, className: e, hideLabel: l, label: r, required: i, ...t }, a) => /* @__PURE__ */ d("fieldset", { className: o("root", e), ref: a, ...t, children: [
+    /* @__PURE__ */ m(n, { as: "legend", className: o(l && "visually-hidden"), required: i, children: r }),
     s
   ] })
 );
+_.displayName = "FieldGroup";
 export {
-  g as FieldGroup
+  _ as FieldGroup
 };

package/dist/FileDrop.css

@@ -1 +1 @@
-@layer components{._root_tju30_2{border-radius:var(--border-radius-xs);border-width:var(--border-width-xs);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;border-style:dashed;min-height:12.5rem;position:relative;display:flex;justify-content:center;align-items:center;padding:var(--border-radius-lg);transition:var(--duration-medium);color:var(--color, var(--color-background-neutral-primary-fixed));background-color:var(--backgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--borderColor, var(--color-background-neutral-subtlest))}._root_tju30_2:focus{--borderColor: var(--color-background-brand-primary);box-shadow:var(--color-background-brand-subtle) 0 0 0 2px}._root_tju30_2._disabled_tju30_26{--backgroundColor: var(--color-background-warm-strong);--borderColor: var(--color-background-neutral-subtlest);--color: var(--color-icon-warm-tertiary);cursor:not-allowed}._root_tju30_2._drag-reject_tju30_32{--borderColor: var(--color-background-danger-primary)}._file-input_tju30_35{display:block;height:0;opacity:0}._file-preview_tju30_40{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}._file-preview-icon_tju30_48{margin-bottom:var(--border-radius-xl)}._file-preview-name_tju30_51{margin:0;max-width:600px}._file-preview-size_tju30_55{font-weight:var(--font-weight-medium);margin:0;color:var(--color-icon-warm-tertiary)}._image-preview_tju30_60{max-height:100%;max-width:100%;object-fit:contain}._actions_tju30_65{position:absolute;display:flex;top:var(--border-radius-lg);right:var(--border-radius-lg);gap:var(--border-radius-sm)}._message-title_tju30_72{margin:0}._message-hint_tju30_75{margin:0;margin-top:var(--border-radius-sm);color:var(--color-icon-warm-tertiary)}._message-file-button-text_tju30_80{margin-top:var(--border-radius-xl)}}
+@layer components{._root_z1bfm_2{border-radius:var(--border-radius-xs);border-width:var(--border-width-xs);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;border-style:dashed;min-height:12.5rem;position:relative;display:flex;justify-content:center;align-items:center;padding:var(--border-radius-lg);transition:var(--duration-medium);color:var(--color, var(--color-background-neutral-primary-fixed));background-color:var(--backgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--borderColor, var(--color-background-neutral-subtlest))}._root_z1bfm_2:focus{--borderColor: var(--color-background-brand-primary);box-shadow:var(--color-background-brand-subtle) 0 0 0 2px}._root_z1bfm_2._disabled_z1bfm_26{--backgroundColor: var(--color-background-warm-strong);--borderColor: var(--color-background-neutral-subtlest);--color: var(--color-icon-warm-tertiary);cursor:not-allowed}._root_z1bfm_2._drag-reject_z1bfm_32{--borderColor: var(--color-background-danger-primary)}._file-input_z1bfm_35{display:block;height:0;opacity:0}._file-preview_z1bfm_40{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}._file-preview-icon_z1bfm_48{margin-bottom:var(--border-radius-xl)}._file-preview-name_z1bfm_51{margin:0;max-width:600px}._file-preview-size_z1bfm_55{margin:0}._file-preview-button_z1bfm_58{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}._image-preview_z1bfm_63{max-height:100%;max-width:100%;object-fit:contain}._actions_z1bfm_68{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}._message-title_z1bfm_73{margin:0}._message-hint_z1bfm_76{margin:0;margin-top:var(--border-radius-sm);color:var(--color-icon-warm-tertiary)}._message-file-button-text_z1bfm_81{margin-top:var(--border-radius-xl)}}