welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/Field.css

@@ -1 +1 @@
-@layer components{._root_13ut9_2{display:grid;grid-template-areas:"label" "input";width:100%}._root_13ut9_2:has(._label_13ut9_7):has(._hint_13ut9_7){grid-template-areas:"label" "input" "hint"}._root_13ut9_2:not(:has(._label_13ut9_7)):has(._hint_13ut9_7){grid-template-areas:"input" "hint"}._root_13ut9_2:not(._inline_13ut9_13) ._hint_13ut9_7{margin-top:var(--spacing-xs)}._root_13ut9_2:not(._inline_13ut9_13) ._label_13ut9_7{margin-bottom:var(--spacing-sm)}._inline_13ut9_13{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--spacing-xs);grid-column-gap:var(--spacing-sm)}._inline_13ut9_13:has(._label_13ut9_7):has(._hint_13ut9_7){grid-template-areas:"input label" ". hint"}._inline_13ut9_13:not(:has(._label_13ut9_7)):has(._hint_13ut9_7){grid-template-areas:"input ." ". hint"}._label_13ut9_7{grid-area:label}._input_13ut9_35{display:flex;align-items:center;grid-area:input;width:100%}._hint_13ut9_7{grid-area:hint}._visuallyHidden_13ut9_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_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}}

package/dist/Field.js

@@ -1,56 +1,57 @@
 "use client";
-import { jsx as r, jsxs as L } from "react/jsx-runtime";
-import { createContext as q, useMemo as w, useId as A, useContext as M } from "react";
+import './Field.css';
+import { jsx as r, 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-PAaZGbyz.js";
 import { f as W } from "./forwardRefWithAs-8eP3ZN15.js";
-const k = "_root_13ut9_2", z = "_label_13ut9_7", E = "_hint_13ut9_7", G = "_inline_13ut9_13", J = "_input_13ut9_35", K = "_visuallyHidden_13ut9_44", O = {
+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 = {
   root: k,
   label: z,
   hint: E,
   inline: G,
   input: J,
   visuallyHidden: K
-}, o = T(O), p = q({
-  getInputProps: (e) => e,
+}, o = T(O), p = L({
+  getInputProps: (i) => i,
   hintID: "",
   labelID: "",
   variant: void 0
 });
-function _(e) {
+function b(i) {
   const d = A();
-  return e || d;
+  return i || d;
 }
 function P() {
   return M(p);
 }
-const Q = W((e, d) => {
+const Q = W((i, d) => {
   const {
     children: y,
     className: I,
     disabled: c,
-    error: f,
+    error: _,
     hideLabel: x,
     hint: D,
-    hintProps: t,
+    hintProps: n,
     id: g,
-    inline: N,
-    label: F,
-    labelProps: n,
+    inline: w,
+    label: N,
+    labelProps: t,
     required: u,
     success: h,
     warning: v,
-    ...H
-  } = e, i = f ? "danger" : h ? "success" : v ? "warning" : void 0, l = f ?? v ?? h ?? D, a = _(n == null ? void 0 : n.id), s = _(t == null ? void 0 : t.id), m = _(g), j = w(
+    ...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(
     () => ({
-      getInputProps(b) {
-        const B = [b["aria-describedby"], l && s].filter(Boolean).join(" ") || void 0, C = [b["aria-labelledby"], a].filter(Boolean).join(" ");
+      getInputProps(f) {
+        const j = [f["aria-describedby"], l && s].filter(Boolean).join(" ") || void 0, B = [f["aria-labelledby"], a].filter(Boolean).join(" ");
         return {
-          ...b,
-          "aria-describedby": B,
-          "aria-invalid": i === "danger" ? !0 : void 0,
-          "aria-labelledby": C,
+          ...f,
+          "aria-describedby": j,
+          "aria-invalid": e === "danger" ? !0 : void 0,
+          "aria-labelledby": B,
           disabled: c,
           id: m,
           required: u
@@ -58,11 +59,11 @@ const Q = W((e, d) => {
       },
       hintID: s,
       labelID: a,
-      variant: i
+      variant: e
     }),
-    [s, a, i, l, c, m, u]
+    [s, a, e, l, c, m, u]
   );
-  return /* @__PURE__ */ r(p.Provider, { value: j, children: /* @__PURE__ */ L("div", { ref: d, ...H, className: o("root", N && "inline", I), children: [
+  return /* @__PURE__ */ r(p.Provider, { value: H, children: /* @__PURE__ */ C("div", { ref: d, ...F, className: o("root", w && "inline", I), children: [
     /* @__PURE__ */ r(
       S,
       {
@@ -71,19 +72,19 @@ const Q = W((e, d) => {
         htmlFor: m,
         id: a,
         required: u,
-        variant: i,
-        ...n,
-        children: F
+        variant: e,
+        ...t,
+        children: N
       }
     ),
     /* @__PURE__ */ r("div", { className: o("input"), children: y }),
-    l ? /* @__PURE__ */ r(R, { className: o("hint"), id: s, variant: i, ...t, children: l }) : null
+    l ? /* @__PURE__ */ r(R, { className: o("hint"), id: s, variant: e, ...n, children: l }) : null
   ] }) });
 });
 Q.displayName = "Field";
 export {
   Q as Field,
   p as FieldContext,
-  _ as useDefaultID,
+  b as useDefaultID,
   P as useField
 };

package/dist/FieldGroup.css

@@ -1 +1 @@
-@layer components{._root_c16dq_2{border-width:0;width:100%;min-width:0;min-height:0;margin:0;padding:0}._root_c16dq_2>*{margin-bottom:var(--spacing-md)}._visually-hidden_c16dq_13{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_gw0mz_2{border-width:0;width:100%;min-width:0;min-height:0;margin:0;padding:0}._root_gw0mz_2>*{margin-bottom:var(--border-radius-lg)}._visually-hidden_gw0mz_13{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/FieldGroup.js

@@ -1,17 +1,19 @@
 "use client";
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
+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-PAaZGbyz.js";
-const p = "_root_c16dq_2", u = {
-  root: p,
-  "visually-hidden": "_visually-hidden_c16dq_13"
-}, o = f(u), v = m(
-  ({ children: s, className: e, hideLabel: r, label: l, required: i, ...t }, d) => /* @__PURE__ */ c("fieldset", { className: o("root", e), ref: d, ...t, children: [
-    /* @__PURE__ */ a(n, { as: "legend", className: o(r && "visually-hidden"), required: i, children: l }),
+import { c as p } from "./index-PAaZGbyz.js";
+const f = "_root_gw0mz_2", u = {
+  root: f,
+  "visually-hidden": "_visually-hidden_gw0mz_13"
+}, 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 {
-  v as FieldGroup
+  _ as FieldGroup
 };

package/dist/FileDrop.css

@@ -1 +1 @@
-@layer components{._root_1encq_2{border-radius:var(--radius-sm);border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:none;border-style:dashed;min-height:12.5rem;position:relative;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);transition:var(--duration-medium);color:var(--color, var(--color-neutral-90));background-color:var(--backgroundColor, var(--color-neutral-10));border-color:var(--borderColor, var(--color-neutral-30))}._root_1encq_2:focus{--borderColor: var(--color-yellow-40);box-shadow:var(--color-yellow-20) 0 0 0 2px}._root_1encq_2._disabled_1encq_26{--backgroundColor: var(--color-beige-30);--borderColor: var(--color-neutral-30);--color: var(--color-beige-70);cursor:not-allowed}._root_1encq_2._drag-reject_1encq_32{--borderColor: var(--color-red-40)}._file-input_1encq_35{display:block;height:0;opacity:0}._file-preview_1encq_40{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}._file-preview-icon_1encq_48{margin-bottom:var(--spacing-lg)}._file-preview-name_1encq_51{margin:0;max-width:600px}._file-preview-size_1encq_55{font-weight:var(--font-weight-medium);margin:0;color:var(--color-beige-70)}._image-preview_1encq_60{max-height:100%;max-width:100%;object-fit:contain}._actions_1encq_65{position:absolute;display:flex;top:var(--spacing-md);right:var(--spacing-md);gap:var(--spacing-xs)}._message-title_1encq_72{margin:0}._message-hint_1encq_75{margin:0;margin-top:var(--spacing-xs);color:var(--color-beige-70)}._message-file-button-text_1encq_80{margin-top:var(--spacing-lg)}}
+@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)}}