welcome-ui 0.0.0-dev.1761663962311 → 0.0.0-dev.1762111960442

package/dist/Toast.js

@@ -2,11 +2,11 @@
 import { jsx as k, Fragment as re } from "react/jsx-runtime";
 import * as f from "react";
 import { useRef as U, useCallback as _, useEffect as I, useState as se, forwardRef as W, cloneElement as oe } from "react";
-import { c as P } from "./index-PAaZGbyz.js";
+import { c as P } from "./index-CdiHdiVB.js";
 import { Alert as Y } from "./Alert.js";
 import { Button as ie } from "./Button.js";
 import { f as ne } from "./forwardRefWithAs-8eP3ZN15.js";
-let le = { data: "" }, ce = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || le, de = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, me = /\/\*[^]*?\*\/|  +/g, H = /\n+/g, x = (e, t) => {
+let le = { data: "" }, ce = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || le, de = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, pe = /\/\*[^]*?\*\/|  +/g, H = /\n+/g, x = (e, t) => {
   let a = "", s = "", i = "";
   for (let o in e) {
     let r = e[o];
@@ -20,25 +20,25 @@ let le = { data: "" }, ce = (e) => typeof window == "object" ? ((e ? e.querySele
     return t;
   }
   return e;
-}, pe = (e, t, a, s, i) => {
+}, ue = (e, t, a, s, i) => {
   let o = Z(e), r = b[o] || (b[o] = ((l) => {
-    let d = 0, m = 11;
-    for (; d < l.length; ) m = 101 * m + l.charCodeAt(d++) >>> 0;
-    return "go" + m;
+    let d = 0, p = 11;
+    for (; d < l.length; ) p = 101 * p + l.charCodeAt(d++) >>> 0;
+    return "go" + p;
   })(o));
   if (!b[r]) {
     let l = o !== e ? e : ((d) => {
-      let m, c, u = [{}];
-      for (; m = de.exec(d.replace(me, "")); ) m[4] ? u.shift() : m[3] ? (c = m[3].replace(H, " ").trim(), u.unshift(u[0][c] = u[0][c] || {})) : u[0][m[1]] = m[2].replace(H, " ").trim();
-      return u[0];
+      let p, c, m = [{}];
+      for (; p = de.exec(d.replace(pe, "")); ) p[4] ? m.shift() : p[3] ? (c = p[3].replace(H, " ").trim(), m.unshift(m[0][c] = m[0][c] || {})) : m[0][p[1]] = p[2].replace(H, " ").trim();
+      return m[0];
     })(e);
     b[r] = x(i ? { ["@keyframes " + r]: l } : l, a ? "" : "." + r);
   }
   let n = a && b.g ? b.g : null;
-  return a && (b.g = b[r]), ((l, d, m, c) => {
-    c ? d.data = d.data.replace(c, l) : d.data.indexOf(l) === -1 && (d.data = m ? l + d.data : d.data + l);
+  return a && (b.g = b[r]), ((l, d, p, c) => {
+    c ? d.data = d.data.replace(c, l) : d.data.indexOf(l) === -1 && (d.data = p ? l + d.data : d.data + l);
   })(b[r], t, s, n), r;
-}, ue = (e, t, a) => e.reduce((s, i, o) => {
+}, me = (e, t, a) => e.reduce((s, i, o) => {
   let r = t[o];
   if (r && r.call) {
     let n = r(a), l = n && n.props && n.props.className || /^go/.test(n) && n;
@@ -48,7 +48,7 @@ let le = { data: "" }, ce = (e) => typeof window == "object" ? ((e ? e.querySele
 }, "");
 function O(e) {
   let t = this || {}, a = e.call ? e(t.p) : e;
-  return pe(a.unshift ? a.raw ? ue(a, [].slice.call(arguments, 1), t.p) : a.reduce((s, i) => Object.assign(s, i && i.call ? i(t.p) : i), {}) : a, ce(t.target), t.g, t.o, t.k);
+  return ue(a.unshift ? a.raw ? me(a, [].slice.call(arguments, 1), t.p) : a.reduce((s, i) => Object.assign(s, i && i.call ? i(t.p) : i), {}) : a, ce(t.target), t.g, t.o, t.k);
 }
 let q, S, T;
 O.bind({ g: 1 });
@@ -69,7 +69,7 @@ function w(e, t) {
     return i;
   };
 }
-var ge = (e) => typeof e == "function", C = (e, t) => ge(e) ? e(t) : e, he = /* @__PURE__ */ (() => {
+var ge = (e) => typeof e == "function", C = (e, t) => ge(e) ? e(t) : e, ye = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (++e).toString();
 })(), K = /* @__PURE__ */ (() => {
@@ -81,7 +81,7 @@ var ge = (e) => typeof e == "function", C = (e, t) => ge(e) ? e(t) : e, he = /*
     }
     return e;
   };
-})(), ye = 20, F = "default", Q = (e, t) => {
+})(), he = 20, F = "default", Q = (e, t) => {
   let { toastLimit: a } = e.settings;
   switch (t.type) {
     case 0:
@@ -102,15 +102,15 @@ var ge = (e) => typeof e == "function", C = (e, t) => ge(e) ? e(t) : e, he = /*
       let o = t.time - (e.pausedAt || 0);
       return { ...e, pausedAt: void 0, toasts: e.toasts.map((r) => ({ ...r, pauseDuration: r.pauseDuration + o })) };
   }
-}, j = [], V = { toasts: [], pausedAt: void 0, settings: { toastLimit: ye } }, y = {}, J = (e, t = F) => {
-  y[t] = Q(y[t] || V, e), j.forEach(([a, s]) => {
-    a === t && s(y[t]);
+}, j = [], V = { toasts: [], pausedAt: void 0, settings: { toastLimit: he } }, h = {}, J = (e, t = F) => {
+  h[t] = Q(h[t] || V, e), j.forEach(([a, s]) => {
+    a === t && s(h[t]);
   });
-}, X = (e) => Object.keys(y).forEach((t) => J(e, t)), be = (e) => Object.keys(y).find((t) => y[t].toasts.some((a) => a.id === e)), D = (e = F) => (t) => {
+}, X = (e) => Object.keys(h).forEach((t) => J(e, t)), be = (e) => Object.keys(h).find((t) => h[t].toasts.some((a) => a.id === e)), D = (e = F) => (t) => {
   J(t, e);
 }, ve = { blank: 4e3, error: 4e3, success: 2e3, loading: 1 / 0, custom: 4e3 }, xe = (e = {}, t = F) => {
-  let [a, s] = se(y[t] || V), i = U(y[t]);
-  I(() => (i.current !== y[t] && s(y[t]), j.push([t, s]), () => {
+  let [a, s] = se(h[t] || V), i = U(h[t]);
+  I(() => (i.current !== h[t] && s(h[t]), j.push([t, s]), () => {
     let r = j.findIndex(([n]) => n === t);
     r > -1 && j.splice(r, 1);
   }), [t]);
@@ -119,76 +119,76 @@ var ge = (e) => typeof e == "function", C = (e, t) => ge(e) ? e(t) : e, he = /*
     return { ...e, ...e[r.type], ...r, removeDelay: r.removeDelay || ((n = e[r.type]) == null ? void 0 : n.removeDelay) || (e == null ? void 0 : e.removeDelay), duration: r.duration || ((l = e[r.type]) == null ? void 0 : l.duration) || (e == null ? void 0 : e.duration) || ve[r.type], style: { ...e.style, ...(d = e[r.type]) == null ? void 0 : d.style, ...r.style } };
   });
   return { ...a, toasts: o };
-}, we = (e, t = "blank", a) => ({ createdAt: Date.now(), visible: !0, dismissed: !1, type: t, ariaProps: { role: "status", "aria-live": "polite" }, message: e, pauseDuration: 0, ...a, id: (a == null ? void 0 : a.id) || he() }), $ = (e) => (t, a) => {
+}, we = (e, t = "blank", a) => ({ createdAt: Date.now(), visible: !0, dismissed: !1, type: t, ariaProps: { role: "status", "aria-live": "polite" }, message: e, pauseDuration: 0, ...a, id: (a == null ? void 0 : a.id) || ye() }), $ = (e) => (t, a) => {
   let s = we(t, e, a);
   return D(s.toasterId || be(s.id))({ type: 2, toast: s }), s.id;
-}, p = (e, t) => $("blank")(e, t);
-p.error = $("error");
-p.success = $("success");
-p.loading = $("loading");
-p.custom = $("custom");
-p.dismiss = (e, t) => {
+}, u = (e, t) => $("blank")(e, t);
+u.error = $("error");
+u.success = $("success");
+u.loading = $("loading");
+u.custom = $("custom");
+u.dismiss = (e, t) => {
   let a = { type: 3, toastId: e };
   t ? D(t)(a) : X(a);
 };
-p.dismissAll = (e) => p.dismiss(void 0, e);
-p.remove = (e, t) => {
+u.dismissAll = (e) => u.dismiss(void 0, e);
+u.remove = (e, t) => {
   let a = { type: 4, toastId: e };
   t ? D(t)(a) : X(a);
 };
-p.removeAll = (e) => p.remove(void 0, e);
-p.promise = (e, t, a) => {
-  let s = p.loading(t.loading, { ...a, ...a == null ? void 0 : a.loading });
+u.removeAll = (e) => u.remove(void 0, e);
+u.promise = (e, t, a) => {
+  let s = u.loading(t.loading, { ...a, ...a == null ? void 0 : a.loading });
   return typeof e == "function" && (e = e()), e.then((i) => {
     let o = t.success ? C(t.success, i) : void 0;
-    return o ? p.success(o, { id: s, ...a, ...a == null ? void 0 : a.success }) : p.dismiss(s), i;
+    return o ? u.success(o, { id: s, ...a, ...a == null ? void 0 : a.success }) : u.dismiss(s), i;
   }).catch((i) => {
     let o = t.error ? C(t.error, i) : void 0;
-    o ? p.error(o, { id: s, ...a, ...a == null ? void 0 : a.error }) : p.dismiss(s);
+    o ? u.error(o, { id: s, ...a, ...a == null ? void 0 : a.error }) : u.dismiss(s);
   }), e;
 };
 var ke = 1e3, _e = (e, t = "default") => {
-  let { toasts: a, pausedAt: s } = xe(e, t), i = U(/* @__PURE__ */ new Map()).current, o = _((c, u = ke) => {
+  let { toasts: a, pausedAt: s } = xe(e, t), i = U(/* @__PURE__ */ new Map()).current, o = _((c, m = ke) => {
     if (i.has(c)) return;
     let g = setTimeout(() => {
       i.delete(c), r({ type: 4, toastId: c });
-    }, u);
+    }, m);
     i.set(c, g);
   }, []);
   I(() => {
     if (s) return;
-    let c = Date.now(), u = a.map((g) => {
+    let c = Date.now(), m = a.map((g) => {
       if (g.duration === 1 / 0) return;
       let E = (g.duration || 0) + g.pauseDuration - (c - g.createdAt);
       if (E < 0) {
-        g.visible && p.dismiss(g.id);
+        g.visible && u.dismiss(g.id);
         return;
       }
-      return setTimeout(() => p.dismiss(g.id, t), E);
+      return setTimeout(() => u.dismiss(g.id, t), E);
     });
     return () => {
-      u.forEach((g) => g && clearTimeout(g));
+      m.forEach((g) => g && clearTimeout(g));
     };
   }, [a, s, t]);
   let r = _(D(t), [t]), n = _(() => {
     r({ type: 5, time: Date.now() });
-  }, [r]), l = _((c, u) => {
-    r({ type: 1, toast: { id: c, height: u } });
+  }, [r]), l = _((c, m) => {
+    r({ type: 1, toast: { id: c, height: m } });
   }, [r]), d = _(() => {
     s && r({ type: 6, time: Date.now() });
-  }, [s, r]), m = _((c, u) => {
-    let { reverseOrder: g = !1, gutter: E = 8, defaultPosition: L } = u || {}, A = a.filter((h) => (h.position || L) === (c.position || L) && h.height), ae = A.findIndex((h) => h.id === c.id), M = A.filter((h, z) => z < ae && h.visible).length;
-    return A.filter((h) => h.visible).slice(...g ? [M + 1] : [0, M]).reduce((h, z) => h + (z.height || 0) + E, 0);
+  }, [s, r]), p = _((c, m) => {
+    let { reverseOrder: g = !1, gutter: E = 8, defaultPosition: L } = m || {}, A = a.filter((y) => (y.position || L) === (c.position || L) && y.height), ae = A.findIndex((y) => y.id === c.id), M = A.filter((y, z) => z < ae && y.visible).length;
+    return A.filter((y) => y.visible).slice(...g ? [M + 1] : [0, M]).reduce((y, z) => y + (z.height || 0) + E, 0);
   }, [a]);
   return I(() => {
     a.forEach((c) => {
       if (c.dismissed) o(c.id, c.removeDelay);
       else {
-        let u = i.get(c.id);
-        u && (clearTimeout(u), i.delete(c.id));
+        let m = i.get(c.id);
+        m && (clearTimeout(m), i.delete(c.id));
       }
     });
-  }, [a, o]), { toasts: a, handlers: { updateHeight: l, startPause: n, endPause: d, calculateOffset: m } };
+  }, [a, o]), { toasts: a, handlers: { updateHeight: l, startPause: n, endPause: d, calculateOffset: p } };
 }, $e = v`
 from {
   transform: scale(0) rotate(45deg);
@@ -392,16 +392,16 @@ var Ye = ({ id: e, className: t, style: a, onHeightUpdate: s, children: i }) =>
   }
 `, N = 16, Ke = ({ reverseOrder: e, position: t = "top-center", toastOptions: a, gutter: s, children: i, toasterId: o, containerStyle: r, containerClassName: n }) => {
   let { toasts: l, handlers: d } = _e(a, o);
-  return f.createElement("div", { "data-rht-toaster": o || "", style: { position: "fixed", zIndex: 9999, top: N, left: N, right: N, bottom: N, pointerEvents: "none", ...r }, className: n, onMouseEnter: d.startPause, onMouseLeave: d.endPause }, l.map((m) => {
-    let c = m.position || t, u = d.calculateOffset(m, { reverseOrder: e, gutter: s, defaultPosition: t }), g = Ze(c, u);
-    return f.createElement(Ye, { id: m.id, key: m.id, onHeightUpdate: d.updateHeight, className: m.visible ? qe : "", style: g }, m.type === "custom" ? C(m.message, m) : i ? i(m) : f.createElement(We, { toast: m, position: c }));
+  return f.createElement("div", { "data-rht-toaster": o || "", style: { position: "fixed", zIndex: 9999, top: N, left: N, right: N, bottom: N, pointerEvents: "none", ...r }, className: n, onMouseEnter: d.startPause, onMouseLeave: d.endPause }, l.map((p) => {
+    let c = p.position || t, m = d.calculateOffset(p, { reverseOrder: e, gutter: s, defaultPosition: t }), g = Ze(c, m);
+    return f.createElement(Ye, { id: p.id, key: p.id, onHeightUpdate: d.updateHeight, className: p.visible ? qe : "", style: g }, p.type === "custom" ? C(p.message, p) : i ? i(p) : f.createElement(We, { toast: p, position: c }));
   }));
 };
-const Qe = "_title_fnmmh_2", Ve = "_growl_fnmmh_12", Je = "_snackbar_fnmmh_27", Xe = "_info_fnmmh_48", et = "_success_fnmmh_51", tt = "_warning_fnmmh_54", at = "_danger_fnmmh_57", R = {
+const Qe = "_title_1trg0_2", Ve = "_growl_1trg0_12", Je = "_snackbar_1trg0_27", Xe = "_info_1trg0_48", et = "_success_1trg0_51", tt = "_warning_1trg0_54", at = "_danger_1trg0_57", R = {
   title: Qe,
   growl: Ve,
   snackbar: Je,
-  "snackbar-separator": "_snackbar-separator_fnmmh_43",
+  "snackbar-separator": "_snackbar-separator_1trg0_43",
   info: Xe,
   success: et,
   warning: tt,
@@ -433,11 +433,11 @@ const G = P(R), te = W(
       children: e
     }
   )
-), rt = ne((e, t) => /* @__PURE__ */ k(ie, { ref: t, size: "xs", variant: "ghost", ...e }));
+), rt = ne((e, t) => /* @__PURE__ */ k(ie, { ref: t, size: "sm", variant: "tertiary", ...e }));
 te.displayName = "Snackbar";
-const st = P(R), ot = ({ children: e, className: t, ...a }) => /* @__PURE__ */ k("p", { className: st("title", t), ...a, children: e }), pt = (e, t) => {
+const st = P(R), ot = ({ children: e, className: t, ...a }) => /* @__PURE__ */ k("p", { className: st("title", t), ...a, children: e }), ut = (e, t) => {
   const s = ("type" in e ? e.type.displayName || e.type.name : void 0) === "Growl" ? "top-right" : "bottom-center", i = () => {
-    t.onClose && t.onClose(), p.dismiss(t.id);
+    t.onClose && t.onClose(), u.dismiss(t.id);
   }, o = {
     duration: 7e3,
     position: s,
@@ -448,14 +448,14 @@ const st = P(R), ot = ({ children: e, className: t, ...a }) => /* @__PURE__ */ k
     },
     ...t
   };
-  return p(oe(e, { onClose: i }), o);
-}, ut = Object.assign(Ke, {
+  return u(oe(e, { onClose: i }), o);
+}, mt = Object.assign(Ke, {
   Growl: ee,
   Snackbar: te,
   SnackbarAction: rt,
   Title: ot
 });
 export {
-  ut as Toast,
-  pt as toast
+  mt as Toast,
+  ut as toast
 };

package/dist/Toggle.css

@@ -1 +1 @@
-@layer components{._root_1p0tb_2{transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-radius:var(--radius-xl);border-style:solid;border-width:var(--border-width-sm);position:relative;display:block;margin-top:var(--toggle-margin-top);outline:none!important;cursor:pointer;height:var(--toggle-height);width:var(--toggle-width)}._root_1p0tb_2:focus{border-color:var(--color-brand-30);box-shadow:0 0 0 var(--border-width-md) var(--color-brand-30)}._root_1p0tb_2:after{background-color:var(--color-neutral-10);border-color:var(--color-neutral-50);border-radius:var(--radius-circle);border-style:solid;border-width:var(--border-width-sm);content:"";top:0;bottom:0;left:var(--spacing-xxs);position:absolute;margin:auto;z-index:1;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);height:var(--toggle-after-height);width:var(--toggle-after-height)}._root_1p0tb_2:disabled{background-color:var(--color-beige-40);border-color:var(--color-beige-60);cursor:not-allowed}._root_1p0tb_2:disabled:after{background-color:var(--color-beige-60);border-color:transparent}._root_1p0tb_2[aria-checked=true]:after{--toggle-computed-width: calc(var(--toggle-width) - 100% - .3rem);transform:translate(var(--toggle-computed-width))}._root_1p0tb_2[aria-checked=true]:not(:disabled){background-color:var(--color-brand-40);border-color:var(--color-brand-40)}._root_1p0tb_2[aria-checked=true]:not(:disabled):after{background-color:var(--color-neutral-10);border-color:var(--color-neutral-10)}._size-md_1p0tb_64{--toggle-margin-top: 0;--toggle-width: 2.75rem;--toggle-height: var(--height-24);--toggle-after-height: var(--height-20);--toggle-icon-height: var(--height-16);--toggle-icon-position-offset: var(--spacing-xs);--toggle-icon-font-size: var(--font-size-16)}._size-sm_1p0tb_73{--toggle-margin-top: .12rem;--toggle-width: 2.25rem;--toggle-height: var(--height-20);--toggle-after-height: var(--height-16);--toggle-icon-height: var(--height-12);--toggle-icon-position-offset: var(--spacing-xs);--toggle-icon-font-size: var(--font-size-12)}._size-xs_1p0tb_82{--toggle-margin-top: .32rem;--toggle-width: 1.75rem;--toggle-height: var(--height-16);--toggle-after-height: var(--height-12);--toggle-icon-height: var(--height-10);--toggle-icon-position-offset: var(--spacing-xxs);--toggle-icon-font-size: var(--font-size-10)}._wrapper_1p0tb_91{position:relative;display:inline-block;cursor:pointer;flex-shrink:0}._icon-wrapper_1p0tb_97{position:absolute;z-index:1;display:flex;align-items:center;height:var(--toggle-height);bottom:0;right:var(--toggle-icon-position-offset)}._icon-wrapper_1p0tb_97>svg,._icon-wrapper_1p0tb_97 i{font-size:var(--toggle-icon-font-size);height:var(--toggle-icon-height);width:var(--toggle-icon-height)}._icon-wrapper_1p0tb_97._checked_1p0tb_112{right:0;left:var(--toggle-icon-position-offset);color:var(--color-neutral-90)}}
+@layer components{._root_1czvn_2{position:relative;display:block;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);border-radius:var(--components-dimensions-toggle-track-size-height-sm);border-style:solid;border-width:var(--components-dimensions-toggle-thumb-border-width);outline:none!important;cursor:pointer;background-color:var(--toggleBackgroundColor, --components-colors-toggle-track-color-background-unchecked-default);border-color:var(--toggleBorderColor, var(--components-colors-toggle-track-color-border-unchecked-default));height:var(--toggleHeight);width:var(--toggleWidth);box-shadow:var(--boxShadowColor, transparent) 0 0 0 var(--boxShadowSize, 0),var(--boxShadowInset, var(--inset-5)) inset}._root_1czvn_2:after{border-radius:var(--components-dimensions-toggle-track-border-radius);border-style:solid;border-width:var(--components-dimensions-toggle-thumb-border-width);content:"";top:0;bottom:0;left:var(--spacing-xxs);position:absolute;margin:auto;z-index:1;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);background-color:var(--toggleAfterBackgroundColor, var(--components-colors-toggle-thumb-color-background-default));border-color:var(--toggleAfterBorderColor, var(--components-colors-toggle-thumb-color-border-default));height:var(--toggleAfterHeight);width:var(--toggleAfterHeight)}._root_1czvn_2[data-focus-visible],._root_1czvn_2:focus-visible{--boxShadowColor: var(--components-colors-toggle-track-color-background-checked-hover);--boxShadowSize: var(--components-dimensions-toggle-track-border-width-focused);--boxShadowInset: var(--inset-10)}._root_1czvn_2:hover:not(:disabled){--toggleBorderColor: var(--components-colors-toggle-track-color-border-unchecked-hover);--boxShadowInset: var(--inset-10)}._root_1czvn_2:disabled{cursor:not-allowed;--toggleBackgroundColor: var(--components-colors-toggle-track-color-background-disabled);--toggleBorderColor: var(--components-colors-toggle-track-color-border-disabled);--toggleAfterBackgroundColor: var(--components-colors-toggle-thumb-color-background-disabled);--toggleAfterBorderColor: var(--components-colors-toggle-thumb-color-background-disabled)}._root_1czvn_2[aria-checked=true]:after{--toggleComputedWidth: calc(var(--toggleWidth) - 100% - .3rem);transform:translate(var(--toggleComputedWidth))}._root_1czvn_2[aria-checked=true]:not(:disabled){--toggleBackgroundColor: var( --components-colors-toggle-track-color-background-checked-default );--toggleBorderColor: var(--components-colors-toggle-track-color-background-checked-default);--toggleAfterBorderColor: var( --components-colors-toggle-track-color-border-checked-default )}._root_1czvn_2[aria-checked=true]:not(:disabled):hover{--toggleBackgroundColor: var( --components-colors-toggle-track-color-background-checked-hover );--toggleBorderColor: var(--components-colors-toggle-track-color-background-checked-hover)}._root_1czvn_2[aria-checked=true]:not(:disabled):hover:after{--toggleAfterBorderColor: var( --components-colors-toggle-track-color-border-checked-hover )}._size-sm_1czvn_82{--toggleWidth: var(--components-dimensions-toggle-track-size-width-sm);--toggleHeight: var(--components-dimensions-toggle-track-size-height-sm);--toggleAfterHeight: var(--components-dimensions-toggle-thumb-size-sm);--toggleIconSize: var(--components-dimensions-toggle-track-size-icon-sm)}._size-md_1czvn_88{--toggleWidth: var(--components-dimensions-toggle-track-size-width-md);--toggleHeight: var(--components-dimensions-toggle-track-size-height-md);--toggleAfterHeight: var(--components-dimensions-toggle-thumb-size-md);--toggleIconSize: var(--components-dimensions-toggle-track-size-icon-md)}._size-lg_1czvn_94{--toggleWidth: var(--components-dimensions-toggle-track-size-width-lg);--toggleHeight: var(--components-dimensions-toggle-track-size-height-lg);--toggleAfterHeight: var(--components-dimensions-toggle-thumb-size-lg);--toggleIconSize: var(--components-dimensions-toggle-track-size-icon-lg)}._wrapper_1czvn_100{position:relative;display:inline-block;cursor:pointer;flex-shrink:0}._icon-wrapper_1czvn_106{position:absolute;z-index:1;display:flex;align-items:center;bottom:var(--spacing-xs);right:var(--spacing-xs)}._icon-wrapper_1czvn_106 svg{width:var(--toggleIconSize);height:var(--toggleIconSize);color:var(--toggleIconColor, var(--components-colors-toggle-track-color-icon-default))}._icon-wrapper_1czvn_106._checked_1czvn_120{right:0;left:var(--spacing-xs)}._icon-wrapper_1czvn_106._disabled_1czvn_124{--toggleIconColor: var(--components-colors-toggle-track-color-icon-disabled)}}

package/dist/Toggle.js

@@ -1,42 +1,48 @@
 "use client";
-import { jsxs as b, jsx as _ } from "react/jsx-runtime";
-import { C as d } from "./KPUWHTQJ-CKDqSAor.js";
-import { forwardRef as w } from "react";
-import { useField as x } from "./Field.js";
-import { c as f } from "./index-PAaZGbyz.js";
-const z = "_root_1p0tb_2", g = "_wrapper_1p0tb_91", h = "_checked_1p0tb_112", u = {
-  root: z,
-  "size-md": "_size-md_1p0tb_64",
-  "size-sm": "_size-sm_1p0tb_73",
-  "size-xs": "_size-xs_1p0tb_82",
-  wrapper: g,
-  "icon-wrapper": "_icon-wrapper_1p0tb_97",
-  checked: h
-}, r = f(u), C = w(
-  ({ checked: s, checkedIcon: o, className: i, disabled: a, onClick: e, size: t = "xs", uncheckedIcon: p, ...c }, m) => {
-    const { getInputProps: n } = x(), l = o && p;
-    return /* @__PURE__ */ b("div", { className: r("wrapper"), onClick: e, children: [
-      l ? /* @__PURE__ */ _(
+import { jsxs as z, jsx as e } from "react/jsx-runtime";
+import { C as v } from "./KPUWHTQJ-NpgUp804.js";
+import { forwardRef as f } from "react";
+import { useField as h } from "./Field.js";
+import { Icon as n } from "./Icon.js";
+import { c as w } from "./index-CdiHdiVB.js";
+const g = "_root_1czvn_2", k = "_wrapper_1czvn_100", u = "_checked_1czvn_120", x = "_disabled_1czvn_124", b = {
+  root: g,
+  "size-sm": "_size-sm_1czvn_82",
+  "size-md": "_size-md_1czvn_88",
+  "size-lg": "_size-lg_1czvn_94",
+  wrapper: k,
+  "icon-wrapper": "_icon-wrapper_1czvn_106",
+  checked: u,
+  disabled: x
+}, c = w(b), $ = f(
+  ({ checked: o, className: t, disabled: s, onClick: i, size: r = "md", withVisibilityIcon: a, ...p }, _) => {
+    const { getInputProps: l } = h(), m = l(p), d = s ? null : i;
+    return /* @__PURE__ */ z("div", { className: c("wrapper"), onClick: d, children: [
+      a ? /* @__PURE__ */ e(
         "div",
         {
-          className: r("icon-wrapper", `size-${t}`, s && "checked"),
-          onClick: e,
-          children: s ? o : p
+          className: c(
+            "icon-wrapper",
+            `size-${r}`,
+            o && "checked",
+            s && "disabled"
+          ),
+          children: o ? /* @__PURE__ */ e(n, { name: "eye" }) : /* @__PURE__ */ e(n, { name: "eye-slash" })
         }
       ) : null,
-      /* @__PURE__ */ _(
-        d,
+      /* @__PURE__ */ e(
+        v,
         {
-          checked: s,
-          className: r("root", `size-${t}`, i),
-          disabled: a,
-          ref: m,
-          ...n(c)
+          checked: o,
+          className: c("root", `size-${r}`, t),
+          disabled: s,
+          ref: _,
+          ...m
         }
       )
     ] });
   }
 );
 export {
-  C as Toggle
+  $ as Toggle
 };

package/dist/Tooltip.css

@@ -1 +1 @@
-@layer components{._root_1d43p_2{background-color:var(--color-neutral-90);border:var(--border-width-sm) solid var(--color-neutral-60);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-neutral-10);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);max-width:12.5rem;padding:var(--spacing-xs) var(--spacing-sm);transition-property:opacity,visibility;transition-duration:var(--duration-medium);z-index:10;visibility:var(--visibility, hidden);opacity:var(--opacity, 0)}._root_1d43p_2[data-enter=true]{--visibility: visible;--opacity: 1}._childItem_1d43p_22{display:inline-block}}
+@layer components{._root_11jvu_2{display:flex;flex-direction:column;gap:var(--components-dimensions-tooltip-gap-content);background-color:var(--components-colors-tooltip-color-background);border:var(--components-dimensions-tooltip-border-width) solid var(--components-colors-tooltip-color-border);border-radius:var(--components-dimensions-tooltip-border-radius);box-sizing:border-box;color:var(--components-colors-tooltip-color-text);max-width:12.5rem;padding:var(--components-dimensions-tooltip-padding-block) var(--components-dimensions-tooltip-padding-inline);transition-property:opacity,visibility;transition-duration:var(--duration-medium);z-index:10;visibility:var(--visibility, hidden);opacity:var(--opacity, 0);box-shadow:var(--elevation-20)}._root_11jvu_2[data-enter=true]{--visibility: visible;--opacity: 1}._childItem_11jvu_24{display:inline-block}}