welcome-ui 0.0.0-dev.1759222868187 → 0.0.0-dev.1759252708223

package/dist/{VGCJ63VH-CV_AMRHp.js → VGCJ63VH-Bdd6jzVW.js}

@@ -1,7 +1,7 @@
 "use client";
-import { m as Y, o as Z, t as ee, c as te, s as y, a as O, b as ne, d as oe, e as P, u as T } from "./YV4JVR4I-CvfP1OCB.js";
-import { A as p, B as ae, C as se, D as re, t as H, f as R, _ as F, d as b, c as ie, a as ue, i as le, x as ce, E as S, v as de, b as V, j as me, z as fe } from "./LVA2YJMS-BmLXjKP9.js";
-import { createContext as I, useRef as ve, useState as pe, useMemo as Se } from "react";
+import { m as Y, o as Z, t as ee, c as te, s as y, d as A, e as ne, a as oe, b as P, u as T } from "./YV4JVR4I-BN6SUVuh.js";
+import { J as p, I as ae, K as se, L as re, t as H, f as I, _ as R, d as b, c as ie, a as ue, i as le, E as ce, y as S, v as de, b as V, j as me, G as fe } from "./LVA2YJMS-C6Bdr5Em.js";
+import { createContext as F, useRef as ve, useState as pe, useMemo as Se } from "react";
 import { flushSync as De } from "react-dom";
 import { jsx as M } from "react/jsx-runtime";
 function Ce(n = {}) {
@@ -25,7 +25,7 @@ function Ce(n = {}) {
   }, a = te(r, o);
   return y(
     a,
-    () => O(a, ["animated", "animating"], (s) => {
+    () => A(a, ["animated", "animating"], (s) => {
       s.animated || a.setState("animating", !1);
     })
   ), y(
@@ -35,7 +35,7 @@ function Ce(n = {}) {
     })
   ), y(
     a,
-    () => O(a, ["open", "animating"], (s) => {
+    () => A(a, ["open", "animating"], (s) => {
       a.setState("mounted", s.open || s.animating);
     })
   ), ae(se({}, a), {
@@ -52,14 +52,14 @@ function Ce(n = {}) {
 function xe(n, o, e) {
   return re(o, [e.store, e.disclosure]), P(n, e, "open", "setOpen"), P(n, e, "mounted", "setMounted"), P(n, e, "animated"), Object.assign(n, { disclosure: e.disclosure });
 }
-function Re(n = {}) {
+function Ie(n = {}) {
   const [o, e] = oe(Ce, n);
   return xe(o, e, n);
 }
 var _ = H(), N = _.useProviderContext, ge = _.ContextProvider, Ee = _.ScopedContextProvider, D = H(
   [ge],
   [Ee]
-), Fe = D.useScopedContext, Ie = D.useProviderContext, Me = D.ContextProvider, ye = D.ScopedContextProvider, Ne = I(void 0), $e = I(void 0), Pe = "div";
+), Re = D.useScopedContext, Fe = D.useProviderContext, Me = D.ContextProvider, ye = D.ScopedContextProvider, Ne = F(void 0), $e = F(void 0), Pe = "div";
 function j(n, o) {
   const e = setTimeout(o, n);
   return () => clearTimeout(e);
@@ -80,7 +80,7 @@ function _e(n, o, e) {
   return !e && o !== !1 && (!n || !!o);
 }
 var he = ie(function(o) {
-  var e = o, { store: t, alwaysVisible: i } = e, r = F(e, ["store", "alwaysVisible"]);
+  var e = o, { store: t, alwaysVisible: i } = e, r = R(e, ["store", "alwaysVisible"]);
   const a = N();
   t = t || a, le(
     t,
@@ -113,29 +113,29 @@ var he = ie(function(o) {
     const {
       transitionDuration: k,
       animationDuration: q,
-      transitionDelay: U,
-      animationDelay: W
+      transitionDelay: L,
+      animationDelay: U
     } = getComputedStyle(m), {
-      transitionDuration: z = "0",
-      animationDuration: B = "0",
-      transitionDelay: L = "0",
-      animationDelay: G = "0"
-    } = x ? getComputedStyle(x) : {}, J = w(
-      U,
-      W,
+      transitionDuration: W = "0",
+      animationDuration: G = "0",
+      transitionDelay: J = "0",
+      animationDelay: K = "0"
+    } = x ? getComputedStyle(x) : {}, z = w(
       L,
-      G
-    ), K = w(
+      U,
+      J,
+      K
+    ), B = w(
       k,
       q,
-      z,
-      B
-    ), A = J + K;
-    if (!A) {
+      W,
+      G
+    ), O = z + B;
+    if (!O) {
       l === "enter" && t.setState("animated", !1), u();
       return;
     }
-    const Q = 1e3 / 60, X = Math.max(A - Q, 0);
+    const Q = 1e3 / 60, X = Math.max(O - Q, 0);
     return j(X, v);
   }, [t, d, m, x, c, l]), r = de(
     r,
@@ -153,33 +153,33 @@ var he = ie(function(o) {
     ref: me(f ? t.setContentElement : null, s, r.ref),
     style: $
   }), fe(r);
-}), Ae = R(function(o) {
+}), Oe = I(function(o) {
   const e = he(o);
   return ue(Pe, e);
-}), ke = R(function(o) {
+}), ke = I(function(o) {
   var e = o, {
     unmountOnHide: t
-  } = e, i = F(e, [
+  } = e, i = R(e, [
     "unmountOnHide"
   ]);
   const r = N(), a = i.store || r;
   return T(
     a,
     (f) => !t || (f == null ? void 0 : f.mounted)
-  ) === !1 ? null : /* @__PURE__ */ M(Ae, b({}, i));
+  ) === !1 ? null : /* @__PURE__ */ M(Oe, b({}, i));
 });
 export {
   ye as D,
-  Ie as a,
+  Fe as a,
   N as b,
   Me as c,
   ke as d,
-  Re as e,
+  Ie as e,
   he as f,
   Ce as g,
   xe as h,
   _e as i,
   Ne as j,
   $e as k,
-  Fe as u
+  Re as u
 };

package/dist/{X5NMLKT6-DqDJBMYO.js → X5NMLKT6-C7-nsL44.js}

@@ -1,6 +1,6 @@
 "use client";
-import { u as f } from "./KUU7WJ55-iyg84yrl.js";
-import { f as c, c as m, a as i, k as l, l as u, b as B, j as d, d as v } from "./LVA2YJMS-BmLXjKP9.js";
+import { u as f } from "./KUU7WJ55-CRa_letc.js";
+import { f as c, c as m, a as i, k as l, l as u, b as B, j as d, d as v } from "./LVA2YJMS-C6Bdr5Em.js";
 import { useRef as N, useState as g, useEffect as _ } from "react";
 var s = "button", b = m(
   function(t) {

package/dist/{YV4JVR4I-CvfP1OCB.js → YV4JVR4I-BN6SUVuh.js}

@@ -1,7 +1,7 @@
 "use client";
-import { i as ot, X as I, Y as at, Z as ut, $ as st, N as F, a0 as it, B as ct, C as ft, a1 as lt, G as dt, E as M, b as St, d as P, u as pt, a2 as vt } from "./LVA2YJMS-BmLXjKP9.js";
-import * as C from "react";
-import J from "react";
+import { i as ot, Y as C, Z as at, $ as ut, a0 as st, M as F, a1 as it, I as ct, K as ft, a2 as lt, P as dt, y as G, b as St, d as U, u as pt, a3 as vt } from "./LVA2YJMS-C6Bdr5Em.js";
+import * as T from "react";
+import Q from "react";
 import { g as _t } from "./_commonjsHelpers-CXJ7dpIk.js";
 function A(t, n) {
   const e = t.__unstableInternals;
@@ -20,8 +20,8 @@ function W(t, ...n) {
       (L) => F(
         ...n.map((V) => {
           var h;
-          const T = (h = V == null ? void 0 : V.getState) == null ? void 0 : h.call(V);
-          if (T && I(T, L))
+          const I = (h = V == null ? void 0 : V.getState) == null ? void 0 : h.call(V);
+          if (I && C(I, L))
             return tt(V, [L], (j) => {
               p(
                 L,
@@ -36,14 +36,14 @@ function W(t, ...n) {
     ), D = [];
     for (const L of v)
       D.push(L());
-    const q = n.map(Q);
+    const q = n.map(X);
     return o = F(...w, ...D, ...q), b;
   }, E = (a, r, b = m) => (b.add(r), d.set(r, a), () => {
     var w;
     (w = i.get(r)) == null || w(), i.delete(r), d.delete(r), b.delete(r);
-  }), R = (a, r) => E(a, r), B = (a, r) => (i.set(r, r(e, e)), E(a, r)), N = (a, r) => (i.set(r, r(e, l)), E(a, r, _)), S = (a) => W(ut(e, a), y), f = (a) => W(at(e, a), y), O = () => e, p = (a, r, b = !1) => {
+  }), R = (a, r) => E(a, r), K = (a, r) => (i.set(r, r(e, e)), E(a, r)), M = (a, r) => (i.set(r, r(e, l)), E(a, r, _)), S = (a) => W(ut(e, a), y), f = (a) => W(at(e, a), y), O = () => e, p = (a, r, b = !1) => {
     var w;
-    if (!I(e, a)) return;
+    if (!C(e, a)) return;
     const D = it(r, e[a]);
     if (D === e[a]) return;
     if (!b)
@@ -53,18 +53,18 @@ function W(t, ...n) {
     e = ct(ft({}, e), { [a]: D });
     const L = Symbol();
     u = L, c.add(a);
-    const V = (h, T, j) => {
+    const V = (h, I, j) => {
       var $;
       const H = d.get(h), rt = (z) => j ? j.has(z) : z === a;
-      (!H || H.some(rt)) && (($ = i.get(h)) == null || $(), i.set(h, h(e, T)));
+      (!H || H.some(rt)) && (($ = i.get(h)) == null || $(), i.set(h, h(e, I)));
     };
     for (const h of m)
       V(h, q);
     queueMicrotask(() => {
       if (u !== L) return;
       const h = e;
-      for (const T of _)
-        V(T, l, c);
+      for (const I of _)
+        V(I, l, c);
       l = h, c.clear();
     });
   }, y = {
@@ -74,8 +74,8 @@ function W(t, ...n) {
       setup: g,
       init: x,
       subscribe: R,
-      sync: B,
-      batch: N,
+      sync: K,
+      batch: M,
       pick: S,
       omit: f
     }
@@ -86,7 +86,7 @@ function Rt(t, ...n) {
   if (t)
     return A(t, "setup")(...n);
 }
-function Q(t, ...n) {
+function X(t, ...n) {
   if (t)
     return A(t, "init")(...n);
 }
@@ -118,7 +118,7 @@ function Dt(...t) {
   }, {}), e = W(n, ...t);
   return Object.assign({}, ...t, e);
 }
-function Tt(t, n) {
+function It(t, n) {
   if (process.env.NODE_ENV === "production" || !n) return;
   const e = Object.entries(t).filter(([o, s]) => o.startsWith("default") && s !== void 0).map(([o]) => {
     var s;
@@ -128,7 +128,7 @@ function Tt(t, n) {
   if (!e.length) return;
   const l = n.getState();
   if (e.filter(
-    (o) => I(l, o)
+    (o) => C(l, o)
   ).length)
     throw new Error(
       `Passing a store prop in conjunction with a default state is not supported.
@@ -148,11 +148,11 @@ If there's a particular need for this, please submit a feature request at https:
 `
     );
 }
-var U = { exports: {} }, G = {}, Y;
+var P = { exports: {} }, B = {}, Y;
 function mt() {
-  if (Y) return G;
+  if (Y) return B;
   Y = 1;
-  var t = J;
+  var t = Q;
   function n(i, d) {
     return i === d && (i !== 0 || 1 / i === 1 / d) || i !== i && d !== d;
   }
@@ -181,13 +181,13 @@ function mt() {
     return d();
   }
   var _ = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? m : c;
-  return G.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : _, G;
+  return B.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : _, B;
 }
-var K = {}, X;
+var N = {}, Z;
 function Et() {
-  return X || (X = 1, process.env.NODE_ENV !== "production" && function() {
+  return Z || (Z = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var t = J, n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var t = Q, n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function e(S) {
       {
         for (var f = arguments.length, O = new Array(f > 1 ? f - 1 : 0), p = 1; p < f; p++)
@@ -250,34 +250,34 @@ function Et() {
     function x(S, f, O) {
       return f();
     }
-    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", R = !E, B = R ? x : d, N = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : B;
-    K.useSyncExternalStore = N, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), K;
+    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", R = !E, K = R ? x : d, M = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : K;
+    N.useSyncExternalStore = M, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+  }()), N;
 }
-var Z;
+var J;
 function gt() {
-  return Z || (Z = 1, process.env.NODE_ENV === "production" ? U.exports = mt() : U.exports = Et()), U.exports;
+  return J || (J = 1, process.env.NODE_ENV === "production" ? P.exports = mt() : P.exports = Et()), P.exports;
 }
 var Ot = gt();
 const bt = /* @__PURE__ */ _t(Ot);
 var { useSyncExternalStore: et } = bt, nt = () => () => {
 };
 function yt(t, n = dt) {
-  const e = C.useCallback(
+  const e = T.useCallback(
     (u) => t ? k(t, null, u) : nt(),
     [t]
   ), l = () => {
     const u = typeof n == "string" ? n : null, o = typeof n == "function" ? n : null, s = t == null ? void 0 : t.getState();
     if (o) return o(s);
-    if (s && u && I(s, u))
+    if (s && u && C(s, u))
       return s[u];
   };
   return et(e, l, l);
 }
-function Ct(t, n) {
-  const e = C.useRef(
+function Tt(t, n) {
+  const e = T.useRef(
     {}
-  ), l = C.useCallback(
+  ), l = T.useCallback(
     (o) => t ? k(t, null, o) : nt(),
     [t]
   ), u = () => {
@@ -291,21 +291,21 @@ function Ct(t, n) {
         _ !== c[v] && (c[v] = _, s = !0);
       }
       if (typeof m == "string") {
-        if (!o || !I(o, m)) continue;
+        if (!o || !C(o, m)) continue;
         const _ = o[m];
         _ !== c[v] && (c[v] = _, s = !0);
       }
     }
-    return s && (e.current = P({}, c)), e.current;
+    return s && (e.current = U({}, c)), e.current;
   };
   return et(l, u, u);
 }
-function It(t, n, e, l) {
-  const u = I(n, e) ? n[e] : void 0, o = l ? n[l] : void 0, s = vt({ value: u, setValue: o });
-  M(() => tt(t, [e], (c, v) => {
+function Ct(t, n, e, l) {
+  const u = C(n, e) ? n[e] : void 0, o = l ? n[l] : void 0, s = vt({ value: u, setValue: o });
+  G(() => tt(t, [e], (c, v) => {
     const { value: m, setValue: _ } = s.current;
     _ && c[e] !== v[e] && c[e] !== m && _(c[e]);
-  }), [t, e]), M(() => {
+  }), [t, e]), G(() => {
     if (u !== void 0)
       return t.setState(e, u), ht(t, [e], () => {
         u !== void 0 && t.setState(e, u);
@@ -313,32 +313,32 @@ function It(t, n, e, l) {
   });
 }
 function jt(t, n) {
-  const [e, l] = C.useState(() => t(n));
-  M(() => Q(e), [e]);
-  const u = C.useCallback(
+  const [e, l] = T.useState(() => t(n));
+  G(() => X(e), [e]);
+  const u = T.useCallback(
     (c) => yt(e, c),
     [e]
-  ), o = C.useMemo(
-    () => St(P({}, e), { useState: u }),
+  ), o = T.useMemo(
+    () => St(U({}, e), { useState: u }),
     [e, u]
   ), s = pt(() => {
-    l((c) => t(P(P({}, n), c.getState())));
+    l((c) => t(U(U({}, n), c.getState())));
   });
   return [o, s];
 }
 export {
-  tt as a,
-  k as b,
+  jt as a,
+  Ct as b,
   W as c,
-  jt as d,
-  It as e,
-  Ct as f,
-  ht as g,
-  Q as i,
+  tt as d,
+  k as e,
+  ht as f,
+  Tt as g,
+  X as i,
   Dt as m,
   Vt as o,
   At as p,
   Rt as s,
-  Tt as t,
+  It as t,
   yt as u
 };

package/dist/types/components/FieldGroup/index.d.ts

@@ -0,0 +1 @@
+export declare const FieldGroup: import('react').ForwardRefExoticComponent<import('./types').FieldGroupOptions & import('react').HTMLAttributes<HTMLFieldSetElement> & import('react').RefAttributes<HTMLFieldSetElement>>;

package/dist/types/components/FieldGroup/types.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, default as React } from 'react';
+import { LabelProps } from '../Label/types';
+export interface FieldGroupOptions {
+    hideLabel?: boolean;
+    label: React.ReactNode;
+    required?: LabelProps['required'];
+}
+export type FieldGroupProps = FieldGroupOptions & HTMLAttributes<HTMLFieldSetElement>;

package/dist/types/components/Label/index.d.ts

@@ -1,2 +1,2 @@
 import { LabelProps } from './types';
-export declare const Label: import('react').ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+export declare const Label: import('../../utils').FunctionComponentWithAs<"label", LabelProps>;

package/dist/types/components/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+import { RadioGroupProps } from './types';
+export declare const RadioGroup: ({ className, dataTestId, disabled, hideLabel, id, label, name, onChange, options, renderOption: Component, required, value, ...rest }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/RadioGroup/types.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+import { FieldGroupOptions } from '../FieldGroup/types';
+export type RadioGroupOption = {
+    hint?: string;
+    label: number | string;
+    value: number | string;
+};
+export interface RadioGroupOptions {
+    dataTestId?: string;
+    disabled?: boolean;
+    name: string;
+    onChange?: (value: RadioGroupOption['value']) => void;
+    options: RadioGroupOption[];
+    renderOption?: React.ElementType;
+    value?: string;
+}
+export type RadioGroupProps = FieldGroupOptions & HTMLAttributes<HTMLFieldSetElement> & RadioGroupOptions;

package/dist/types/components/Slider/Range.d.ts

@@ -0,0 +1,6 @@
+import { RangeProps } from './types';
+export declare const thumbWidth = 20;
+/**
+ * @name Slider.Range
+ */
+export declare const Range: import('react').ForwardRefExoticComponent<Omit<RangeProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Slider/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { RangeOptions, RangeProps, RangeType, SliderOptions, SliderProps } from './types';
+export type { RangeOptions, RangeProps, RangeType, SliderOptions, SliderProps };
+export declare const thumbWidth = 20;
+export declare const round: (value: number, step: number) => number;
+export declare const ensureMinMax: (value: number, min: number, max: number, step: number) => number;
+export declare const SliderComponent: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Range: React.ForwardRefExoticComponent<Omit<RangeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/types/components/Slider/types.d.ts

@@ -0,0 +1,28 @@
+import { ComponentPropsWithRef } from 'react';
+export interface RangeOptions extends Omit<SliderOptions, 'onChange' | 'type' | 'value'> {
+    onChange: (value: RangeType) => void;
+    type?: 'fields' | 'inline';
+    value: RangeType;
+}
+export type RangeProps = Omit<ComponentPropsWithRef<'div'>, 'onChange'> & RangeOptions;
+export type RangeType = {
+    max: number;
+    min: number;
+};
+export interface SliderOptions extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    borderSelectorColor?: string;
+    disabled?: boolean;
+    hint?: string;
+    label?: string;
+    max: number;
+    min: number;
+    onChange: (value: number) => void;
+    step?: number;
+    tooltip?: boolean;
+    type?: Type;
+    value: number;
+    values?: number[];
+}
+export type SliderProps = Omit<ComponentPropsWithRef<'div'>, 'onChange'> & SliderOptions;
+type Type = 'inline' | 'left-field' | 'right-field';
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "0.0.0-dev.1759222868187",
+  "version": "0.0.0-dev.1759252708223",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"