welcome-ui 10.4.0 → 10.5.0

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 (87) hide show
  1. package/dist/{5TKKKQCL-B53p3Vri.js → 5TKKKQCL-rs260p95.js} +2 -2
  2. package/dist/{APVORPDK-DuBDzcfp.js → APVORPDK-i7Z_eBMP.js} +2 -2
  3. package/dist/Accordion.js +4 -4
  4. package/dist/Alert.js +1 -1
  5. package/dist/AspectRatio.js +1 -1
  6. package/dist/Avatar.js +1 -1
  7. package/dist/Badge.js +1 -1
  8. package/dist/Breadcrumb.js +1 -1
  9. package/dist/Button.js +1 -1
  10. package/dist/ButtonGroup.js +1 -1
  11. package/dist/{CVCFNOHX-CeUlkMgT.js → CVCFNOHX-Ck0bUDvo.js} +2 -2
  12. package/dist/Card.js +1 -1
  13. package/dist/Checkbox.js +2 -2
  14. package/dist/CloseButton.js +1 -1
  15. package/dist/DatePicker.js +2 -2
  16. package/dist/DateTimePicker.js +2 -2
  17. package/dist/Drawer.js +5 -5
  18. package/dist/DropdownMenu.js +12 -12
  19. package/dist/{ECBEZ4YM-BlwWRwxN.js → ECBEZ4YM-o09xUuV6.js} +3 -3
  20. package/dist/Field.js +1 -1
  21. package/dist/FieldGroup.js +1 -1
  22. package/dist/FileDrop.js +2 -2
  23. package/dist/FileUpload.js +1 -1
  24. package/dist/FloatingActionBar.js +1 -1
  25. package/dist/Hint.js +1 -1
  26. package/dist/{I7KWAPMF-CuA_ygsc.js → I7KWAPMF-DQWZpGyL.js} +1 -1
  27. package/dist/{IQYAUKXT-CMV5f3NE.js → IQYAUKXT-Cltvp3KN.js} +1 -1
  28. package/dist/Icon.js +1 -1
  29. package/dist/InputText.js +1 -1
  30. package/dist/{JMU4N4M5-BRPvDp3v.js → JMU4N4M5-DnfyqGdJ.js} +1 -1
  31. package/dist/Label.js +1 -1
  32. package/dist/Link.js +1 -1
  33. package/dist/Loader.js +1 -1
  34. package/dist/Logo.js +1 -1
  35. package/dist/Modal.js +5 -5
  36. package/dist/{NDVACHQI-B7drCM9O.js → NDVACHQI-WTOpOfgG.js} +1 -1
  37. package/dist/{OCCHVUS4-SwOpz56L.js → OCCHVUS4-BJVLPRH8.js} +1 -1
  38. package/dist/Pagination.js +1 -1
  39. package/dist/Popover.js +4 -4
  40. package/dist/{Q5W46E73-ClIlNE6g.js → Q5W46E73-5xQblshY.js} +1 -1
  41. package/dist/{RFRKSHIZ-BMv-8lMI.js → RFRKSHIZ-C_FLl4qI.js} +3 -3
  42. package/dist/Radio.js +2 -2
  43. package/dist/RadioGroup.js +3 -3
  44. package/dist/RadioTab.js +2 -2
  45. package/dist/Search.js +2 -2
  46. package/dist/Select.js +2 -2
  47. package/dist/Slider.js +1 -1
  48. package/dist/Stamp.js +1 -1
  49. package/dist/Stepper.js +1 -1
  50. package/dist/StickyNote.js +1 -1
  51. package/dist/Swiper.js +299 -2146
  52. package/dist/Table.js +1 -1
  53. package/dist/Tabs.js +7 -7
  54. package/dist/Tag.js +1 -1
  55. package/dist/Text.js +1 -1
  56. package/dist/Textarea.js +1 -1
  57. package/dist/TimePicker.js +2 -2
  58. package/dist/Toast.js +1 -1
  59. package/dist/Toggle.js +2 -2
  60. package/dist/Tooltip.js +4 -4
  61. package/dist/VariantIcon.js +1 -1
  62. package/dist/VisuallyHidden.js +1 -1
  63. package/dist/{WLZ6H5FH-6NScq2Y6.js → WLZ6H5FH-CuTcX7sR.js} +1 -1
  64. package/dist/{WZWDIE3S-DDipnVYO.js → WZWDIE3S-CGqoM1Fy.js} +1 -1
  65. package/dist/WelcomeLoader.js +1 -1
  66. package/dist/Window.css +1 -1
  67. package/dist/Window.js +78 -76
  68. package/dist/{Z32PU2LQ-7OK4psIK.js → Z32PU2LQ-DMjfxuT9.js} +2 -2
  69. package/dist/{ZMWF7ASR-BGZQn0ZB.js → ZMWF7ASR-Jc8y_k3t.js} +1 -1
  70. package/dist/{downshift.esm-xtYanIDi.js → downshift.esm-BtYj0L0Y.js} +1 -1
  71. package/dist/index-B6iGEm-i.js +1935 -0
  72. package/dist/{tab-panel-BFzjhpJq.js → tab-panel-Cc3MfOBM.js} +4 -4
  73. package/dist/{tslib.es6-C80jYMbM.js → tslib.es6-CKhMT3k3.js} +1 -1
  74. package/dist/types/components/Drawer/index.d.ts +1 -1
  75. package/dist/types/components/Modal/index.d.ts +1 -1
  76. package/dist/types/components/Window/components/Header.d.ts +1 -1
  77. package/dist/types/components/Window/index.d.ts +1 -1
  78. package/dist/types/components/Window/types.d.ts +1 -0
  79. package/dist/types/utils/index.d.ts +3 -0
  80. package/dist/types/utils/use-breakpoint.d.ts +15 -0
  81. package/dist/types/utils/use-breakpoint.test.d.ts +1 -0
  82. package/dist/types/utils/use-viewport.test.d.ts +1 -0
  83. package/dist/use-viewport-GQu4vkby.js +20 -0
  84. package/dist/{utils-BGmdljvh.js → utils-ZE_dEXnJ.js} +1 -1
  85. package/dist/utils.js +25 -14
  86. package/package.json +1 -1
  87. package/dist/index-PAaZGbyz.js +0 -102
package/dist/Table.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import './Table.css';
3
3
  import { jsx as t } from "react/jsx-runtime";
4
4
  import { forwardRef as p } from "react";
5
- import { c as T } from "./index-PAaZGbyz.js";
5
+ import { c as T } from "./index-B6iGEm-i.js";
6
6
  const m = "_root_14phd_2", h = "_content_14phd_6", v = "_clickable_14phd_48", y = "_indent_14phd_70", N = {
7
7
  root: m,
8
8
  content: h,
package/dist/Tabs.js CHANGED
@@ -1,18 +1,18 @@
1
1
  "use client";
2
2
  import './Tabs.css';
3
3
  import { jsx as h, jsxs as L } from "react/jsx-runtime";
4
- import { T as V, b as A, a as F } from "./tab-panel-BFzjhpJq.js";
4
+ import { T as V, b as A, a as F } from "./tab-panel-Cc3MfOBM.js";
5
5
  import T, { createContext as C, useMemo as R, forwardRef as O } from "react";
6
- import { c as w } from "./index-PAaZGbyz.js";
7
- import { m as W, o as y, c as K, s as p, d as m, g as Q, u as E, a as j, b as U } from "./Q5W46E73-ClIlNE6g.js";
6
+ import { c as w } from "./index-B6iGEm-i.js";
7
+ import { m as W, o as y, c as K, s as p, d as m, g as Q, u as E, a as j, b as U } from "./Q5W46E73-5xQblshY.js";
8
8
  import { Badge as D } from "./Badge.js";
9
9
  import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
10
10
  import { Icon as H } from "./Icon.js";
11
- import { P as J, b as X } from "./JMU4N4M5-BRPvDp3v.js";
12
- import { C as Y, a as Z } from "./WZWDIE3S-DDipnVYO.js";
11
+ import { P as J, b as X } from "./JMU4N4M5-DnfyqGdJ.js";
12
+ import { C as Y, a as Z } from "./WZWDIE3S-CGqoM1Fy.js";
13
13
  import { b as ee, x as v, Q as z, y as P } from "./U6HHPQDW-CzxyP5H7.js";
14
- import { c as te, a as oe, u as ae } from "./IQYAUKXT-CMV5f3NE.js";
15
- import { a as se } from "./CVCFNOHX-CeUlkMgT.js";
14
+ import { c as te, a as oe, u as ae } from "./IQYAUKXT-Cltvp3KN.js";
15
+ import { a as se } from "./CVCFNOHX-Ck0bUDvo.js";
16
16
  var ie = ee(
17
17
  [X, Z],
18
18
  [J, Y]
package/dist/Tag.js CHANGED
@@ -3,7 +3,7 @@ import './Tag.css';
3
3
  import { jsxs as b, jsx as e } from "react/jsx-runtime";
4
4
  import w from "react";
5
5
  import { Icon as s } from "./Icon.js";
6
- import { c as C } from "./index-PAaZGbyz.js";
6
+ import { c as C } from "./index-B6iGEm-i.js";
7
7
  import { f as R } from "./forwardRefWithAs-8eP3ZN15.js";
8
8
  const S = "_root_4kt6z_7", y = "_disabled_4kt6z_51", N = "_ai_4kt6z_68", q = "_removeButton_4kt6z_71", x = "_hasRemoveAction_4kt6z_364", A = "_isSquare_4kt6z_370", T = {
9
9
  root: S,
package/dist/Text.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import './Text.css';
3
3
  import { jsx as p } from "react/jsx-runtime";
4
- import { c as m } from "./index-PAaZGbyz.js";
4
+ import { c as m } from "./index-B6iGEm-i.js";
5
5
  import { f as v } from "./forwardRefWithAs-8eP3ZN15.js";
6
6
  import "react";
7
7
  const b = "_root_17p74_2", h = {
package/dist/Textarea.js CHANGED
@@ -3,7 +3,7 @@ import './Textarea.css';
3
3
  import { jsx as _ } from "react/jsx-runtime";
4
4
  import { forwardRef as p } from "react";
5
5
  import { useField as v } from "./Field.js";
6
- import { c as d } from "./index-PAaZGbyz.js";
6
+ import { c as d } from "./index-B6iGEm-i.js";
7
7
  const m = "_root_4eccj_2", l = "_adaptative_4eccj_45", f = {
8
8
  root: m,
9
9
  "variant-danger": "_variant-danger_4eccj_36",
@@ -2,9 +2,9 @@
2
2
  import { jsx as f } from "react/jsx-runtime";
3
3
  import { forwardRef as S, useState as j, useRef as F, useEffect as d } from "react";
4
4
  import { D as I, C as L } from "./CustomPopper-C1wIDHbM.js";
5
- import { b as M, D as O, s as U } from "./utils-BGmdljvh.js";
5
+ import { b as M, D as O, s as U } from "./utils-ZE_dEXnJ.js";
6
6
  import { InputText as _ } from "./InputText.js";
7
- import { c as q } from "./index-PAaZGbyz.js";
7
+ import { c as q } from "./index-B6iGEm-i.js";
8
8
  const a = q(U), z = S(
9
9
  ({
10
10
  autoFocus: o,
package/dist/Toast.js CHANGED
@@ -4,7 +4,7 @@ import { jsxs as E, jsx as y, Fragment as Y } from "react/jsx-runtime";
4
4
  import * as f from "react";
5
5
  import { useRef as Z, useCallback as k, useEffect as C, useState as ge, forwardRef as q, cloneElement as ye } from "react";
6
6
  import { Text as L } from "./Text.js";
7
- import { c as M } from "./index-PAaZGbyz.js";
7
+ import { c as M } from "./index-B6iGEm-i.js";
8
8
  import { Button as K } from "./Button.js";
9
9
  import { CloseButton as Q } from "./CloseButton.js";
10
10
  import { Icon as V } from "./Icon.js";
package/dist/Toggle.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import './Toggle.css';
3
3
  import { jsxs as d, jsx as s } from "react/jsx-runtime";
4
- import { a as f } from "./I7KWAPMF-CuA_ygsc.js";
4
+ import { a as f } from "./I7KWAPMF-DQWZpGyL.js";
5
5
  import { forwardRef as h } from "react";
6
6
  import { useField as w } from "./Field.js";
7
7
  import { Icon as a } from "./Icon.js";
8
- import { c as u } from "./index-PAaZGbyz.js";
8
+ import { c as u } from "./index-B6iGEm-i.js";
9
9
  const z = "_root_1g41s_2", k = "_wrapper_1g41s_100", x = "_checked_1g41s_120", N = "_disabled_1g41s_124", b = {
10
10
  root: z,
11
11
  "size-sm": "_size-sm_1g41s_82",
package/dist/Tooltip.js CHANGED
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import './Tooltip.css';
3
3
  import { jsx as p, jsxs as _, Fragment as Q } from "react/jsx-runtime";
4
- import { H as W, a as Y, u as q, b as z, c as G, d as J } from "./ECBEZ4YM-BlwWRwxN.js";
4
+ import { H as W, a as Y, u as q, b as z, c as G, d as J } from "./ECBEZ4YM-o09xUuV6.js";
5
5
  import { b as K, f as A, c as V, a as R, i as I, h as U, A as P, t as X, Q as Z, u as y, x as b } from "./U6HHPQDW-CzxyP5H7.js";
6
- import { c as ee } from "./Z32PU2LQ-7OK4psIK.js";
7
- import { d as k, c as F, u as te, a as w, b as oe } from "./Q5W46E73-ClIlNE6g.js";
6
+ import { c as ee } from "./Z32PU2LQ-DMjfxuT9.js";
7
+ import { d as k, c as F, u as te, a as w, b as oe } from "./Q5W46E73-5xQblshY.js";
8
8
  import ne, { useRef as re, useEffect as g, forwardRef as ae, useState as ie, useCallback as le } from "react";
9
9
  import { Text as H } from "./Text.js";
10
- import { c as se } from "./index-PAaZGbyz.js";
10
+ import { c as se } from "./index-B6iGEm-i.js";
11
11
  var M = K(
12
12
  [Y],
13
13
  [W]
@@ -3,7 +3,7 @@ import './VariantIcon.css';
3
3
  import { jsx as n } from "react/jsx-runtime";
4
4
  import { forwardRef as s } from "react";
5
5
  import { Icon as e } from "./Icon.js";
6
- import { c as _ } from "./index-PAaZGbyz.js";
6
+ import { c as _ } from "./index-B6iGEm-i.js";
7
7
  const m = "_root_iop02_2", p = {
8
8
  root: m,
9
9
  "variant-ai": "_variant-ai_iop02_9",
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import './VisuallyHidden.css';
3
3
  import { jsx as a } from "react/jsx-runtime";
4
- import { c as r } from "./index-PAaZGbyz.js";
4
+ import { c as r } from "./index-B6iGEm-i.js";
5
5
  import { f as e } from "./forwardRefWithAs-8eP3ZN15.js";
6
6
  import "react";
7
7
  const i = "_root_w3556_2", l = {
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { b as T, f as j, c as G, a as J, i as K, j as Q, k as f, h as X, q as Y, r as Z, x as v, y as ee } from "./U6HHPQDW-CzxyP5H7.js";
3
3
  import { createContext as w, useRef as te, useState as ne, useMemo as ae } from "react";
4
- import { b as F, m as oe, o as ie, t as re, c as se, s as E, d as b, e as ue, u as le, a as y } from "./Q5W46E73-ClIlNE6g.js";
4
+ import { b as F, m as oe, o as ie, t as re, c as se, s as E, d as b, e as ue, u as le, a as y } from "./Q5W46E73-5xQblshY.js";
5
5
  import { flushSync as ce } from "react-dom";
6
6
  import { jsx as I } from "react/jsx-runtime";
7
7
  var P = T(), M = P.useProviderContext, de = P.ContextProvider, me = P.ScopedContextProvider, S = T(
@@ -2,7 +2,7 @@
2
2
  import { b as j, d as V, g as Ce, c as W, j as Y, S as ge, q as $, r as q, f as G, a as J, w as Ie, B as be, u as D, ag as xe, ah as F, e as p, af as Se, m as U, ai as we, aj as he, h as Pe, M as Ee, ak as Te } from "./U6HHPQDW-CzxyP5H7.js";
3
3
  import { createContext as Q, useRef as A, useEffect as ye, useContext as De, useCallback as Fe, useMemo as pe } from "react";
4
4
  import { u as Ae } from "./PZ3OL7I2-Cfim3UGe.js";
5
- import { f as ke } from "./Q5W46E73-ClIlNE6g.js";
5
+ import { f as ke } from "./Q5W46E73-5xQblshY.js";
6
6
  import { jsx as Re } from "react/jsx-runtime";
7
7
  var x = j(), Le = x.useContext;
8
8
  x.useScopedContext;
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import './WelcomeLoader.css';
3
3
  import { jsx as As } from "react/jsx-runtime";
4
- import { a as br, c as Ps } from "./index-PAaZGbyz.js";
4
+ import { a as br, c as Ps } from "./index-B6iGEm-i.js";
5
5
  import ws, { forwardRef as Cs } from "react";
6
6
  var Ke = { exports: {} }, Es = Ke.exports, _r;
7
7
  function Ms() {
package/dist/Window.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_1r7a4_2{border-style:solid;background-color:var(--window-body-color-background-default);border-width:var(--window-border-width);border-color:var(--window-color-border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-10);overflow:hidden}._header_1r7a4_11{display:flex;align-items:center;justify-content:space-between;background-color:var(--window-header-color-background);min-height:var(--window-header-size-min-height);border-bottom:var(--window-border-width) solid;border-color:var(--window-color-border-default);padding-inline:var(--window-header-padding-inline-xs);padding-block:var(--window-header-padding-block-xs);gap:var(--window-header-gap-content);border-top-left-radius:var(--window-border-radius);border-top-right-radius:var(--window-border-radius)}._header-title_1r7a4_25{display:flex;flex:1;justify-content:center;text-align:center}._header-tabs_1r7a4_31{display:flex;gap:var(--spacing-sm)}._header-tab-item_1r7a4_35{cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:border-color,background-color,box-shadow;transition-timing-function:ease-in-out;border-radius:var(--radius-md);border-width:var(--window-header-tab-border-width-active);gap:var(--spacing-xs);padding-block:var(--spacing-xs);padding-inline:var(--spacing-sm);transition-duration:var(--duration-fast);border-color:var(--windowTabItemBorderColor, transparent);background-color:var(--windowTabItemBackgroundColor, transparent);color:var(--windowTabItemColor, var(--window-header-tab-color-text-default))}._header-tab-item_1r7a4_35:hover{--windowTabItemBackgroundColor: var(--window-header-tab-color-background-hover);--windowTabItemColor: var(--window-header-tab-color-text-hover)}._header-tab-item_1r7a4_35[aria-selected=true]{--windowTabItemBorderColor: var(--color-border-brand-primary);--windowTabItemBackgroundColor: var(--window-header-tab-color-background-active);--windowTabItemColor: var(--window-header-tab-color-text-active)}._header-tab-item_1r7a4_35[aria-disabled=true]{cursor:not-allowed;--windowTabItemColor: var(--button-color-text-secondary-main-disabled);background:repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),var(--button-color-background-secondary-main-disabled)}._header-action-button_1r7a4_69{cursor:pointer;display:flex;justify-content:center;align-items:center;transition-property:border-color,background-color,box-shadow;transition-timing-function:ease-in-out;transition-duration:var(--duration-fast);width:var(--window-header-action-size-container);height:var(--window-header-action-size-container);border-radius:var(--window-header-action-border-radius);outline:transparent solid var(--border-width-md);background-color:var(--windowButtonBackgroundColor, var(--window-header-action-color-background-close-default))}._header-action-button_1r7a4_69 svg{color:var(--windowButtonIconColor, var(--window-header-action-color-icon-common-default))}._header-action-button_1r7a4_69[data-focus-visible],._header-action-button_1r7a4_69:focus-visible{outline-width:var(--button-border-width-focused);outline-color:var(--button-color-border-focused)}._header-action-button_1r7a4_69:hover{--windowButtonBackgroundColor: var(--window-header-action-color-background-common-hover);--windowButtonIconColor: var(--window-header-action-color-icon-common-hover)}._header-action-button_1r7a4_69:active{--windowButtonBackgroundColor: var(--window-header-action-color-background-common-pressed);--windowButtonIconColor: var(--window-header-action-color-icon-common-pressed)}._header-close-button_1r7a4_100{border:1px solid var(--windowHeaderCloseButtonBorderColor, var(--window-header-action-color-border-close-default));--windowButtonIconColor: var(--window-header-action-color-icon-close-default)}._header-close-button_1r7a4_100:hover{background-color:var(--window-header-action-color-background-close-hover);--windowHeaderCloseButtonBorderColor: var( --window-header-action-color-background-close-hover );--windowButtonIconColor: var(--window-header-action-color-icon-close-hover)}._header-close-button_1r7a4_100:active{background-color:var(--window-header-action-color-background-close-pressed);--windowHeaderCloseButtonBorderColor: var( --window-header-action-color-background-close-pressed );--windowButtonIconColor: var(--window-header-action-color-icon-close-pressed)}._header-actions_1r7a4_118{display:flex;gap:var(--window-header-gap-content)}._tab-panel_1r7a4_122[hidden]{display:none}._media_1r7a4_125,._box-text_1r7a4_126{margin-block:var(--window-body-padding-block-xs);margin-inline:var(--window-body-padding-inline-xs)}._media_1r7a4_125 :first-child{border-radius:var(--window-border-radius);max-width:100%;height:auto}._box-text_1r7a4_126{border-radius:var(--window-border-radius);background-color:var(--color-background-warm-primary);padding-block:var(--window-body-padding-block-sm);padding-inline:var(--window-body-padding-inline-sm)}._size-xl_1r7a4_141{padding-block:var(--window-body-padding-block-xl);padding-inline:var(--window-body-padding-inline-xl)}._size-lg_1r7a4_145{padding-block:var(--window-body-padding-block-lg);padding-inline:var(--window-body-padding-inline-lg)}._size-md_1r7a4_149{padding-block:var(--window-body-padding-block-md);padding-inline:var(--window-body-padding-inline-md)}._size-sm_1r7a4_153{padding-block:var(--window-body-padding-block-sm);padding-inline:var(--window-body-padding-inline-sm)}._size-xs_1r7a4_157{padding-block:var(--window-body-padding-block-xs);padding-inline:var(--window-body-padding-inline-xs)}}
1
+ @layer components{._root_17x8z_2{border-style:solid;background-color:var(--window-body-color-background-default);border-width:var(--window-border-width);border-color:var(--window-color-border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-10);overflow:hidden}._header_17x8z_11{display:flex;align-items:center;justify-content:space-between;background-color:var(--window-header-color-background);min-height:var(--window-header-size-min-height);border-bottom:var(--window-border-width) solid;border-color:var(--window-color-border-default);padding-inline:var(--window-header-padding-inline-xs);padding-block:var(--window-header-padding-block-xs);gap:var(--window-header-gap-content);border-top-left-radius:var(--window-border-radius);border-top-right-radius:var(--window-border-radius)}._header-title_17x8z_25{display:flex;flex:1;justify-content:center;text-align:center}._header-tabs_17x8z_31{display:flex;gap:var(--spacing-sm)}._header-tab-item_17x8z_35{cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:border-color,background-color,box-shadow;transition-timing-function:ease-in-out;border-radius:var(--radius-md);border-width:var(--window-header-tab-border-width-active);gap:var(--spacing-xs);padding-block:var(--spacing-xs);padding-inline:var(--spacing-sm);transition-duration:var(--duration-fast);border-color:var(--windowTabItemBorderColor, transparent);background-color:var(--windowTabItemBackgroundColor, transparent);color:var(--windowTabItemColor, var(--window-header-tab-color-text-default))}._header-tab-item_17x8z_35:hover{--windowTabItemBackgroundColor: var(--window-header-tab-color-background-hover);--windowTabItemColor: var(--window-header-tab-color-text-hover)}._header-tab-item_17x8z_35[aria-selected=true]{--windowTabItemBorderColor: var(--color-border-brand-primary);--windowTabItemBackgroundColor: var(--window-header-tab-color-background-active);--windowTabItemColor: var(--window-header-tab-color-text-active)}._header-tab-item_17x8z_35[aria-disabled=true]{cursor:not-allowed;--windowTabItemColor: var(--button-color-text-secondary-main-disabled);background:repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),var(--button-color-background-secondary-main-disabled)}._header-action-button_17x8z_69{cursor:pointer;display:flex;justify-content:center;align-items:center;transition-property:border-color,background-color,box-shadow;transition-timing-function:ease-in-out;transition-duration:var(--duration-fast);width:var(--window-header-action-size-container);height:var(--window-header-action-size-container);border-radius:var(--window-header-action-border-radius);outline:transparent solid var(--border-width-md);background-color:var(--windowButtonBackgroundColor, var(--window-header-action-color-background-close-default))}._header-action-button_17x8z_69 svg{color:var(--windowButtonIconColor, var(--window-header-action-color-icon-common-default))}._header-action-button_17x8z_69[data-focus-visible],._header-action-button_17x8z_69:focus-visible{outline-width:var(--button-border-width-focused);outline-color:var(--button-color-border-focused)}._header-action-button_17x8z_69:hover{--windowButtonBackgroundColor: var(--window-header-action-color-background-common-hover);--windowButtonIconColor: var(--window-header-action-color-icon-common-hover)}._header-action-button_17x8z_69:active,._header-action-button_17x8z_69[aria-pressed=true]{--windowButtonBackgroundColor: var(--window-header-action-color-background-common-pressed);--windowButtonIconColor: var(--window-header-action-color-icon-common-pressed)}._header-close-button_17x8z_100{border:1px solid var(--windowHeaderCloseButtonBorderColor, var(--window-header-action-color-border-close-default));--windowButtonIconColor: var(--window-header-action-color-icon-close-default)}._header-close-button_17x8z_100:hover{background-color:var(--window-header-action-color-background-close-hover);--windowHeaderCloseButtonBorderColor: var( --window-header-action-color-background-close-hover );--windowButtonIconColor: var(--window-header-action-color-icon-close-hover)}._header-close-button_17x8z_100:active{background-color:var(--window-header-action-color-background-close-pressed);--windowHeaderCloseButtonBorderColor: var( --window-header-action-color-background-close-pressed );--windowButtonIconColor: var(--window-header-action-color-icon-close-pressed)}._header-actions_17x8z_118{display:flex;gap:var(--window-header-gap-content)}._tab-panel_17x8z_122[hidden]{display:none}._media_17x8z_125,._box-text_17x8z_126{margin-block:var(--window-body-padding-block-xs);margin-inline:var(--window-body-padding-inline-xs)}._media_17x8z_125 :first-child{border-radius:var(--window-border-radius);max-width:100%;height:auto}._box-text_17x8z_126{border-radius:var(--window-border-radius);background-color:var(--color-background-warm-primary);padding-block:var(--window-body-padding-block-sm);padding-inline:var(--window-body-padding-inline-sm)}._size-xl_17x8z_141{padding-block:var(--window-body-padding-block-xl);padding-inline:var(--window-body-padding-inline-xl)}._size-lg_17x8z_145{padding-block:var(--window-body-padding-block-lg);padding-inline:var(--window-body-padding-inline-lg)}._size-md_17x8z_149{padding-block:var(--window-body-padding-block-md);padding-inline:var(--window-body-padding-inline-md)}._size-sm_17x8z_153{padding-block:var(--window-body-padding-block-sm);padding-inline:var(--window-body-padding-inline-sm)}._size-xs_17x8z_157{padding-block:var(--window-body-padding-block-xs);padding-inline:var(--window-body-padding-inline-xs)}}
package/dist/Window.js CHANGED
@@ -1,143 +1,145 @@
1
1
  "use client";
2
2
  import './Window.css';
3
- import { jsx as r, jsxs as b } from "react/jsx-runtime";
4
- import { c as d } from "./index-PAaZGbyz.js";
5
- import { f as u } from "./forwardRefWithAs-8eP3ZN15.js";
3
+ import { jsx as o, jsxs as x } from "react/jsx-runtime";
4
+ import { c as d } from "./index-B6iGEm-i.js";
5
+ import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
6
6
  import { forwardRef as l, useState as B } from "react";
7
- import { T as I, a as g, b as j } from "./tab-panel-BFzjhpJq.js";
8
- import { b as A } from "./Q5W46E73-ClIlNE6g.js";
7
+ import { T as I, a as g, b as j } from "./tab-panel-Cc3MfOBM.js";
8
+ import { b as A } from "./Q5W46E73-5xQblshY.js";
9
9
  import { Badge as S } from "./Badge.js";
10
10
  import { Icon as m } from "./Icon.js";
11
- import { Text as h } from "./Text.js";
12
- const H = "_root_1r7a4_2", P = "_header_1r7a4_11", R = "_media_1r7a4_125", c = {
11
+ import { Text as u } from "./Text.js";
12
+ const H = "_root_17x8z_2", P = "_header_17x8z_11", R = "_media_17x8z_125", c = {
13
13
  root: H,
14
14
  header: P,
15
- "header-title": "_header-title_1r7a4_25",
16
- "header-tabs": "_header-tabs_1r7a4_31",
17
- "header-tab-item": "_header-tab-item_1r7a4_35",
18
- "header-action-button": "_header-action-button_1r7a4_69",
19
- "header-close-button": "_header-close-button_1r7a4_100",
20
- "header-actions": "_header-actions_1r7a4_118",
21
- "tab-panel": "_tab-panel_1r7a4_122",
15
+ "header-title": "_header-title_17x8z_25",
16
+ "header-tabs": "_header-tabs_17x8z_31",
17
+ "header-tab-item": "_header-tab-item_17x8z_35",
18
+ "header-action-button": "_header-action-button_17x8z_69",
19
+ "header-close-button": "_header-close-button_17x8z_100",
20
+ "header-actions": "_header-actions_17x8z_118",
21
+ "tab-panel": "_tab-panel_17x8z_122",
22
22
  media: R,
23
- "box-text": "_box-text_1r7a4_126",
24
- "size-xl": "_size-xl_1r7a4_141",
25
- "size-lg": "_size-lg_1r7a4_145",
26
- "size-md": "_size-md_1r7a4_149",
27
- "size-sm": "_size-sm_1r7a4_153",
28
- "size-xs": "_size-xs_1r7a4_157"
29
- }, k = d(c), p = l(
30
- ({ children: t, className: a, size: e = "md", ...s }, o) => /* @__PURE__ */ r("div", { className: k("body", `size-${e}`, a), ref: o, ...s, children: t })
23
+ "box-text": "_box-text_17x8z_126",
24
+ "size-xl": "_size-xl_17x8z_141",
25
+ "size-lg": "_size-lg_17x8z_145",
26
+ "size-md": "_size-md_17x8z_149",
27
+ "size-sm": "_size-sm_17x8z_153",
28
+ "size-xs": "_size-xs_17x8z_157"
29
+ }, k = d(c), h = l(
30
+ ({ children: t, className: a, size: e = "md", ...s }, n) => /* @__PURE__ */ o("div", { className: k("body", `size-${e}`, a), ref: n, ...s, children: t })
31
31
  );
32
- p.displayName = "Window.Body";
33
- const L = d(c), x = l(
34
- ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r("div", { className: L("box-text", a), ref: s, ...e, children: t })
32
+ h.displayName = "Window.Body";
33
+ const L = d(c), z = l(
34
+ ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ o("div", { className: L("box-text", a), ref: s, ...e, children: t })
35
35
  );
36
- x.displayName = "Window.BoxText";
37
- const n = d(c), w = ({
36
+ z.displayName = "Window.BoxText";
37
+ const i = d(c), p = ({
38
38
  "aria-label": t,
39
39
  className: a,
40
40
  icon: e,
41
- onClick: s,
42
- ...o
43
- }) => /* @__PURE__ */ r(
41
+ isActive: s,
42
+ onClick: n,
43
+ ...r
44
+ }) => /* @__PURE__ */ o(
44
45
  "button",
45
46
  {
46
47
  "aria-label": t,
47
- className: n("header-action-button", a),
48
- onClick: s,
48
+ "aria-pressed": s,
49
+ className: i("header-action-button", a),
50
+ onClick: n,
49
51
  type: "button",
50
- ...o,
51
- children: /* @__PURE__ */ r(m, { name: e })
52
+ ...r,
53
+ children: /* @__PURE__ */ o(m, { name: e })
52
54
  }
53
- ), N = ({
55
+ ), w = ({
54
56
  as: t,
55
57
  className: a,
56
58
  onClick: e
57
- }) => /* @__PURE__ */ r(
58
- w,
59
+ }) => /* @__PURE__ */ o(
60
+ p,
59
61
  {
60
62
  "aria-label": "Close window",
61
63
  as: t,
62
- className: n("header-close-button", a),
64
+ className: i("header-close-button", a),
63
65
  icon: "times",
64
66
  onClick: e
65
67
  }
66
- ), M = ({ children: t, className: a, store: e, ...s }) => /* @__PURE__ */ r(g, { className: n("header-tabs", a), store: e, ...s, children: t }), O = u(
67
- ({ as: t, badge: a, children: e, className: s, icon: o, id: i, store: _, ...v }, W) => {
68
- const $ = A(_, "selectedId") === i;
69
- return /* @__PURE__ */ b(
68
+ ), M = ({ children: t, className: a, store: e, ...s }) => /* @__PURE__ */ o(g, { className: i("header-tabs", a), store: e, ...s, children: t }), O = b(
69
+ ({ as: t, badge: a, children: e, className: s, icon: n, id: r, store: _, ...v }, W) => {
70
+ const $ = A(_, "selectedId") === r;
71
+ return /* @__PURE__ */ x(
70
72
  I,
71
73
  {
72
- className: n("header-tab-item", s),
73
- id: i,
74
+ className: i("header-tab-item", s),
75
+ id: r,
74
76
  ref: W,
75
- render: t ? /* @__PURE__ */ r(t, {}) : void 0,
77
+ render: t ? /* @__PURE__ */ o(t, {}) : void 0,
76
78
  store: _,
77
79
  ...v,
78
80
  children: [
79
- o ? /* @__PURE__ */ r(m, { name: o }) : null,
80
- /* @__PURE__ */ r(h, { variant: "label-sm", children: e }),
81
- a ? /* @__PURE__ */ r(S, { variant: $ ? "neutral" : "warm", children: a }) : null
81
+ n ? /* @__PURE__ */ o(m, { name: n }) : null,
82
+ /* @__PURE__ */ o(u, { variant: "label-sm", children: e }),
83
+ a ? /* @__PURE__ */ o(S, { variant: $ ? "neutral" : "warm", children: a }) : null
82
84
  ]
83
85
  },
84
- i
86
+ r
85
87
  );
86
88
  }
87
89
  ), E = ({ children: t, isClosable: a = !1, onClose: e }) => {
88
90
  const s = () => {
89
91
  e == null || e();
90
92
  };
91
- return /* @__PURE__ */ b("div", { className: n("header-actions"), children: [
93
+ return /* @__PURE__ */ x("div", { className: i("header-actions"), children: [
92
94
  t,
93
- a ? /* @__PURE__ */ r(N, { onClick: s }) : null
95
+ a ? /* @__PURE__ */ o(w, { onClick: s }) : null
94
96
  ] });
95
97
  }, q = ({ isExpandable: t = !1, onExpandChange: a }) => {
96
- const [e, s] = B(!1), o = () => {
97
- const i = !e;
98
- s(i), a == null || a(i);
98
+ const [e, s] = B(!1), n = () => {
99
+ const r = !e;
100
+ s(r), a == null || a(r);
99
101
  };
100
- return /* @__PURE__ */ r("div", { className: n("header-actions"), children: t ? /* @__PURE__ */ r(
102
+ return /* @__PURE__ */ o("div", { className: i("header-actions"), children: t ? /* @__PURE__ */ o(
101
103
  "button",
102
104
  {
103
105
  "aria-expanded": e,
104
106
  "aria-label": e ? "Collapse window" : "Expand window",
105
- className: n("header-action-button"),
106
- onClick: o,
107
+ className: i("header-action-button"),
108
+ onClick: n,
107
109
  type: "button",
108
- children: /* @__PURE__ */ r(m, { name: e ? "compress-alt" : "arrow-resize-diagonal" })
110
+ children: /* @__PURE__ */ o(m, { name: e ? "compress-alt" : "arrow-resize-diagonal" })
109
111
  }
110
112
  ) : null });
111
- }, C = ({ as: t, className: a, title: e }) => /* @__PURE__ */ r(h, { as: t, className: n("header-title", a), variant: "body-md-strong", children: e }), f = l(
112
- ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r("header", { className: n("header", a), ref: s, ...e, children: t })
113
+ }, C = ({ as: t, className: a, title: e }) => /* @__PURE__ */ o(u, { as: t, className: i("header-title", a), variant: "body-md-strong", children: e }), N = l(
114
+ ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ o("header", { className: i("header", a), ref: s, ...e, children: t })
113
115
  );
114
- f.displayName = "Window.Header";
115
- const D = Object.assign(f, {
116
- Button: w,
117
- CloseButton: N,
116
+ N.displayName = "Window.Header";
117
+ const D = Object.assign(N, {
118
+ Button: p,
119
+ CloseButton: w,
118
120
  LeftActions: q,
119
121
  RightActions: E,
120
122
  Tab: O,
121
123
  Tabs: M,
122
124
  Title: C
123
- }), F = d(c), y = l(
124
- ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r("div", { className: F("media", a), ref: s, ...e, children: t })
125
+ }), F = d(c), f = l(
126
+ ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ o("div", { className: F("media", a), ref: s, ...e, children: t })
125
127
  );
126
- y.displayName = "Window.Media";
127
- const G = d(c), z = l(
128
- ({ children: t, store: a, tabId: e, ...s }, o) => /* @__PURE__ */ r(j, { className: G("tab-panel"), ref: o, store: a, tabId: e, ...s, children: t })
128
+ f.displayName = "Window.Media";
129
+ const G = d(c), y = l(
130
+ ({ children: t, store: a, tabId: e, ...s }, n) => /* @__PURE__ */ o(j, { className: G("tab-panel"), ref: n, store: a, tabId: e, ...s, children: t })
129
131
  );
130
- z.displayName = "Window.TabPanel";
131
- const J = d(c), T = u(
132
- ({ as: t = "div", children: a, className: e, role: s = "region", ...o }, i) => /* @__PURE__ */ r(t, { className: J("root", e), ref: i, role: s, ...o, children: a })
132
+ y.displayName = "Window.TabPanel";
133
+ const J = d(c), T = b(
134
+ ({ as: t = "div", children: a, className: e, role: s = "region", ...n }, r) => /* @__PURE__ */ o(t, { className: J("root", e), ref: r, role: s, ...n, children: a })
133
135
  );
134
136
  T.displayName = "Window";
135
137
  const se = Object.assign(T, {
136
- Body: p,
137
- BoxText: x,
138
+ Body: h,
139
+ BoxText: z,
138
140
  Header: D,
139
- Media: y,
140
- TabPanel: z
141
+ Media: f,
142
+ TabPanel: y
141
143
  });
142
144
  export {
143
145
  se as Window,
@@ -3,8 +3,8 @@ import { createContext as yt, useRef as R, useContext as Pt, useState as q, useE
3
3
  import { c as J, f as O, a as j, q as zt, k as N, Z as It, g as P, h as z, _ as U, $ as ft, a0 as Ot, a1 as he, a2 as me, a3 as be, a4 as xt, Q as I, t as A, u as Gt, a5 as Ee, a6 as pe, Y as ye, J as Jt, a7 as Pe, a8 as xe, R as dt, a9 as De, aa as we, j as Se, ab as Kt, M as Fe, m as gt, ac as Ae, ad as Z, X as Te, V as Ce, ae as Le, af as Re } from "./U6HHPQDW-CzxyP5H7.js";
4
4
  import { createPortal as kt, flushSync as Ne } from "react-dom";
5
5
  import { jsx as E, jsxs as it, Fragment as st } from "react/jsx-runtime";
6
- import { b as _, d as Me, u as Ve } from "./Q5W46E73-ClIlNE6g.js";
7
- import { u as He, d as Qt, e as $e, f as _e, b as Dt, i as Ie, g as Oe, h as ke, j as Be } from "./WLZ6H5FH-6NScq2Y6.js";
6
+ import { b as _, d as Me, u as Ve } from "./Q5W46E73-5xQblshY.js";
7
+ import { u as He, d as Qt, e as $e, f as _e, b as Dt, i as Ie, g as Oe, h as ke, j as Be } from "./WLZ6H5FH-CuTcX7sR.js";
8
8
  var Bt = yt(null), qe = "span", Ut = J(
9
9
  function(e) {
10
10
  return e = {
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { e as W, g as v, s as X, i as w, a as J, h as Q, j as Y } from "./WZWDIE3S-DDipnVYO.js";
2
+ import { e as W, g as v, s as X, i as w, a as J, h as Q, j as Y } from "./WZWDIE3S-CGqoM1Fy.js";
3
3
  import { c as Z, i as $, al as ee, am as te, k as B, an as E, p as ne, ab as re, u as F, e as I, m as ie, d as H, h as ae, q as ue, X as oe, ao as ce, f as le, a as se } from "./U6HHPQDW-CzxyP5H7.js";
4
4
  import { f as fe, r as de } from "./7PRQYBBV-D9IY4qtU.js";
5
5
  import { useRef as R, useEffect as M, useState as me, useCallback as ve } from "react";
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { P as n, a as ve } from "./tslib.es6-C80jYMbM.js";
2
+ import { P as n, a as ve } from "./tslib.es6-CKhMT3k3.js";
3
3
  import { cloneElement as et, Component as tt } from "react";
4
4
  function Z(t, o) {
5
5
  if (t == null) return {};