welcome-ui 0.0.0-dev.1763974162373 → 0.0.0-dev.1764081436168

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/Accordion.js +13 -13
  2. package/dist/Button.css +1 -1
  3. package/dist/Button.js +38 -38
  4. package/dist/Drawer.js +132 -111
  5. package/dist/Link.css +1 -1
  6. package/dist/Link.js +50 -50
  7. package/dist/Toast.js +36 -34
  8. package/package.json +1 -1
package/dist/Accordion.js CHANGED
@@ -1,30 +1,30 @@
1
1
  "use client";
2
2
  import './Accordion.css';
3
- import { jsxs as i, jsx as o } from "react/jsx-runtime";
4
- import { D as d } from "./NMGNQVTG-DRO2uXZT.js";
3
+ import { jsxs as r, jsx as o } from "react/jsx-runtime";
4
+ import { D as m } from "./NMGNQVTG-DRO2uXZT.js";
5
5
  import { D as a } from "./T22PY7TE-gLuJpoOm.js";
6
6
  import { u as b } from "./T22PY7TE-gLuJpoOm.js";
7
7
  import { forwardRef as u } from "react";
8
8
  import { Icon as p } from "./Icon.js";
9
9
  import { Text as _ } from "./Text.js";
10
10
  import { c as h } from "./index-PAaZGbyz.js";
11
- const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", w = "_disclosure_1ugpw_23", N = {
11
+ const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", N = "_disclosure_1ugpw_23", v = {
12
12
  root: f,
13
13
  icon: g,
14
- disclosure: w,
14
+ disclosure: N,
15
15
  "disclosure-content": "_disclosure-content_1ugpw_48",
16
16
  "content-child": "_content-child_1ugpw_63"
17
- }, s = h(N), v = u(
18
- ({ children: t, className: n, dataTestId: c, store: r, title: e, ...l }, m) => /* @__PURE__ */ i("div", { className: s("root", n), ref: m, ...l, children: [
19
- /* @__PURE__ */ i(
20
- d,
17
+ }, s = h(v), w = u(
18
+ ({ children: t, className: n, dataTestId: c, store: i, title: e, ...l }, d) => /* @__PURE__ */ r("div", { className: s("root", n), ref: d, ...l, children: [
19
+ /* @__PURE__ */ r(
20
+ m,
21
21
  {
22
22
  className: s("disclosure"),
23
23
  "data-testid": c ? `${c}-title` : void 0,
24
- store: r,
24
+ store: i,
25
25
  children: [
26
26
  /* @__PURE__ */ o(_, { as: "h5", variant: "heading-sm-strong", children: e }),
27
- /* @__PURE__ */ o("div", { className: s("icon"), children: /* @__PURE__ */ o(p, { name: "arrow-right", size: "sm" }) })
27
+ /* @__PURE__ */ o("div", { className: s("icon"), children: /* @__PURE__ */ o(p, { name: "angle-right", size: "lg" }) })
28
28
  ]
29
29
  }
30
30
  ),
@@ -33,14 +33,14 @@ const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", w = "_disclosure_1ugpw_23", N =
33
33
  {
34
34
  className: s("disclosure-content"),
35
35
  "data-testid": c ? `${c}-content` : void 0,
36
- store: r,
36
+ store: i,
37
37
  children: /* @__PURE__ */ o("div", { className: s("content-child"), children: t })
38
38
  }
39
39
  )
40
40
  ] })
41
41
  );
42
- v.displayName = "Accordion";
42
+ w.displayName = "Accordion";
43
43
  export {
44
- v as Accordion,
44
+ w as Accordion,
45
45
  b as useAccordion
46
46
  };
package/dist/Button.css CHANGED
@@ -1 +1 @@
1
- @property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@keyframes _rotate-gradient_1ervh_1{to{--gradient-angle: 300deg}}@layer components{._root_1ervh_12{position:relative;display:inline-flex;align-items:center;justify-content:center;border-style:solid;cursor:pointer;border-radius:var(--border-radius-md);transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out;outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-semi-bold);font-family:var(--font-family-body);line-height:var(--font-line-height-xs);height:var(--buttonHeight);padding-inline:var(--buttonPaddingInline);font-size:var(--buttonFontSize);color:var(--buttonColor, var(--color-neutral-90));background:var(--buttonBackground);border-width:var(--buttonBorderWidth, 0);border-color:var(--buttonBorderColor, transparent);box-shadow:var(--buttonBoxShadow, none);gap:var(--buttonGap)}._root_1ervh_12[data-focus-visible],._root_1ervh_12:focus-visible{outline-width:var(--components-dimensions-button-border-width-focused);outline-color:var(--buttonOutlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_1ervh_12:hover:not(:disabled):not([aria-disabled]){box-shadow:var(--elevation-20);--buttonBackground: var(--buttonBackgroundHover);--buttonBorderColor: var(--buttonBorderColorHover, transparent);--buttonColor: var(--buttonColorHover)}}._root_1ervh_12:active:not(:disabled):not([aria-disabled]){--buttonBackground: var(--buttonBackgroundActive);--buttonBorderColor: var(--buttonBorderColorActive, transparent);--buttonColor: var(--buttonColorPressed)}._root_1ervh_12:disabled,._root_1ervh_12[aria-disabled]{--buttonBorderColor: var(--buttonBorderColorDisabled, transparent);--buttonColor: var(--buttonColorDisabled);--buttonBackground: var(--buttonBackgroundDisabled);cursor:not-allowed}._root_1ervh_12 i.wui-icon-font,._root_1ervh_12 svg{font-weight:initial;width:var(--buttonIconSize);height:var(--buttonIconSize);font-size:var(--buttonIconSize)}._root_1ervh_12:has(svg:only-child),._root_1ervh_12:has(i._wui-icon-font_1ervh_64:only-child){width:var(--buttonHeight);--buttonPaddingInline: 0}._size-sm_1ervh_75{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-sm);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-sm);--buttonIconSize: var(--components-dimensions-button-size-icon-sm);--buttonGap: var(--components-dimensions-button-gap-content-sm)}._size-md_1ervh_82{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-md);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-md);--buttonIconSize: var(--components-dimensions-button-size-icon-md);--buttonGap: var(--components-dimensions-button-gap-content-md)}._size-lg_1ervh_89{--buttonFontSize: var(--font-size-16);--buttonHeight: var(--components-dimensions-button-size-max-height-lg);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-lg);--buttonIconSize: var(--components-dimensions-button-size-icon-lg);--buttonGap: var(--components-dimensions-button-gap-content-lg)}._variant-primary_1ervh_96{--buttonBackground: var(--components-colors-button-color-background-primary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-primary-main-hover);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);--buttonColorDisabled: var(--components-colors-button-color-text-primary-main-disabled);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 5.25px) padding-box}._variant-primary-neutral_1ervh_106{--buttonBackground: var(--components-colors-button-color-background-primary-neutral-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-neutral-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-neutral-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-neutral-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-neutral-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-neutral-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-neutral-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-primary-ai_1ervh_121{--buttonBackground: linear-gradient(var(--components-colors-button-color-background-primary-ai-default) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundActive: linear-gradient(var(--components-colors-button-color-background-primary-ai-pressed) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundHover: linear-gradient(var(--components-colors-button-color-background-primary-ai-hover) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 5.25px) padding-box, linear-gradient( 107.75deg, var(--color-neutral-30) 0%, var(--color-neutral-50) 20%, var(--color-neutral-40) 40%, var(--color-neutral-50) 60%, var(--color-neutral-60) 80%, var(--color-neutral-50) 100% ) border-box;--buttonBorderWidth: var(--components-dimensions-button-border-width-ai);--buttonColor: var(--components-colors-button-color-text-primary-ai-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-ai-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-ai-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-ai-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);animation:_rotate-gradient_1ervh_1 3s linear infinite paused}@media (hover: hover) and (pointer: fine){._variant-primary-ai_1ervh_121:hover:not(:disabled):not([aria-disabled]){animation-play-state:running}}._variant-primary-ai_1ervh_121:focus-visible{animation-play-state:running}._variant-primary-danger_1ervh_153{--buttonBackground: var(--components-colors-button-color-background-primary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary_1ervh_169{--buttonBackground: var(--components-colors-button-color-background-secondary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-main-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-main-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-main-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-main-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-main-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-main-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary-danger_1ervh_190{--buttonBackground: var(--components-colors-button-color-background-secondary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-danger-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-danger-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-danger-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary_1ervh_211{--buttonBackground: var(--components-colors-button-color-background-tertiary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-tertiary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-tertiary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-main-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary-danger_1ervh_224{--buttonBackground: var(--components-colors-button-color-background-tertiary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-tertiary-danger-hover );--buttonBackgroundDisabled: var( --components-colors-button-color-background-tertiary-danger-disabled );--buttonColor: var(--components-colors-button-color-text-tertiary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-danger-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._loader_1ervh_241{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_1ervh_251{opacity:0}}
1
+ @property --gradient-angle{syntax: "<angle>"; initial-value: -60deg; inherits: true;}@keyframes _rotate-gradient_1eb2q_1{to{--gradient-angle: 300deg}}@layer components{._root_1eb2q_12{position:relative;display:inline-flex;white-space:nowrap;align-items:center;justify-content:center;border-style:solid;cursor:pointer;border-radius:var(--border-radius-md);transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out;outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-semi-bold);font-family:var(--font-family-body);line-height:var(--font-line-height-xs);height:var(--buttonHeight);padding-inline:var(--buttonPaddingInline);font-size:var(--buttonFontSize);color:var(--buttonColor, var(--color-neutral-90));background:var(--buttonBackground);border-width:var(--buttonBorderWidth, 0);border-color:var(--buttonBorderColor, transparent);box-shadow:var(--buttonBoxShadow, none);gap:var(--buttonGap)}._root_1eb2q_12[data-focus-visible],._root_1eb2q_12:focus-visible{outline-width:var(--components-dimensions-button-border-width-focused);outline-color:var(--buttonOutlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_1eb2q_12:hover:not(:disabled):not([aria-disabled]){box-shadow:var(--elevation-20);--buttonBackground: var(--buttonBackgroundHover);--buttonBorderColor: var(--buttonBorderColorHover, transparent);--buttonColor: var(--buttonColorHover)}}._root_1eb2q_12:active:not(:disabled):not([aria-disabled]){--buttonBackground: var(--buttonBackgroundActive);--buttonBorderColor: var(--buttonBorderColorActive, transparent);--buttonColor: var(--buttonColorPressed)}._root_1eb2q_12:disabled,._root_1eb2q_12[aria-disabled]{--buttonBorderColor: var(--buttonBorderColorDisabled, transparent);--buttonColor: var(--buttonColorDisabled);--buttonBackground: var(--buttonBackgroundDisabled);cursor:not-allowed}._root_1eb2q_12 i.wui-icon-font,._root_1eb2q_12 svg{font-weight:initial;width:var(--buttonIconSize);height:var(--buttonIconSize);font-size:var(--buttonIconSize)}._root_1eb2q_12:has(svg:only-child),._root_1eb2q_12:has(i._wui-icon-font_1eb2q_65:only-child){width:var(--buttonHeight);--buttonPaddingInline: 0}._size-sm_1eb2q_76{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-sm);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-sm);--buttonIconSize: var(--components-dimensions-button-size-icon-sm);--buttonGap: var(--components-dimensions-button-gap-content-sm)}._size-md_1eb2q_83{--buttonFontSize: var(--font-size-14);--buttonHeight: var(--components-dimensions-button-size-max-height-md);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-md);--buttonIconSize: var(--components-dimensions-button-size-icon-md);--buttonGap: var(--components-dimensions-button-gap-content-md)}._size-lg_1eb2q_90{--buttonFontSize: var(--font-size-16);--buttonHeight: var(--components-dimensions-button-size-max-height-lg);--buttonPaddingInline: var(--components-dimensions-button-padding-inline-lg);--buttonIconSize: var(--components-dimensions-button-size-icon-lg);--buttonGap: var(--components-dimensions-button-gap-content-lg)}._variant-primary_1eb2q_97{--buttonBackground: var(--components-colors-button-color-background-primary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-primary-main-hover);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);--buttonColorDisabled: var(--components-colors-button-color-text-primary-main-disabled);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 2.5px, var(--components-colors-button-color-background-primary-main-disabled) 5.25px) padding-box}._variant-primary-neutral_1eb2q_107{--buttonBackground: var(--components-colors-button-color-background-primary-neutral-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-neutral-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-neutral-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 2.5px, var(--components-colors-button-color-background-primary-neutral-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-neutral-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-neutral-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-neutral-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-neutral-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-primary-ai_1eb2q_122{--buttonBackground: linear-gradient(var(--components-colors-button-color-background-primary-ai-default) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundActive: linear-gradient(var(--components-colors-button-color-background-primary-ai-pressed) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundHover: linear-gradient(var(--components-colors-button-color-background-primary-ai-hover) 0 0) padding-box, conic-gradient(from var(--gradient-angle) at 50% 50%, var(--color-green-30), var(--color-teal-40), var(--color-blue-40), var(--color-violet-40), var(--color-pink-40), var(--color-red-orange-40), var(--color-pink-40), var(--color-violet-40), var(--color-blue-40), var(--color-teal-40), var(--color-green-30)) border-box;--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 2.5px, var(--components-colors-button-color-background-primary-ai-disabled) 5.25px) padding-box, linear-gradient( 107.75deg, var(--color-neutral-30) 0%, var(--color-neutral-50) 20%, var(--color-neutral-40) 40%, var(--color-neutral-50) 60%, var(--color-neutral-60) 80%, var(--color-neutral-50) 100% ) border-box;--buttonBorderWidth: var(--components-dimensions-button-border-width-ai);--buttonColor: var(--components-colors-button-color-text-primary-ai-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-ai-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-ai-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-ai-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused);animation:_rotate-gradient_1eb2q_1 3s linear infinite paused}@media (hover: hover) and (pointer: fine){._variant-primary-ai_1eb2q_122:hover:not(:disabled):not([aria-disabled]){animation-play-state:running}}._variant-primary-ai_1eb2q_122:focus-visible{animation-play-state:running}._variant-primary-danger_1eb2q_154{--buttonBackground: var(--components-colors-button-color-background-primary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-primary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-primary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 2.5px, var(--components-colors-button-color-background-primary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-primary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-primary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-primary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-primary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary_1eb2q_170{--buttonBackground: var(--components-colors-button-color-background-secondary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-main-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-main-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 2.5px, var(--components-colors-button-color-background-secondary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-main-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-main-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-main-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-main-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-secondary-danger_1eb2q_191{--buttonBackground: var(--components-colors-button-color-background-secondary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-secondary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-secondary-danger-hover );--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 2.5px, var(--components-colors-button-color-background-secondary-danger-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-secondary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-secondary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-secondary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-secondary-danger-pressed);--buttonBorderWidth: var(--components-dimensions-button-border-width-secondary);--buttonBorderColor: var(--components-colors-button-color-border-secondary-danger-default);--buttonBorderColorHover: var(--components-colors-button-color-border-secondary-danger-hover);--buttonBorderColorActive: var( --components-colors-button-color-border-secondary-danger-pressed );--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary_1eb2q_212{--buttonBackground: var(--components-colors-button-color-background-tertiary-main-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-main-pressed );--buttonBackgroundHover: var(--components-colors-button-color-background-tertiary-main-hover);--buttonBackgroundDisabled: repeating-linear-gradient(-45deg, var(--color-neutral-10), var(--color-neutral-10) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 2.5px, var(--components-colors-button-color-background-tertiary-main-disabled) 5.25px) padding-box;--buttonColor: var(--components-colors-button-color-text-tertiary-main-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-main-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-main-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-main-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._variant-tertiary-danger_1eb2q_225{--buttonBackground: var(--components-colors-button-color-background-tertiary-danger-default);--buttonBackgroundActive: var( --components-colors-button-color-background-tertiary-danger-pressed );--buttonBackgroundHover: var( --components-colors-button-color-background-tertiary-danger-hover );--buttonBackgroundDisabled: var( --components-colors-button-color-background-tertiary-danger-disabled );--buttonColor: var(--components-colors-button-color-text-tertiary-danger-default);--buttonColorDisabled: var(--components-colors-button-color-text-tertiary-danger-disabled);--buttonColorHover: var(--components-colors-button-color-text-tertiary-danger-hover);--buttonColorPressed: var(--components-colors-button-color-text-tertiary-danger-pressed);--buttonOutlineColorFocus: var(--components-colors-button-color-border-focused)}._loader_1eb2q_242{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_1eb2q_252{opacity:0}}
package/dist/Button.js CHANGED
@@ -1,55 +1,55 @@
1
1
  "use client";
2
2
  import './Button.css';
3
- import { jsxs as o, jsx as r, Fragment as z } from "react/jsx-runtime";
4
- import { B as b } from "./XCKGTAUF-CJwwVibW.js";
5
- import { useButtonGroup as x } from "./ButtonGroup.js";
6
- import { Loader as B } from "./Loader.js";
7
- import { c as N } from "./index-PAaZGbyz.js";
8
- import { f as w } from "./forwardRefWithAs-8eP3ZN15.js";
3
+ import { jsxs as o, jsx as r, Fragment as g } from "react/jsx-runtime";
4
+ import { B as z } from "./XCKGTAUF-CJwwVibW.js";
5
+ import { useButtonGroup as h } from "./ButtonGroup.js";
6
+ import { Loader as x } from "./Loader.js";
7
+ import { c as B } from "./index-PAaZGbyz.js";
8
+ import { f as N } from "./forwardRefWithAs-8eP3ZN15.js";
9
9
  import "react";
10
- const $ = "_root_1ervh_12", j = "_loader_1ervh_241", D = {
11
- root: $,
12
- "wui-icon-font": "_wui-icon-font_1ervh_64",
13
- "size-sm": "_size-sm_1ervh_75",
14
- "size-md": "_size-md_1ervh_82",
15
- "size-lg": "_size-lg_1ervh_89",
16
- "variant-primary": "_variant-primary_1ervh_96",
17
- "variant-primary-neutral": "_variant-primary-neutral_1ervh_106",
18
- "variant-primary-ai": "_variant-primary-ai_1ervh_121",
19
- "rotate-gradient": "_rotate-gradient_1ervh_1",
20
- "variant-primary-danger": "_variant-primary-danger_1ervh_153",
21
- "variant-secondary": "_variant-secondary_1ervh_169",
22
- "variant-secondary-danger": "_variant-secondary-danger_1ervh_190",
23
- "variant-tertiary": "_variant-tertiary_1ervh_211",
24
- "variant-tertiary-danger": "_variant-tertiary-danger_1ervh_224",
25
- loader: j,
26
- "loader-children": "_loader-children_1ervh_251"
27
- }, e = N(D), S = w(
10
+ const w = "_root_1eb2q_12", $ = "_loader_1eb2q_242", j = {
11
+ root: w,
12
+ "wui-icon-font": "_wui-icon-font_1eb2q_65",
13
+ "size-sm": "_size-sm_1eb2q_76",
14
+ "size-md": "_size-md_1eb2q_83",
15
+ "size-lg": "_size-lg_1eb2q_90",
16
+ "variant-primary": "_variant-primary_1eb2q_97",
17
+ "variant-primary-neutral": "_variant-primary-neutral_1eb2q_107",
18
+ "variant-primary-ai": "_variant-primary-ai_1eb2q_122",
19
+ "rotate-gradient": "_rotate-gradient_1eb2q_1",
20
+ "variant-primary-danger": "_variant-primary-danger_1eb2q_154",
21
+ "variant-secondary": "_variant-secondary_1eb2q_170",
22
+ "variant-secondary-danger": "_variant-secondary-danger_1eb2q_191",
23
+ "variant-tertiary": "_variant-tertiary_1eb2q_212",
24
+ "variant-tertiary-danger": "_variant-tertiary-danger_1eb2q_225",
25
+ loader: $,
26
+ "loader-children": "_loader-children_1eb2q_252"
27
+ }, e = B(j), D = N(
28
28
  ({
29
29
  accessibleWhenDisabled: s = !0,
30
30
  as: t,
31
31
  children: i,
32
32
  className: _ = "",
33
- disabled: v = !1,
33
+ disabled: d = !1,
34
34
  isLoading: a = !1,
35
- size: d = "lg",
36
- variant: l = "primary",
37
- ...m
38
- }, c) => {
39
- const { disabled: p, size: h, variant: u } = x(), y = p || v || a, f = u || l, g = h || d, n = t || "button";
35
+ size: l = "lg",
36
+ variant: m = "primary",
37
+ ...c
38
+ }, b) => {
39
+ const { disabled: p, size: v, variant: u } = h(), y = p || d || a, q = u || m, f = v || l, n = t || "button";
40
40
  return /* @__PURE__ */ o(
41
- b,
41
+ z,
42
42
  {
43
43
  ...n === "button" ? { type: "button" } : {},
44
- ...m,
44
+ ...c,
45
45
  accessibleWhenDisabled: s,
46
- className: e("root", `variant-${f}`, `size-${g}`, _),
46
+ className: e("root", `variant-${q}`, `size-${f}`, _),
47
47
  disabled: y,
48
- ref: c,
48
+ ref: b,
49
49
  render: t ? /* @__PURE__ */ r(n, {}) : void 0,
50
50
  children: [
51
- a ? /* @__PURE__ */ o(z, { children: [
52
- /* @__PURE__ */ r("div", { className: e("loader"), children: /* @__PURE__ */ r(B, { size: "xs" }) }),
51
+ a ? /* @__PURE__ */ o(g, { children: [
52
+ /* @__PURE__ */ r("div", { className: e("loader"), children: /* @__PURE__ */ r(x, { size: "xs" }) }),
53
53
  /* @__PURE__ */ r("div", { className: e("loader-children"), children: i })
54
54
  ] }) : null,
55
55
  !a && i
@@ -58,7 +58,7 @@ const $ = "_root_1ervh_12", j = "_loader_1ervh_241", D = {
58
58
  );
59
59
  }
60
60
  );
61
- S.displayName = "Button";
61
+ D.displayName = "Button";
62
62
  export {
63
- S as Button
63
+ D as Button
64
64
  };
package/dist/Drawer.js CHANGED
@@ -1,99 +1,101 @@
1
1
  "use client";
2
2
  import './Drawer.css';
3
- import { jsx as e, jsxs as p, Fragment as I } from "react/jsx-runtime";
4
- import { D as W } from "./NI3IVY7K-Dy240mkD.js";
5
- import { u as fe } from "./NI3IVY7K-Dy240mkD.js";
6
- import { useCallback as D, forwardRef as h } from "react";
3
+ import { jsx as e, jsxs as h, Fragment as P } from "react/jsx-runtime";
4
+ import { D as S } from "./NI3IVY7K-Dy240mkD.js";
5
+ import { u as Ne } from "./NI3IVY7K-Dy240mkD.js";
6
+ import { useCallback as f, forwardRef as u } from "react";
7
7
  import { c as o } from "./index-PAaZGbyz.js";
8
- import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
9
- import { Button as E } from "./Button.js";
10
- import { Icon as x } from "./Icon.js";
11
- import { Text as v } from "./Text.js";
8
+ import { f as z } from "./forwardRefWithAs-8eP3ZN15.js";
9
+ import { Button as q } from "./Button.js";
10
+ import { Icon as A } from "./Icon.js";
11
+ import { Text as C } from "./Text.js";
12
12
  import { D as H } from "./DSAASPLT-Fx1kuAsk.js";
13
13
  import { CloseButton as M } from "./CloseButton.js";
14
- import { D as P } from "./ZTXFEM5L-WGHY_jqg.js";
15
- const R = "_content_1mhgf_13", S = "_title_1mhgf_67", f = {
14
+ import { D as R } from "./ZTXFEM5L-WGHY_jqg.js";
15
+ const J = "_content_1mhgf_13", K = "_title_1mhgf_67", b = {
16
16
  "asset-drawer": "_asset-drawer_1mhgf_3",
17
17
  "content-wrapper": "_content-wrapper_1mhgf_13",
18
18
  "content-max-width": "_content-max-width_1mhgf_24",
19
- content: R,
19
+ content: J,
20
20
  "asset-drawer-header": "_asset-drawer-header_1mhgf_39",
21
21
  "back-button": "_back-button_1mhgf_57",
22
- title: S,
22
+ title: K,
23
23
  "icon-block": "_icon-block_1mhgf_72",
24
24
  "size-md": "_size-md_1mhgf_84",
25
25
  "size-sm": "_size-sm_1mhgf_87"
26
- }, d = o(f), y = b(
26
+ }, _ = o(b), T = z(
27
27
  ({
28
28
  children: t,
29
- className: r,
30
- getPersistentElements: s,
31
- maxWidth: a,
29
+ className: s,
30
+ getPersistentElements: r,
31
+ hideOnInteractOutside: a = !0,
32
+ maxWidth: n,
32
33
  store: c,
33
- ...i
34
- }, m) => {
35
- const l = D(
34
+ ...k
35
+ }, d) => {
36
+ const l = f(
36
37
  () => Array.from(
37
- s ? s() : document.querySelectorAll("[data-wui-persistent]")
38
+ r ? r() : document.querySelectorAll("[data-wui-persistent]")
38
39
  ),
39
- [s]
40
- ), k = D(
41
- (O) => {
42
- const j = O.target;
40
+ [r]
41
+ ), g = f(
42
+ (m) => {
43
+ if (!a) return !1;
44
+ const N = m.target;
43
45
  return !l().some(
44
- (B) => B.contains(j)
46
+ (D) => D.contains(N)
45
47
  );
46
48
  },
47
- [l]
48
- ), w = typeof a == "number" ? `${a}px` : a;
49
+ [l, a]
50
+ ), w = typeof n == "number" ? `${n}px` : n;
49
51
  return /* @__PURE__ */ e(
50
- te,
52
+ ae,
51
53
  {
52
54
  autoFocusOnShow: !1,
53
- className: d("asset-drawer", r),
55
+ className: _("asset-drawer", s),
54
56
  getPersistentElements: l,
55
- hideOnInteractOutside: k,
57
+ hideOnInteractOutside: g,
56
58
  placement: "bottom",
57
- ref: m,
59
+ ref: d,
58
60
  store: c,
59
61
  withBackdrop: !0,
60
- ...i,
61
- children: /* @__PURE__ */ e("div", { className: d("content-wrapper"), children: /* @__PURE__ */ e(
62
+ ...k,
63
+ children: /* @__PURE__ */ e("div", { className: _("content-wrapper"), children: /* @__PURE__ */ e(
62
64
  "div",
63
65
  {
64
- className: d("content-max-width"),
66
+ className: _("content-max-width"),
65
67
  style: { "--assetDrawerContentMaxWidth": w },
66
- children: /* @__PURE__ */ e("div", { className: d("content"), children: t })
68
+ children: /* @__PURE__ */ e("div", { className: _("content"), children: t })
67
69
  }
68
70
  ) })
69
71
  }
70
72
  );
71
73
  }
72
74
  );
73
- y.displayName = "AssetDrawer";
74
- const q = o(f), $ = ({ iconName: t, size: r = "md" }) => /* @__PURE__ */ e("div", { className: q("icon-block", `size-${r}`), children: /* @__PURE__ */ e(x, { className: "text-neutral-90", name: t, size: r }) });
75
- $.displayName = "AssetDrawer.IconBlock";
76
- const _ = o(f), z = ({
75
+ T.displayName = "AssetDrawer";
76
+ const L = o(b), F = ({ iconName: t, size: s = "md" }) => /* @__PURE__ */ e("div", { className: L("icon-block", `size-${s}`), children: /* @__PURE__ */ e(A, { className: "text-neutral-90", name: t, size: s }) });
77
+ F.displayName = "AssetDrawer.IconBlock";
78
+ const p = o(b), O = ({
77
79
  action: t,
78
- className: r,
79
- iconName: s,
80
+ className: s,
81
+ iconName: r,
80
82
  onBackButtonClick: a,
81
- subtitle: c,
82
- title: i
83
- }) => /* @__PURE__ */ p("div", { className: _("asset-drawer-header", r), children: [
84
- /* @__PURE__ */ p("div", { className: _("back-button"), children: [
85
- !!a && /* @__PURE__ */ e(E, { onClick: a, variant: "tertiary", children: /* @__PURE__ */ e(x, { name: "arrow-left" }) }),
86
- !!s && /* @__PURE__ */ e($, { iconName: s }),
87
- /* @__PURE__ */ p("div", { className: _("title"), children: [
88
- /* @__PURE__ */ e(v, { as: "h3", className: "pr-xl", variant: "heading-lg", children: i }),
89
- c
83
+ subtitle: n,
84
+ title: c
85
+ }) => /* @__PURE__ */ h("div", { className: p("asset-drawer-header", s), children: [
86
+ /* @__PURE__ */ h("div", { className: p("back-button"), children: [
87
+ !!a && /* @__PURE__ */ e(q, { onClick: a, variant: "tertiary", children: /* @__PURE__ */ e(A, { name: "arrow-left" }) }),
88
+ !!r && /* @__PURE__ */ e(F, { iconName: r }),
89
+ /* @__PURE__ */ h("div", { className: p("title"), children: [
90
+ /* @__PURE__ */ e(C, { as: "h3", className: "pr-xl", variant: "heading-lg", children: c }),
91
+ n
90
92
  ] })
91
93
  ] }),
92
- t ? /* @__PURE__ */ e("div", { className: _("actions"), children: t }) : null
94
+ t ? /* @__PURE__ */ e("div", { className: p("actions"), children: t }) : null
93
95
  ] });
94
- z.displayName = "AssetDrawer.Header";
95
- const J = "_root_iksk1_3", K = "_backdrop_iksk1_68", L = "_content_iksk1_85", Q = "_footer_iksk1_94", U = "_title_iksk1_108", n = {
96
- root: J,
96
+ O.displayName = "AssetDrawer.Header";
97
+ const Q = "_root_iksk1_3", U = "_backdrop_iksk1_68", V = "_content_iksk1_85", X = "_footer_iksk1_94", Y = "_title_iksk1_108", i = {
98
+ root: Q,
97
99
  "placement-bottom": "_placement-bottom_iksk1_30",
98
100
  "placement-left": "_placement-left_iksk1_34",
99
101
  "placement-right": "_placement-right_iksk1_38",
@@ -101,79 +103,98 @@ const J = "_root_iksk1_3", K = "_backdrop_iksk1_68", L = "_content_iksk1_85", Q
101
103
  "size-sm": "_size-sm_iksk1_46",
102
104
  "size-md": "_size-md_iksk1_49",
103
105
  "size-lg": "_size-lg_iksk1_52",
104
- backdrop: K,
106
+ backdrop: U,
105
107
  "drawer-hide-on-interact-outside": "_drawer-hide-on-interact-outside_iksk1_79",
106
- content: L,
107
- footer: Q,
108
- title: U,
108
+ content: V,
109
+ footer: X,
110
+ title: Y,
109
111
  "drawer-close": "_drawer-close_iksk1_120"
110
- }, V = o(n), u = h(
111
- ({ hideOnInteractOutside: t = !0, ...r }, s) => /* @__PURE__ */ e(
112
+ }, Z = o(i), x = u(
113
+ ({ hideOnInteractOutside: t = !0, ...s }, r) => /* @__PURE__ */ e(
112
114
  "div",
113
115
  {
114
- className: V("backdrop", t && "drawer-hide-on-interact-outside"),
115
- ref: s,
116
- ...r
116
+ className: Z("backdrop", t && "drawer-hide-on-interact-outside"),
117
+ ref: r,
118
+ ...s
117
119
  }
118
120
  )
119
121
  );
120
- u.displayName = "Drawer.Backdrop";
121
- const X = o(n), g = ({ className: t }) => /* @__PURE__ */ e(
122
+ x.displayName = "Drawer.Backdrop";
123
+ const G = o(i), y = ({ className: t }) => /* @__PURE__ */ e(
122
124
  H,
123
125
  {
124
- render: (r) => /* @__PURE__ */ e(M, { className: X("drawer-close", t), ...r })
126
+ render: (s) => /* @__PURE__ */ e(M, { className: G("drawer-close", t), ...s })
125
127
  }
126
128
  );
127
- g.displayName = "Drawer.Close";
128
- const Y = o(n), C = h(({ className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: Y("content", t), ref: s, ...r }));
129
- C.displayName = "Drawer.Content";
130
- const Z = o(n), A = h(({ className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: Z("footer", t), ref: s, ...r }));
131
- A.displayName = "Drawer.Footer";
132
- const G = o(n), T = ({ children: t, className: r, ...s }) => /* @__PURE__ */ e("div", { className: G("title", r), ...s, children: /* @__PURE__ */ e(v, { as: "h3", className: "w-full", variant: "heading-lg", children: t }) });
133
- T.displayName = "Drawer.Title";
134
- const N = b(
135
- ({ as: t, store: r, ...s }, a) => /* @__PURE__ */ e(P, { ref: a, render: t ? /* @__PURE__ */ e(t, {}) : void 0, store: r, ...s })
129
+ y.displayName = "Drawer.Close";
130
+ const ee = o(i), W = u(({ className: t, ...s }, r) => /* @__PURE__ */ e("div", { className: ee("content", t), ref: r, ...s }));
131
+ W.displayName = "Drawer.Content";
132
+ const te = o(i), j = u(({ className: t, ...s }, r) => /* @__PURE__ */ e("div", { className: te("footer", t), ref: r, ...s }));
133
+ j.displayName = "Drawer.Footer";
134
+ const se = o(i), B = ({ children: t, className: s, ...r }) => /* @__PURE__ */ e("div", { className: se("title", s), ...r, children: /* @__PURE__ */ e(C, { as: "h3", className: "w-full", variant: "heading-lg", children: t }) });
135
+ B.displayName = "Drawer.Title";
136
+ const v = z(
137
+ ({ as: t, store: s, ...r }, a) => /* @__PURE__ */ e(R, { ref: a, render: t ? /* @__PURE__ */ e(t, {}) : void 0, store: s, ...r })
136
138
  );
137
- N.displayName = "Drawer.Trigger";
138
- const ee = o(n), F = h(
139
+ v.displayName = "Drawer.Trigger";
140
+ const re = o(i), E = u(
139
141
  ({
140
142
  children: t,
141
- className: r,
142
- hideOnInteractOutside: s = !0,
143
- placement: a = "right",
143
+ className: s,
144
+ getPersistentElements: r,
145
+ hideOnInteractOutside: a = !0,
146
+ placement: n = "right",
144
147
  size: c = "lg",
145
- store: i,
146
- withBackdrop: m = !1,
148
+ store: k,
149
+ withBackdrop: d = !1,
147
150
  withCloseButton: l = !0,
148
- ...k
149
- }, w) => /* @__PURE__ */ e(
150
- W,
151
- {
152
- backdrop: m ? /* @__PURE__ */ e(u, { hideOnInteractOutside: s }) : !1,
153
- hideOnInteractOutside: s,
154
- modal: m,
155
- ref: w,
156
- render: /* @__PURE__ */ e("div", { className: ee("root", `placement-${a}`, `size-${c}`, r) }),
157
- store: i,
158
- ...k,
159
- children: /* @__PURE__ */ p(I, { children: [
160
- l ? /* @__PURE__ */ e(g, {}) : null,
161
- t
162
- ] })
163
- }
164
- )
151
+ ...g
152
+ }, w) => {
153
+ const m = f(
154
+ () => Array.from(
155
+ r ? r() : document.querySelectorAll("[data-wui-persistent]")
156
+ ),
157
+ [r]
158
+ ), N = f(
159
+ ($) => {
160
+ if (!a) return !1;
161
+ const D = $.target;
162
+ return !m().some(
163
+ (I) => I.contains(D)
164
+ );
165
+ },
166
+ [m, a]
167
+ );
168
+ return /* @__PURE__ */ e(
169
+ S,
170
+ {
171
+ backdrop: d ? /* @__PURE__ */ e(x, { hideOnInteractOutside: a }) : !1,
172
+ getPersistentElements: m,
173
+ hideOnInteractOutside: N,
174
+ modal: d,
175
+ ref: w,
176
+ render: /* @__PURE__ */ e("div", { className: re("root", `placement-${n}`, `size-${c}`, s) }),
177
+ store: k,
178
+ ...g,
179
+ children: /* @__PURE__ */ h(P, { children: [
180
+ l ? /* @__PURE__ */ e(y, {}) : null,
181
+ t
182
+ ] })
183
+ }
184
+ );
185
+ }
165
186
  );
166
- F.displayName = "Drawer";
167
- const te = Object.assign(F, {
168
- Backdrop: u,
169
- Close: g,
170
- Content: C,
171
- Footer: A,
172
- Title: T,
173
- Trigger: N
174
- }), he = Object.assign(y, { Header: z, Trigger: N });
187
+ E.displayName = "Drawer";
188
+ const ae = Object.assign(E, {
189
+ Backdrop: x,
190
+ Close: y,
191
+ Content: W,
192
+ Footer: j,
193
+ Title: B,
194
+ Trigger: v
195
+ }), ke = Object.assign(T, { Header: O, Trigger: v });
175
196
  export {
176
- he as AssetDrawer,
177
- te as Drawer,
178
- fe as useDrawer
197
+ ke as AssetDrawer,
198
+ ae as Drawer,
199
+ Ne as useDrawer
179
200
  };
package/dist/Link.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_1q1g6_2{display:inline-flex;flex-direction:row;align-items:center;opacity:1;line-height:var(--lineHeight);text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color)}._root_1q1g6_2._isExternal_1q1g6_14{--backgroundSize: calc(100% - var(--spacing-lg) - var(--spacing-sm)) 50%}._root_1q1g6_2._isExternal_1q1g6_14 ._wui-text_1q1g6_17>svg{display:inline;margin-left:var(--spacing-sm)}._root_1q1g6_2:visited._variant-primary_1q1g6_21{color:var(--colorVisited)}._root_1q1g6_2:visited._variant-primary_1q1g6_21 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisited)}._root_1q1g6_2:visited._variant-secondary_1q1g6_28{color:var(--colorVisited)}._root_1q1g6_2:visited._variant-secondary_1q1g6_28 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisited)}@media (hover: hover) and (pointer: fine){._root_1q1g6_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_1q1g6_2:hover:visited._variant-primary_1q1g6_21{color:var(--colorVisitedHover)}._root_1q1g6_2:hover:visited._variant-primary_1q1g6_21 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisitedHover)}._root_1q1g6_2:hover:visited._variant-secondary_1q1g6_28{color:var(--colorVisitedHover)}._root_1q1g6_2:hover:visited._variant-secondary_1q1g6_28 ._wui-text_1q1g6_17{background-color:var(--backgroundColorVisitedHover)}}._root_1q1g6_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_1q1g6_2[aria-disabled]{--backgroundImageColor: var(--backgroundImageColorDisabled);--color: var(--colorDisabled);pointer-events:none}._root_1q1g6_2[aria-disabled]:visited ._wui-text_1q1g6_17{background-color:var(--backgroundImageColorDisabled)}._variant-primary_1q1g6_21{--backgroundImageColor: var(--components-colors-link-color-underline-primary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-primary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-primary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-primary-visited-hover );--color: var(--components-colors-link-color-text-primary-default);--colorHover: var(--components-colors-link-color-text-primary-hover);--colorDisabled: var(--components-colors-link-color-text-primary-disabled);--colorVisited: var(--components-colors-link-color-text-primary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-primary-visited-hover)}._variant-secondary_1q1g6_28{--backgroundImageColor: var(--components-colors-link-color-underline-secondary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-secondary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-secondary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-secondary-visited-hover );--color: var(--components-colors-link-color-text-secondary-default);--colorHover: var(--components-colors-link-color-text-secondary-hover);--colorDisabled: var(--components-colors-link-color-text-secondary-disabled);--colorVisited: var(--components-colors-link-color-text-secondary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-secondary-visited-hover)}._size-xs_1q1g6_102{font-size:var(--font-size-xs);--lineHeight: var(--font-line-height-sm)}._size-sm_1q1g6_106{font-size:var(--font-size-sm);--lineHeight: var(--font-line-height-md);--backgroundPositionY: calc(200% - .2em) }._size-md_1q1g6_111{font-size:var(--font-size-md);--lineHeight: var(--font-line-height-lg)}._size-lg_1q1g6_115{font-size:var(--font-size-lg);--lineHeight: var(--font-line-height-lg)}._wui-text_1q1g6_17{margin-right:calc(var(--components-dimensions-link-padding-inline-icon) * -1);margin-left:calc(var(--components-dimensions-link-padding-inline-icon) * -1);padding-left:var(--components-dimensions-link-padding-inline-icon);padding-right:var(--components-dimensions-link-padding-inline-icon);transition:background var(--duration-medium),color var(--duration-medium);background-repeat:no-repeat;background-size:var(--backgroundSize, 100% 50%);background-image:linear-gradient(0deg,var(--backgroundImageColor),var(--backgroundImageColor) 100%);background-position-y:var(--backgroundPositionY, calc(200% - .125em) )}._isMultiline_1q1g6_130{display:inline}._icon-disabled_1q1g6_133{margin-right:var(--spacing-xxs)}._icon-disabled_1q1g6_133._variant-primary_1q1g6_21{color:var(--components-colors-link-color-icon-primary-disabled)}._icon-disabled_1q1g6_133._variant-secondary_1q1g6_28{color:var(--components-colors-link-color-icon-secondary-disabled)}}
1
+ @layer components{._root_skpk8_2{display:inline-flex;flex-direction:row;align-items:center;opacity:1;line-height:var(--lineHeight);text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color)}._root_skpk8_2._isExternal_skpk8_14{--backgroundSize: calc(100% - var(--spacing-lg) - var(--spacing-sm)) 50%}._root_skpk8_2._isExternal_skpk8_14 ._wui-text_skpk8_17>svg{display:inline;margin-left:var(--spacing-xxs)}._root_skpk8_2:visited._variant-primary_skpk8_21{color:var(--colorVisited)}._root_skpk8_2:visited._variant-primary_skpk8_21 ._wui-text_skpk8_17{background-color:var(--backgroundColorVisited)}._root_skpk8_2:visited._variant-secondary_skpk8_28{color:var(--colorVisited)}._root_skpk8_2:visited._variant-secondary_skpk8_28 ._wui-text_skpk8_17{background-color:var(--backgroundColorVisited)}@media (hover: hover) and (pointer: fine){._root_skpk8_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_skpk8_2:hover:visited._variant-primary_skpk8_21{color:var(--colorVisitedHover)}._root_skpk8_2:hover:visited._variant-primary_skpk8_21 ._wui-text_skpk8_17{background-color:var(--backgroundColorVisitedHover)}._root_skpk8_2:hover:visited._variant-secondary_skpk8_28{color:var(--colorVisitedHover)}._root_skpk8_2:hover:visited._variant-secondary_skpk8_28 ._wui-text_skpk8_17{background-color:var(--backgroundColorVisitedHover)}}._root_skpk8_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_skpk8_2[aria-disabled]{--backgroundImageColor: var(--backgroundImageColorDisabled);--color: var(--colorDisabled);pointer-events:none}._root_skpk8_2[aria-disabled]:visited ._wui-text_skpk8_17{background-color:var(--backgroundImageColorDisabled)}._variant-primary_skpk8_21{--backgroundImageColor: var(--components-colors-link-color-underline-primary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-primary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-primary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-primary-visited-hover );--color: var(--components-colors-link-color-text-primary-default);--colorHover: var(--components-colors-link-color-text-primary-hover);--colorDisabled: var(--components-colors-link-color-text-primary-disabled);--colorVisited: var(--components-colors-link-color-text-primary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-primary-visited-hover)}._variant-secondary_skpk8_28{--backgroundImageColor: var(--components-colors-link-color-underline-secondary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-secondary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-secondary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-secondary-visited-hover );--color: var(--components-colors-link-color-text-secondary-default);--colorHover: var(--components-colors-link-color-text-secondary-hover);--colorDisabled: var(--components-colors-link-color-text-secondary-disabled);--colorVisited: var(--components-colors-link-color-text-secondary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-secondary-visited-hover)}._size-xs_skpk8_102{font-size:var(--font-size-xs);--lineHeight: var(--font-line-height-sm)}._size-sm_skpk8_106{font-size:var(--font-size-sm);--lineHeight: var(--font-line-height-md);--backgroundPositionY: calc(200% - .2em) }._size-md_skpk8_111{font-size:var(--font-size-md);--lineHeight: var(--font-line-height-lg)}._size-lg_skpk8_115{font-size:var(--font-size-lg);--lineHeight: var(--font-line-height-lg)}._wui-text_skpk8_17{margin-right:calc(var(--components-dimensions-link-padding-inline-icon) * -1);margin-left:calc(var(--components-dimensions-link-padding-inline-icon) * -1);padding-left:var(--components-dimensions-link-padding-inline-icon);padding-right:var(--components-dimensions-link-padding-inline-icon);transition:background var(--duration-medium),color var(--duration-medium);background-repeat:no-repeat;background-size:var(--backgroundSize, 100% 50%);background-image:linear-gradient(0deg,var(--backgroundImageColor),var(--backgroundImageColor) 100%);background-position-y:var(--backgroundPositionY, calc(200% - .125em) )}._isMultiline_skpk8_130{display:inline}._icon-disabled_skpk8_133{margin-right:var(--spacing-xxs)}._icon-disabled_skpk8_133._variant-primary_skpk8_21{color:var(--components-colors-link-color-icon-primary-disabled)}._icon-disabled_skpk8_133._variant-secondary_skpk8_28{color:var(--components-colors-link-color-icon-secondary-disabled)}}
package/dist/Link.js CHANGED
@@ -1,71 +1,71 @@
1
1
  "use client";
2
2
  import './Link.css';
3
- import { jsxs as p, jsx as r } from "react/jsx-runtime";
4
- import o from "react";
5
- import { Icon as c } from "./Icon.js";
6
- import { c as b } from "./index-PAaZGbyz.js";
7
- import { f as k } from "./forwardRefWithAs-8eP3ZN15.js";
8
- const v = "_root_1q1g6_2", w = "_isExternal_1q1g6_14", E = "_isMultiline_1q1g6_130", M = {
9
- root: v,
10
- isExternal: w,
11
- "wui-text": "_wui-text_1q1g6_17",
12
- "variant-primary": "_variant-primary_1q1g6_21",
13
- "variant-secondary": "_variant-secondary_1q1g6_28",
14
- "size-xs": "_size-xs_1q1g6_102",
15
- "size-sm": "_size-sm_1q1g6_106",
16
- "size-md": "_size-md_1q1g6_111",
17
- "size-lg": "_size-lg_1q1g6_115",
18
- isMultiline: E,
19
- "icon-disabled": "_icon-disabled_1q1g6_133"
20
- }, a = b(M), l = ({ children: e, isExternal: s }) => /* @__PURE__ */ p("span", { className: a("wui-text"), children: [
21
- e,
22
- s ? /* @__PURE__ */ r(c, { name: "external-link-alt" }) : null
3
+ import { jsxs as d, jsx as n } from "react/jsx-runtime";
4
+ import p from "react";
5
+ import { Icon as u } from "./Icon.js";
6
+ import { c as v } from "./index-PAaZGbyz.js";
7
+ import { f as w } from "./forwardRefWithAs-8eP3ZN15.js";
8
+ const E = "_root_skpk8_2", M = "_isExternal_skpk8_14", W = "_isMultiline_skpk8_130", L = {
9
+ root: E,
10
+ isExternal: M,
11
+ "wui-text": "_wui-text_skpk8_17",
12
+ "variant-primary": "_variant-primary_skpk8_21",
13
+ "variant-secondary": "_variant-secondary_skpk8_28",
14
+ "size-xs": "_size-xs_skpk8_102",
15
+ "size-sm": "_size-sm_skpk8_106",
16
+ "size-md": "_size-md_skpk8_111",
17
+ "size-lg": "_size-lg_skpk8_115",
18
+ isMultiline: W,
19
+ "icon-disabled": "_icon-disabled_skpk8_133"
20
+ }, a = v(L), l = ({ children: s, isExternal: r, size: e }) => /* @__PURE__ */ d("span", { className: a("wui-text"), children: [
21
+ s,
22
+ r ? /* @__PURE__ */ n(u, { name: "external-link-alt", size: e }) : null
23
23
  ] });
24
24
  l.displayName = "Link.Wrapper";
25
- const m = (e, s) => typeof e == "string" ? /* @__PURE__ */ r(l, { isExternal: s, children: e }) : o.isValidElement(e) && (e.type === "span" || e.props.as === "span" || // FormattedMessage from react-intl has a span tag by default
26
- e.props.tagName === "span" || e.props["data-wui-link"] === !0 || typeof e.props.children == "string") ? s ? /* @__PURE__ */ r(l, { isExternal: s, children: e }) : (
25
+ const c = (s, r, e) => typeof s == "string" ? /* @__PURE__ */ n(l, { isExternal: e, size: r, children: s }) : p.isValidElement(s) && (s.type === "span" || s.props.as === "span" || // FormattedMessage from react-intl has a span tag by default
26
+ s.props.tagName === "span" || s.props["data-wui-link"] === !0 || typeof s.props.children == "string") ? e ? /* @__PURE__ */ n(l, { isExternal: e, size: r, children: s }) : (
27
27
  // If it is not external, we just need to add wui-text className to the child as we don't need to wrap it to display the icon
28
- o.cloneElement(e, {
29
- className: a("wui-text", e.props.className)
28
+ p.cloneElement(s, {
29
+ className: a("wui-text", s.props.className)
30
30
  })
31
- ) : e, W = k((e, s) => {
31
+ ) : s, j = w((s, r) => {
32
32
  const {
33
- as: d,
34
- children: n,
35
- className: u,
36
- disabled: t,
37
- isExternal: i,
38
- multiline: g,
39
- size: f = "md",
33
+ as: e,
34
+ children: t,
35
+ className: x,
36
+ disabled: i,
37
+ isExternal: o,
38
+ multiline: f,
39
+ size: m = "md",
40
40
  target: _,
41
- variant: x = "primary",
42
- ...y
43
- } = e, q = d || "a", z = typeof n == "string" ? m(n, i) : o.Children.map(n, (N) => m(N, i));
44
- return /* @__PURE__ */ p(
45
- q,
41
+ variant: y = "primary",
42
+ ...z
43
+ } = s, N = e || "a", k = m === "xs" ? "sm" : "md", b = typeof t == "string" ? c(t, k, o) : p.Children.map(t, (g) => c(g, k, o));
44
+ return /* @__PURE__ */ d(
45
+ N,
46
46
  {
47
- "aria-disabled": t,
47
+ "aria-disabled": i,
48
48
  className: a(
49
49
  "root",
50
- `variant-${x}`,
51
- `size-${f}`,
52
- i && "isExternal",
53
- g && "isMultiline",
54
- u
50
+ `variant-${y}`,
51
+ `size-${m}`,
52
+ o && "isExternal",
53
+ f && "isMultiline",
54
+ x
55
55
  ),
56
- ref: s,
56
+ ref: r,
57
57
  rel: _ === "_blank" ? "noopener noreferrer" : void 0,
58
- tabIndex: t ? -1 : 0,
58
+ tabIndex: i ? -1 : 0,
59
59
  target: _,
60
- ...y,
60
+ ...z,
61
61
  children: [
62
- t ? /* @__PURE__ */ r(c, { className: a("icon-disabled"), name: "ban", size: "md" }) : null,
63
- z
62
+ i ? /* @__PURE__ */ n(u, { className: a("icon-disabled"), name: "ban", size: "md" }) : null,
63
+ b
64
64
  ]
65
65
  }
66
66
  );
67
67
  });
68
- W.displayName = "Link";
68
+ j.displayName = "Link";
69
69
  export {
70
- W as Link
70
+ j as Link
71
71
  };
package/dist/Toast.js CHANGED
@@ -31,9 +31,9 @@ let ye = { data: "" }, be = (e) => typeof window == "object" ? ((e ? e.querySele
31
31
  })(o));
32
32
  if (!v[r]) {
33
33
  let l = o !== e ? e : ((p) => {
34
- let c, d, u = [{}];
35
- for (; c = he.exec(p.replace(ve, "")); ) c[4] ? u.shift() : c[3] ? (d = c[3].replace(W, " ").trim(), u.unshift(u[0][d] = u[0][d] || {})) : u[0][c[1]] = c[2].replace(W, " ").trim();
36
- return u[0];
34
+ let c, d, m = [{}];
35
+ for (; c = he.exec(p.replace(ve, "")); ) c[4] ? m.shift() : c[3] ? (d = c[3].replace(W, " ").trim(), m.unshift(m[0][d] = m[0][d] || {})) : m[0][c[1]] = c[2].replace(W, " ").trim();
36
+ return m[0];
37
37
  })(e);
38
38
  v[r] = w(i ? { ["@keyframes " + r]: l } : l, a ? "" : "." + r);
39
39
  }
@@ -125,70 +125,70 @@ var Ne = (e) => typeof e == "function", D = (e, t) => Ne(e) ? e(t) : e, je = /*
125
125
  }, Te = (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) || je() }), $ = (e) => (t, a) => {
126
126
  let s = Te(t, e, a);
127
127
  return q(s.toasterId || ze(s.id))({ type: 2, toast: s }), s.id;
128
- }, m = (e, t) => $("blank")(e, t);
129
- m.error = $("error");
130
- m.success = $("success");
131
- m.loading = $("loading");
132
- m.custom = $("custom");
133
- m.dismiss = (e, t) => {
128
+ }, u = (e, t) => $("blank")(e, t);
129
+ u.error = $("error");
130
+ u.success = $("success");
131
+ u.loading = $("loading");
132
+ u.custom = $("custom");
133
+ u.dismiss = (e, t) => {
134
134
  let a = { type: 3, toastId: e };
135
135
  t ? q(t)(a) : oe(a);
136
136
  };
137
- m.dismissAll = (e) => m.dismiss(void 0, e);
138
- m.remove = (e, t) => {
137
+ u.dismissAll = (e) => u.dismiss(void 0, e);
138
+ u.remove = (e, t) => {
139
139
  let a = { type: 4, toastId: e };
140
140
  t ? q(t)(a) : oe(a);
141
141
  };
142
- m.removeAll = (e) => m.remove(void 0, e);
143
- m.promise = (e, t, a) => {
144
- let s = m.loading(t.loading, { ...a, ...a == null ? void 0 : a.loading });
142
+ u.removeAll = (e) => u.remove(void 0, e);
143
+ u.promise = (e, t, a) => {
144
+ let s = u.loading(t.loading, { ...a, ...a == null ? void 0 : a.loading });
145
145
  return typeof e == "function" && (e = e()), e.then((i) => {
146
146
  let o = t.success ? D(t.success, i) : void 0;
147
- return o ? m.success(o, { id: s, ...a, ...a == null ? void 0 : a.success }) : m.dismiss(s), i;
147
+ return o ? u.success(o, { id: s, ...a, ...a == null ? void 0 : a.success }) : u.dismiss(s), i;
148
148
  }).catch((i) => {
149
149
  let o = t.error ? D(t.error, i) : void 0;
150
- o ? m.error(o, { id: s, ...a, ...a == null ? void 0 : a.error }) : m.dismiss(s);
150
+ o ? u.error(o, { id: s, ...a, ...a == null ? void 0 : a.error }) : u.dismiss(s);
151
151
  }), e;
152
152
  };
153
153
  var Oe = 1e3, De = (e, t = "default") => {
154
- let { toasts: a, pausedAt: s } = Ee(e, t), i = Y(/* @__PURE__ */ new Map()).current, o = j((d, u = Oe) => {
154
+ let { toasts: a, pausedAt: s } = Ee(e, t), i = Y(/* @__PURE__ */ new Map()).current, o = j((d, m = Oe) => {
155
155
  if (i.has(d)) return;
156
156
  let g = setTimeout(() => {
157
157
  i.delete(d), r({ type: 4, toastId: d });
158
- }, u);
158
+ }, m);
159
159
  i.set(d, g);
160
160
  }, []);
161
161
  S(() => {
162
162
  if (s) return;
163
- let d = Date.now(), u = a.map((g) => {
163
+ let d = Date.now(), m = a.map((g) => {
164
164
  if (g.duration === 1 / 0) return;
165
165
  let E = (g.duration || 0) + g.pauseDuration - (d - g.createdAt);
166
166
  if (E < 0) {
167
- g.visible && m.dismiss(g.id);
167
+ g.visible && u.dismiss(g.id);
168
168
  return;
169
169
  }
170
- return setTimeout(() => m.dismiss(g.id, t), E);
170
+ return setTimeout(() => u.dismiss(g.id, t), E);
171
171
  });
172
172
  return () => {
173
- u.forEach((g) => g && clearTimeout(g));
173
+ m.forEach((g) => g && clearTimeout(g));
174
174
  };
175
175
  }, [a, s, t]);
176
176
  let r = j(q(t), [t]), n = j(() => {
177
177
  r({ type: 5, time: Date.now() });
178
- }, [r]), l = j((d, u) => {
179
- r({ type: 1, toast: { id: d, height: u } });
178
+ }, [r]), l = j((d, m) => {
179
+ r({ type: 1, toast: { id: d, height: m } });
180
180
  }, [r]), p = j(() => {
181
181
  s && r({ type: 6, time: Date.now() });
182
- }, [s, r]), c = j((d, u) => {
183
- let { reverseOrder: g = !1, gutter: E = 8, defaultPosition: G } = u || {}, I = a.filter((b) => (b.position || G) === (d.position || G) && b.height), ue = I.findIndex((b) => b.id === d.id), U = I.filter((b, P) => P < ue && b.visible).length;
182
+ }, [s, r]), c = j((d, m) => {
183
+ let { reverseOrder: g = !1, gutter: E = 8, defaultPosition: G } = m || {}, I = a.filter((b) => (b.position || G) === (d.position || G) && b.height), me = I.findIndex((b) => b.id === d.id), U = I.filter((b, P) => P < me && b.visible).length;
184
184
  return I.filter((b) => b.visible).slice(...g ? [U + 1] : [0, U]).reduce((b, P) => b + (P.height || 0) + E, 0);
185
185
  }, [a]);
186
186
  return S(() => {
187
187
  a.forEach((d) => {
188
188
  if (d.dismissed) o(d.id, d.removeDelay);
189
189
  else {
190
- let u = i.get(d.id);
191
- u && (clearTimeout(u), i.delete(d.id));
190
+ let m = i.get(d.id);
191
+ m && (clearTimeout(m), i.delete(d.id));
192
192
  }
193
193
  });
194
194
  }, [a, o]), { toasts: a, handlers: { updateHeight: l, startPause: n, endPause: p, calculateOffset: c } };
@@ -396,7 +396,7 @@ var et = ({ id: e, className: t, style: a, onHeightUpdate: s, children: i }) =>
396
396
  `, T = 16, ie = ({ reverseOrder: e, position: t = "top-center", toastOptions: a, gutter: s, children: i, toasterId: o, containerStyle: r, containerClassName: n }) => {
397
397
  let { toasts: l, handlers: p } = De(a, o);
398
398
  return f.createElement("div", { "data-rht-toaster": o || "", style: { position: "fixed", zIndex: 9999, top: T, left: T, right: T, bottom: T, pointerEvents: "none", ...r }, className: n, onMouseEnter: p.startPause, onMouseLeave: p.endPause }, l.map((c) => {
399
- let d = c.position || t, u = p.calculateOffset(c, { reverseOrder: e, gutter: s, defaultPosition: t }), g = tt(d, u);
399
+ let d = c.position || t, m = p.calculateOffset(c, { reverseOrder: e, gutter: s, defaultPosition: t }), g = tt(d, m);
400
400
  return f.createElement(et, { id: c.id, key: c.id, onHeightUpdate: p.updateHeight, className: c.visible ? at : "", style: g }, c.type === "custom" ? D(c.message, c) : i ? i(c) : f.createElement(Xe, { toast: c, position: d }));
401
401
  }));
402
402
  };
@@ -432,6 +432,7 @@ const rt = "_root_q0jyz_2", st = "_icon_q0jyz_17", ot = "_progress_q0jyz_40", it
432
432
  "div",
433
433
  {
434
434
  className: N("root", `variant-${l}`, t),
435
+ "data-wui-persistent": !0,
435
436
  onClick: (d) => d.stopPropagation(),
436
437
  ref: c,
437
438
  ...p,
@@ -488,6 +489,7 @@ const z = L(H), ce = Z(
488
489
  "div",
489
490
  {
490
491
  className: z("root", `variant-${n}`, t),
492
+ "data-wui-persistent": !0,
491
493
  onClick: (c) => c.stopPropagation(),
492
494
  ref: p,
493
495
  ...l,
@@ -533,11 +535,11 @@ const dt = L(H), pe = {
533
535
  info: 7e3,
534
536
  success: 7e3,
535
537
  warning: 8e3
536
- }, me = ({ children: e, className: t, ...a }) => /* @__PURE__ */ y("p", { className: dt("title", t), ...a, children: e });
537
- me.displayName = "Toast.Title";
538
+ }, ue = ({ children: e, className: t, ...a }) => /* @__PURE__ */ y("p", { className: dt("title", t), ...a, children: e });
539
+ ue.displayName = "Toast.Title";
538
540
  const xt = (e, t) => {
539
541
  const s = ("type" in e ? e.type.displayName || e.type.name : void 0) === "Growl" ? "top-right" : "bottom-center", i = () => {
540
- t != null && t.onClose && t.onClose(), m.dismiss(t == null ? void 0 : t.id);
542
+ t != null && t.onClose && t.onClose(), u.dismiss(t == null ? void 0 : t.id);
541
543
  }, o = e.props.variant || "info", r = {
542
544
  duration: pt[o],
543
545
  position: s,
@@ -549,7 +551,7 @@ const xt = (e, t) => {
549
551
  },
550
552
  ...t
551
553
  };
552
- return m(
554
+ return u(
553
555
  ge(e, { duration: r.duration, onClose: i }),
554
556
  r
555
557
  );
@@ -560,7 +562,7 @@ const wt = Object.assign(ie, {
560
562
  GrowlAction: le,
561
563
  Snackbar: ce,
562
564
  SnackbarAction: de,
563
- Title: me
565
+ Title: ue
564
566
  });
565
567
  export {
566
568
  pe as ICON,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "welcome-ui",
3
- "version": "0.0.0-dev.1763974162373",
3
+ "version": "0.0.0-dev.1764081436168",
4
4
  "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
5
5
  "files": [
6
6
  "dist"