welcome-ui 9.0.1 → 10.0.0-alpha.1

package/dist/Text.css

@@ -1 +1 @@
-@layer components{._root_hcsa6_2{display:var(--display, block);font-size:var(--fontSize);line-height:var(--lineHeight);letter-spacing:var(--letterSpacing);font-weight:var(--fontWeight);font-family:var(--fontFamily, var(--font-family-default));text-transform:var(--textTransform, none);line-clamp:var(--lineClamp, none);-webkit-line-clamp:var(--lineClamp, none);word-break:var(--wordBreak, wrap-break-word);color:var(--color, inherit)}._variant-h0_hcsa6_16,._variant-h1_hcsa6_16,._variant-h2_hcsa6_16,._variant-h3_hcsa6_16,._variant-h4_hcsa6_16,._variant-h5_hcsa6_16,._variant-h6_hcsa6_16{--fontWeight: var(--font-weight-bold);--fontFamily: var(--font-family-headings);--color: var(--color-neutral-90)}._variant-h0_hcsa6_16{--fontSize: var(--font-size-h0);--lineHeight: var(--line-height-h0);--letterSpacing: var(--letter-spacing-h0)}._variant-h1_hcsa6_16{--fontSize: var(--font-size-h1);--lineHeight: var(--line-height-h1);--letterSpacing: var(--letter-spacing-h1)}._variant-h2_hcsa6_16{--fontSize: var(--font-size-h2);--lineHeight: var(--line-height-h2);--letterSpacing: var(--letter-spacing-h2)}._variant-h3_hcsa6_16{--fontSize: var(--font-size-h3);--lineHeight: var(--line-height-h3);--letterSpacing: var(--letter-spacing-h3)}._variant-h4_hcsa6_16{--fontSize: var(--font-size-h4);--lineHeight: var(--line-height-h4);--letterSpacing: var(--letter-spacing-h4)}._variant-h5_hcsa6_16{--fontSize: var(--font-size-h5);--lineHeight: var(--line-height-h5);--letterSpacing: var(--letter-spacing-h5)}._variant-h6_hcsa6_16{--fontSize: var(--font-size-h6);--lineHeight: var(--line-height-h6);--letterSpacing: var(--letter-spacing-h6)}._variant-xs_hcsa6_56,._variant-sm_hcsa6_56,._variant-md_hcsa6_56,._variant-lg_hcsa6_56{--fontWeight: var(--font-weight-regular)}._variant-xs_hcsa6_56{--fontSize: var(--font-size-xs);--lineHeight: var(--line-height-xs);--letterSpacing: var(--letter-spacing-xs)}._variant-sm_hcsa6_56{--fontSize: var(--font-size-sm);--lineHeight: var(--line-height-sm);--letterSpacing: var(--letter-spacing-sm)}._variant-md_hcsa6_56{--fontSize: var(--font-size-md);--lineHeight: var(--line-height-md);--letterSpacing: var(--letter-spacing-md)}._variant-lg_hcsa6_56{--fontSize: var(--font-size-lg);--lineHeight: var(--line-height-lg);--letterSpacing: var(--letter-spacing-lg)}._variant-subtitle-sm_hcsa6_79,._variant-subtitle-md_hcsa6_79{--fontFamily: var(--font-family-headings);--textTransform: uppercase}._variant-subtitle-sm_hcsa6_79{--fontSize: var(--font-size-subtitle-sm);--lineHeight: var(--line-height-subtitle-sm);--letterSpacing: var(--letter-spacing-subtitle-sm);--fontWeight: var(--font-weight-medium)}._variant-subtitle-md_hcsa6_79{--fontSize: var(--font-size-subtitle-md);--lineHeight: var(--line-height-subtitle-md);--letterSpacing: var(--letter-spacing-subtitle-md);--fontWeight: var(--font-weight-bold)}._with-lines_hcsa6_95{--display: -webkit-box;-webkit-box-orient:vertical;--line-height: normal;overflow:hidden}._single-line_hcsa6_101{--wordBreak: break-all;--lineHeight: normal}._multi-line_hcsa6_105{--lineHeight: 1.4}._with-dash_hcsa6_108{--display: flex;align-items:center}._with-dash_hcsa6_108:before{--display: inline-block;content:"";width:var(--spacing-lg);height:var(--height-4);background-color:var(--color-brand-40);margin-right:var(--spacing-lg);flex-shrink:0}}
+@layer components{._root_1tqvt_2{display:var(--display, block);font-size:var(--fontSize);line-height:var(--lineHeight);letter-spacing:var(--letterSpacing);font-weight:var(--fontWeight);font-family:var(--fontFamily, var(--font-family-body));line-clamp:var(--lineClamp, none);-webkit-line-clamp:var(--lineClamp, none);word-break:var(--wordBreak, wrap-break-word);color:var(--color, inherit)}._variant-display-xl_1tqvt_15,._variant-display-lg_1tqvt_15,._variant-display-md_1tqvt_15,._variant-display-sm_1tqvt_15{--fontFamily: var(--font-family-title);--lineHeight: var(--font-line-height-xs);--letterSpacing: var(--font-letter-spacing-xs);--color: var(--color-text-neutral-primary)}._variant-display-xl_1tqvt_15{--fontSize: var(--font-size-7xl);--fontWeight: var(--font-weight-black)}._variant-display-lg_1tqvt_15{--fontSize: var(--font-size-6xl);--fontWeight: var(--font-weight-black)}._variant-display-md_1tqvt_15{--fontSize: var(--font-size-5xl);--fontWeight: var(--font-weight-black)}._variant-display-sm_1tqvt_15{--fontSize: var(--font-size-4xl);--fontWeight: var(--font-weight-black)}._variant-heading-xl_1tqvt_37,._variant-heading-lg_1tqvt_37,._variant-heading-md_1tqvt_37,._variant-heading-sm_1tqvt_37,._variant-heading-md-strong_1tqvt_37,._variant-heading-sm-strong_1tqvt_37{--fontFamily: var(--font-family-title);--lineHeight: var(--font-line-height-xs);--letterSpacing: var(--font-letter-spacing-xs);--color: var(--color-text-neutral-primary)}._variant-heading-xl_1tqvt_37{--fontSize: var(--font-size-3xl);--fontWeight: var(--font-weight-bold)}._variant-heading-lg_1tqvt_37{--fontSize: var(--font-size-2xl);--fontWeight: var(--font-weight-bold)}._variant-heading-md_1tqvt_37,._variant-heading-md-strong_1tqvt_37{--fontSize: var(--font-size-xl);--fontWeight: var(--font-weight-medium)}._variant-heading-md-strong_1tqvt_37{--fontWeight: var(--font-weight-bold)}._variant-heading-sm_1tqvt_37,._variant-heading-sm-strong_1tqvt_37{--fontSize: var(--font-size-lg);--fontWeight: var(--font-weight-medium)}._variant-heading-sm-strong_1tqvt_37{--fontWeight: var(--font-weight-bold)}._variant-heading-xs_1tqvt_65,._variant-heading-xs-strong_1tqvt_65{--fontSize: var(--font-size-md);--fontWeight: var(--font-weight-medium)}._variant-heading-xs-strong_1tqvt_65{--fontWeight: var(--font-weight-bold)}._variant-body-xl_1tqvt_72,._variant-body-lg_1tqvt_72,._variant-body-md_1tqvt_72,._variant-body-sm_1tqvt_72,._variant-body-xl-strong_1tqvt_72,._variant-body-lg-strong_1tqvt_72,._variant-body-md-strong_1tqvt_72,._variant-body-sm-strong_1tqvt_72{--fontFamily: var(--font-family-body);--letterSpacing: var(--font-letter-spacing-none);--fontWeight: var(--font-weight-regular)}._variant-body-xl-strong_1tqvt_72,._variant-body-lg-strong_1tqvt_72,._variant-body-md-strong_1tqvt_72,._variant-body-sm-strong_1tqvt_72{--fontWeight: var(--font-weight-medium)}._variant-body-xl_1tqvt_72,._variant-body-xl-strong_1tqvt_72{--fontSize: var(--font-size-lg);--lineHeight: var(--font-line-height-lg)}._variant-body-lg_1tqvt_72,._variant-body-lg-strong_1tqvt_72{--fontSize: var(--font-size-md);--lineHeight: var(--font-line-height-lg)}._variant-body-md_1tqvt_72,._variant-body-md-strong_1tqvt_72{--fontSize: var(--font-size-sm);--lineHeight: var(--font-line-height-md)}._variant-body-sm_1tqvt_72,._variant-body-sm-strong_1tqvt_72{--fontSize: var(--font-size-xs);--lineHeight: var(--font-line-height-sm)}._variant-label-xl_1tqvt_96,._variant-label-lg_1tqvt_96,._variant-label-md_1tqvt_96,._variant-label-sm_1tqvt_96{--fontFamily: var(--font-family-body);--letterSpacing: var(--font-letter-spacing-none);--lineHeight: var(--font-line-height-xs)}._variant-label-xl_1tqvt_96{--fontSize: var(--font-size-lg);--fontWeight: var(--font-weight-bold)}._variant-label-lg_1tqvt_96{--fontSize: var(--font-size-md);--fontWeight: var(--font-weight-semi-bold)}._variant-label-md_1tqvt_96,._variant-label-md-strong_1tqvt_109{--fontSize: var(--font-size-sm);--fontWeight: var(--font-weight-medium)}._variant-label-md-strong_1tqvt_109{--fontWeight: var(--font-weight-semi-bold)}._variant-label-sm_1tqvt_96,._variant-label-sm-strong_1tqvt_116{--fontSize: var(--font-size-xs);--fontWeight: var(--font-weight-medium)}._variant-label-sm-strong_1tqvt_116{--fontWeight: var(--font-weight-bold)}._with-lines_1tqvt_123{--display: -webkit-box;-webkit-box-orient:vertical;--line-height: normal;overflow:hidden}._single-line_1tqvt_129{--wordBreak: break-all;--lineHeight: normal}._multi-line_1tqvt_133{--lineHeight: 1.4}._with-dash_1tqvt_136{--display: flex;align-items:center}._with-dash_1tqvt_136:before{--display: inline-block;content:"";width:var(--border-radius-xl);height:var(--border-radius-sm);background-color:var(--color-background-brand-primary);margin-right:var(--border-radius-xl);flex-shrink:0}}

package/dist/Text.js

@@ -1,64 +1,62 @@
 "use client";
-import { createElement as v } from "react";
-import { c as u } from "./index-CdiHdiVB.js";
-import { f as d } from "./forwardRefWithAs-8eP3ZN15.js";
-const p = "_root_hcsa6_2", b = {
-  root: p,
-  "variant-h0": "_variant-h0_hcsa6_16",
-  "variant-h1": "_variant-h1_hcsa6_16",
-  "variant-h2": "_variant-h2_hcsa6_16",
-  "variant-h3": "_variant-h3_hcsa6_16",
-  "variant-h4": "_variant-h4_hcsa6_16",
-  "variant-h5": "_variant-h5_hcsa6_16",
-  "variant-h6": "_variant-h6_hcsa6_16",
-  "variant-xs": "_variant-xs_hcsa6_56",
-  "variant-sm": "_variant-sm_hcsa6_56",
-  "variant-md": "_variant-md_hcsa6_56",
-  "variant-lg": "_variant-lg_hcsa6_56",
-  "variant-subtitle-sm": "_variant-subtitle-sm_hcsa6_79",
-  "variant-subtitle-md": "_variant-subtitle-md_hcsa6_79",
-  "with-lines": "_with-lines_hcsa6_95",
-  "single-line": "_single-line_hcsa6_101",
-  "multi-line": "_multi-line_hcsa6_105",
-  "with-dash": "_with-dash_hcsa6_108"
-}, g = {
-  h0: "h1",
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  lg: "p",
-  md: "p",
-  sm: "p",
-  "subtitle-md": "span",
-  "subtitle-sm": "span",
-  xs: "p"
-}, w = u(b), S = d(
-  ({ as: h, children: _, className: n, lines: a, variant: t = "md", withDash: r, ...c }, e) => {
-    const l = h || g[t], m = t == null ? void 0 : t.startsWith("h"), s = a && a > 1 && a !== Number.POSITIVE_INFINITY, i = a === 1, o = w(
+import { createElement as g } from "react";
+import { c as m } from "./index-CdiHdiVB.js";
+import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
+const q = "_root_1tqvt_2", h = {
+  root: q,
+  "variant-display-xl": "_variant-display-xl_1tqvt_15",
+  "variant-display-lg": "_variant-display-lg_1tqvt_15",
+  "variant-display-md": "_variant-display-md_1tqvt_15",
+  "variant-display-sm": "_variant-display-sm_1tqvt_15",
+  "variant-heading-xl": "_variant-heading-xl_1tqvt_37",
+  "variant-heading-lg": "_variant-heading-lg_1tqvt_37",
+  "variant-heading-md": "_variant-heading-md_1tqvt_37",
+  "variant-heading-sm": "_variant-heading-sm_1tqvt_37",
+  "variant-heading-md-strong": "_variant-heading-md-strong_1tqvt_37",
+  "variant-heading-sm-strong": "_variant-heading-sm-strong_1tqvt_37",
+  "variant-heading-xs": "_variant-heading-xs_1tqvt_65",
+  "variant-heading-xs-strong": "_variant-heading-xs-strong_1tqvt_65",
+  "variant-body-xl": "_variant-body-xl_1tqvt_72",
+  "variant-body-lg": "_variant-body-lg_1tqvt_72",
+  "variant-body-md": "_variant-body-md_1tqvt_72",
+  "variant-body-sm": "_variant-body-sm_1tqvt_72",
+  "variant-body-xl-strong": "_variant-body-xl-strong_1tqvt_72",
+  "variant-body-lg-strong": "_variant-body-lg-strong_1tqvt_72",
+  "variant-body-md-strong": "_variant-body-md-strong_1tqvt_72",
+  "variant-body-sm-strong": "_variant-body-sm-strong_1tqvt_72",
+  "variant-label-xl": "_variant-label-xl_1tqvt_96",
+  "variant-label-lg": "_variant-label-lg_1tqvt_96",
+  "variant-label-md": "_variant-label-md_1tqvt_96",
+  "variant-label-sm": "_variant-label-sm_1tqvt_96",
+  "variant-label-md-strong": "_variant-label-md-strong_1tqvt_109",
+  "variant-label-sm-strong": "_variant-label-sm-strong_1tqvt_116",
+  "with-lines": "_with-lines_1tqvt_123",
+  "single-line": "_single-line_1tqvt_129",
+  "multi-line": "_multi-line_1tqvt_133",
+  "with-dash": "_with-dash_1tqvt_136"
+}, y = m(h), w = b(
+  ({ as: _ = "p", children: s, className: r, lines: a, variant: t = "md", withDash: l, ...v }, d) => {
+    const e = (t == null ? void 0 : t.startsWith("heading")) || (t == null ? void 0 : t.startsWith("display")), i = a && a > 1 && a !== Number.POSITIVE_INFINITY, n = a === 1, o = y(
       "root",
       `variant-${t}`,
       a && "with-lines",
-      s && "multi-line",
-      i && "single-line",
-      r && m && "with-dash",
-      n
+      i && "multi-line",
+      n && "single-line",
+      l && e && "with-dash",
+      r
     );
-    return v(
-      l,
+    return g(
+      _,
       {
         className: o,
-        ref: e,
-        style: { ...s || i ? { "--lineClamp": a } : {} },
-        ...c
+        ref: d,
+        style: { ...i || n ? { "--lineClamp": a } : {} },
+        ...v
       },
-      _
+      s
     );
   }
 );
 export {
-  g as TAG_NAMES,
-  S as Text
+  w as Text
 };

package/dist/Textarea.css

@@ -1 +1 @@
-@layer components{._root_zxsmz_2{border-radius:var(--radius-md);border-style:solid;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:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);padding:var(--spacing-md);min-height:8.125rem;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30))}._root_zxsmz_2:disabled,._root_zxsmz_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_zxsmz_2:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_zxsmz_2[data-focus-visible],._root_zxsmz_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_zxsmz_2::placeholder{--color: var(--color-neutral-60)}._variant-danger_zxsmz_34{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_zxsmz_40{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_zxsmz_46{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}}
+@layer components{._root_rh62g_2{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);width:100%;transition:var(--duration-medium);padding:var(--spacing-md);min-height:8.125rem;outline:none;background-color:var(--textAreaBackgroundColor, var(--components-colors-input-color-background-default));color:var(--textAreaColor, var(--components-colors-input-color-text-default));border-color:var(--textAreaBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--textAreaBoxShadow, var(--inset-10)) inset}._root_rh62g_2:disabled,._root_rh62g_2[aria-disabled]{--textAreaBackgroundColor: var(--components-colors-input-color-background-disabled);--textAreaColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_rh62g_2:hover{--textAreaBorderColor: var(--components-colors-input-color-border-hover);--textAreaBoxShadow: var(--inset-20)}._root_rh62g_2:active,._root_rh62g_2:focus{--textAreaBorderColor: var(--components-colors-input-color-border-active)}._root_rh62g_2::placeholder{--textAreaColor: var(--components-colors-input-color-text-placeholder)}._variant-danger_rh62g_35{--textAreaBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_rh62g_38{--textAreaBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_rh62g_41{--textAreaBorderColor: var(--components-colors-input-color-border-success)}}

package/dist/Textarea.js

@@ -1,27 +1,27 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { useField as _ } from "./Field.js";
-import { c as x } from "./index-CdiHdiVB.js";
-const v = "_root_zxsmz_2", z = {
+import { forwardRef as _ } from "react";
+import { useField as m } from "./Field.js";
+import { c as g } from "./index-CdiHdiVB.js";
+const v = "_root_rh62g_2", f = {
   root: v,
-  "variant-danger": "_variant-danger_zxsmz_34",
-  "variant-warning": "_variant-warning_zxsmz_40",
-  "variant-success": "_variant-success_zxsmz_46"
-}, f = x(z), g = m(
-  ({ className: r, minRows: t = 5, variant: s, ...o }, n) => {
-    const { getInputProps: e, variant: i } = _(), a = i || s;
+  "variant-danger": "_variant-danger_rh62g_35",
+  "variant-warning": "_variant-warning_rh62g_38",
+  "variant-success": "_variant-success_rh62g_41"
+}, p = g(f), h = _(
+  ({ className: a, minRows: t = 5, variant: o, ...n }, s) => {
+    const { getInputProps: e, variant: i } = m(), r = i || o;
     return /* @__PURE__ */ c(
       "textarea",
       {
-        className: f("root", a && `variant-${a}`, r),
-        ref: n,
+        className: p("root", r && `variant-${r}`, a),
+        ref: s,
         rows: t,
-        ...e(o)
+        ...e(n)
       }
     );
   }
 );
 export {
-  g as Textarea
+  h as Textarea
 };

package/dist/TimePicker.js

@@ -2,7 +2,7 @@
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as S, useState as w, useRef as j, useEffect as d } from "react";
 import { D as F, C as I } from "./CustomPopper-vwbOQq72.js";
-import { b as L, D as M, s as O } from "./utils-BpbIqM56.js";
+import { b as L, D as M, s as O } from "./utils-DileZjMm.js";
 import { InputText as U } from "./InputText.js";
 import { c as _ } from "./index-CdiHdiVB.js";
 const q = _(O), V = S(

package/dist/Toast.css

@@ -1 +1 @@
-@layer components{._title_fnmmh_2{display:flex;align-items:center;padding-bottom:var(--spacing-xs);color:var(--color-neutral-90);font-weight:var(--font-weight-bold)}._title_fnmmh_2>*:first-child{flex-shrink:0}._growl_fnmmh_12{position:relative;padding:var(--spacing-lg);border-radius:var(--radius-lg);border-style:solid;border-width:var(--border-width-sm);max-width:340px}._growl_fnmmh_12 div:first-of-type{align-self:baseline;font-size:var(--font-size-sm)}._growl_fnmmh_12 button{flex-shrink:0}._snackbar_fnmmh_27{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);width:max-content;gap:var(--spacing-sm)}._snackbar_fnmmh_27 div:first-of-type{align-self:center;font-size:var(--font-size-sm)}._snackbar_fnmmh_27 div:last-of-type{flex-direction:row;margin-left:var(--spacing-xs)!important}._snackbar-separator_fnmmh_43{padding-left:var(--spacing-sm);border-left:1px solid;border-left-color:var(--borderLeftColor, --color-neutral-90)}._snackbar-separator_fnmmh_43._info_fnmmh_48{--borderLeftColor: var(--color-blue-30)}._snackbar-separator_fnmmh_43._success_fnmmh_51{--borderLeftColor: var(--color-green-30)}._snackbar-separator_fnmmh_43._warning_fnmmh_54{--borderLeftColor: var(--color-orange-20)}._snackbar-separator_fnmmh_43._danger_fnmmh_57{--borderLeftColor: var(--color-red-20)}}
+@layer components{._title_1trg0_2{display:flex;align-items:center;padding-bottom:var(--border-radius-sm);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._title_1trg0_2>*:first-child{flex-shrink:0}._growl_1trg0_12{position:relative;padding:var(--border-radius-xl);border-radius:var(--border-radius-md);border-style:solid;border-width:var(--border-width-xs);max-width:340px}._growl_1trg0_12 div:first-of-type{align-self:baseline;font-size:var(--font-size-14)}._growl_1trg0_12 button{flex-shrink:0}._snackbar_1trg0_27{display:flex;align-items:center;padding:var(--border-radius-md) var(--border-radius-lg);border-radius:var(--border-radius-md);width:max-content;gap:var(--border-radius-md)}._snackbar_1trg0_27 div:first-of-type{align-self:center;font-size:var(--font-size-14)}._snackbar_1trg0_27 div:last-of-type{flex-direction:row;margin-left:var(--border-radius-sm)!important}._snackbar-separator_1trg0_43{padding-left:var(--border-radius-md);border-left:1px solid;border-left-color:var(--borderLeftColor, --color-neutral-90)}._snackbar-separator_1trg0_43._info_1trg0_48{--borderLeftColor: var(--color-background-accent-blue-secondary)}._snackbar-separator_1trg0_43._success_1trg0_51{--borderLeftColor: var(--color-background-accent-green-primary)}._snackbar-separator_1trg0_43._warning_1trg0_54{--borderLeftColor: var(--color-background-warning-subtle)}._snackbar-separator_1trg0_43._danger_1trg0_57{--borderLeftColor: var(--color-background-danger-subtle)}}

package/dist/Toast.js

@@ -6,7 +6,7 @@ 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-D2TPji47.js";
-import { forwardRef as w } from "react";
-import { useField as x } from "./Field.js";
-import { c as f } from "./index-CdiHdiVB.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-D2TPji47.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_aoc8w_2{background-color:var(--color-background-neutral-primary-fixed);border:var(--components-dimensions-tooltip-border-width) solid var(--color-icon-neutral-subtle);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--components-colors-tooltip-color-text);font-size:var(--components-dimensions-tooltip-padding-inline);font-weight:var(--font-weight-medium);max-width:12.5rem;padding:var(--border-radius-sm) var(--components-dimensions-tooltip-padding-block);transition-property:opacity,visibility;transition-duration:var(--duration-medium);z-index:10;visibility:var(--visibility, hidden);opacity:var(--opacity, 0)}._root_aoc8w_2[data-enter=true]{--visibility: visible;--opacity: 1}._childItem_aoc8w_22{display:inline-block}}