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.
- package/dist/{5TKKKQCL-B53p3Vri.js → 5TKKKQCL-rs260p95.js} +2 -2
- package/dist/{APVORPDK-DuBDzcfp.js → APVORPDK-i7Z_eBMP.js} +2 -2
- package/dist/Accordion.js +4 -4
- package/dist/Alert.js +1 -1
- package/dist/AspectRatio.js +1 -1
- package/dist/Avatar.js +1 -1
- package/dist/Badge.js +1 -1
- package/dist/Breadcrumb.js +1 -1
- package/dist/Button.js +1 -1
- package/dist/ButtonGroup.js +1 -1
- package/dist/{CVCFNOHX-CeUlkMgT.js → CVCFNOHX-Ck0bUDvo.js} +2 -2
- package/dist/Card.js +1 -1
- package/dist/Checkbox.js +2 -2
- package/dist/CloseButton.js +1 -1
- package/dist/DatePicker.js +2 -2
- package/dist/DateTimePicker.js +2 -2
- package/dist/Drawer.js +5 -5
- package/dist/DropdownMenu.js +12 -12
- package/dist/{ECBEZ4YM-BlwWRwxN.js → ECBEZ4YM-o09xUuV6.js} +3 -3
- package/dist/Field.js +1 -1
- package/dist/FieldGroup.js +1 -1
- package/dist/FileDrop.js +2 -2
- package/dist/FileUpload.js +1 -1
- package/dist/FloatingActionBar.js +1 -1
- package/dist/Hint.js +1 -1
- package/dist/{I7KWAPMF-CuA_ygsc.js → I7KWAPMF-DQWZpGyL.js} +1 -1
- package/dist/{IQYAUKXT-CMV5f3NE.js → IQYAUKXT-Cltvp3KN.js} +1 -1
- package/dist/Icon.js +1 -1
- package/dist/InputText.js +1 -1
- package/dist/{JMU4N4M5-BRPvDp3v.js → JMU4N4M5-DnfyqGdJ.js} +1 -1
- package/dist/Label.js +1 -1
- package/dist/Link.js +1 -1
- package/dist/Loader.js +1 -1
- package/dist/Logo.js +1 -1
- package/dist/Modal.js +5 -5
- package/dist/{NDVACHQI-B7drCM9O.js → NDVACHQI-WTOpOfgG.js} +1 -1
- package/dist/{OCCHVUS4-SwOpz56L.js → OCCHVUS4-BJVLPRH8.js} +1 -1
- package/dist/Pagination.js +1 -1
- package/dist/Popover.js +4 -4
- package/dist/{Q5W46E73-ClIlNE6g.js → Q5W46E73-5xQblshY.js} +1 -1
- package/dist/{RFRKSHIZ-BMv-8lMI.js → RFRKSHIZ-C_FLl4qI.js} +3 -3
- package/dist/Radio.js +2 -2
- package/dist/RadioGroup.js +3 -3
- package/dist/RadioTab.js +2 -2
- package/dist/Search.js +2 -2
- package/dist/Select.js +2 -2
- package/dist/Slider.js +1 -1
- package/dist/Stamp.js +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/StickyNote.js +1 -1
- package/dist/Swiper.js +299 -2146
- package/dist/Table.js +1 -1
- package/dist/Tabs.js +7 -7
- package/dist/Tag.js +1 -1
- package/dist/Text.js +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/TimePicker.js +2 -2
- package/dist/Toast.js +1 -1
- package/dist/Toggle.js +2 -2
- package/dist/Tooltip.js +4 -4
- package/dist/VariantIcon.js +1 -1
- package/dist/VisuallyHidden.js +1 -1
- package/dist/{WLZ6H5FH-6NScq2Y6.js → WLZ6H5FH-CuTcX7sR.js} +1 -1
- package/dist/{WZWDIE3S-DDipnVYO.js → WZWDIE3S-CGqoM1Fy.js} +1 -1
- package/dist/WelcomeLoader.js +1 -1
- package/dist/Window.css +1 -1
- package/dist/Window.js +78 -76
- package/dist/{Z32PU2LQ-7OK4psIK.js → Z32PU2LQ-DMjfxuT9.js} +2 -2
- package/dist/{ZMWF7ASR-BGZQn0ZB.js → ZMWF7ASR-Jc8y_k3t.js} +1 -1
- package/dist/{downshift.esm-xtYanIDi.js → downshift.esm-BtYj0L0Y.js} +1 -1
- package/dist/index-B6iGEm-i.js +1935 -0
- package/dist/{tab-panel-BFzjhpJq.js → tab-panel-Cc3MfOBM.js} +4 -4
- package/dist/{tslib.es6-C80jYMbM.js → tslib.es6-CKhMT3k3.js} +1 -1
- package/dist/types/components/Drawer/index.d.ts +1 -1
- package/dist/types/components/Modal/index.d.ts +1 -1
- package/dist/types/components/Window/components/Header.d.ts +1 -1
- package/dist/types/components/Window/index.d.ts +1 -1
- package/dist/types/components/Window/types.d.ts +1 -0
- package/dist/types/utils/index.d.ts +3 -0
- package/dist/types/utils/use-breakpoint.d.ts +15 -0
- package/dist/types/utils/use-breakpoint.test.d.ts +1 -0
- package/dist/types/utils/use-viewport.test.d.ts +1 -0
- package/dist/use-viewport-GQu4vkby.js +20 -0
- package/dist/{utils-BGmdljvh.js → utils-ZE_dEXnJ.js} +1 -1
- package/dist/utils.js +25 -14
- package/package.json +1 -1
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
12
|
-
import { C as Y, a as Z } from "./WZWDIE3S-
|
|
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-
|
|
15
|
-
import { a as se } from "./CVCFNOHX-
|
|
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-
|
|
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-
|
|
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-
|
|
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",
|
package/dist/TimePicker.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
7
|
-
import { d as k, c as F, u as te, a as w, b as oe } from "./Q5W46E73-
|
|
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-
|
|
10
|
+
import { c as se } from "./index-B6iGEm-i.js";
|
|
11
11
|
var M = K(
|
|
12
12
|
[Y],
|
|
13
13
|
[W]
|
package/dist/VariantIcon.js
CHANGED
|
@@ -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-
|
|
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",
|
package/dist/VisuallyHidden.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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;
|
package/dist/WelcomeLoader.js
CHANGED
|
@@ -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-
|
|
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{.
|
|
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
|
|
4
|
-
import { c as d } from "./index-
|
|
5
|
-
import { f as
|
|
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-
|
|
8
|
-
import { b as A } from "./Q5W46E73-
|
|
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
|
|
12
|
-
const H = "
|
|
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-
|
|
16
|
-
"header-tabs": "_header-
|
|
17
|
-
"header-tab-item": "_header-tab-
|
|
18
|
-
"header-action-button": "_header-action-
|
|
19
|
-
"header-close-button": "_header-close-
|
|
20
|
-
"header-actions": "_header-
|
|
21
|
-
"tab-panel": "_tab-
|
|
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-
|
|
24
|
-
"size-xl": "_size-
|
|
25
|
-
"size-lg": "_size-
|
|
26
|
-
"size-md": "_size-
|
|
27
|
-
"size-sm": "_size-
|
|
28
|
-
"size-xs": "_size-
|
|
29
|
-
}, k = d(c),
|
|
30
|
-
({ children: t, className: a, size: e = "md", ...s },
|
|
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
|
-
|
|
33
|
-
const L = d(c),
|
|
34
|
-
({ children: t, className: a, ...e }, s) => /* @__PURE__ */
|
|
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
|
-
|
|
37
|
-
const
|
|
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
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
isActive: s,
|
|
42
|
+
onClick: n,
|
|
43
|
+
...r
|
|
44
|
+
}) => /* @__PURE__ */ o(
|
|
44
45
|
"button",
|
|
45
46
|
{
|
|
46
47
|
"aria-label": t,
|
|
47
|
-
|
|
48
|
-
|
|
48
|
+
"aria-pressed": s,
|
|
49
|
+
className: i("header-action-button", a),
|
|
50
|
+
onClick: n,
|
|
49
51
|
type: "button",
|
|
50
|
-
...
|
|
51
|
-
children: /* @__PURE__ */
|
|
52
|
+
...r,
|
|
53
|
+
children: /* @__PURE__ */ o(m, { name: e })
|
|
52
54
|
}
|
|
53
|
-
),
|
|
55
|
+
), w = ({
|
|
54
56
|
as: t,
|
|
55
57
|
className: a,
|
|
56
58
|
onClick: e
|
|
57
|
-
}) => /* @__PURE__ */
|
|
58
|
-
|
|
59
|
+
}) => /* @__PURE__ */ o(
|
|
60
|
+
p,
|
|
59
61
|
{
|
|
60
62
|
"aria-label": "Close window",
|
|
61
63
|
as: t,
|
|
62
|
-
className:
|
|
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__ */
|
|
67
|
-
({ as: t, badge: a, children: e, className: s, icon:
|
|
68
|
-
const $ = A(_, "selectedId") ===
|
|
69
|
-
return /* @__PURE__ */
|
|
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:
|
|
73
|
-
id:
|
|
74
|
+
className: i("header-tab-item", s),
|
|
75
|
+
id: r,
|
|
74
76
|
ref: W,
|
|
75
|
-
render: t ? /* @__PURE__ */
|
|
77
|
+
render: t ? /* @__PURE__ */ o(t, {}) : void 0,
|
|
76
78
|
store: _,
|
|
77
79
|
...v,
|
|
78
80
|
children: [
|
|
79
|
-
|
|
80
|
-
/* @__PURE__ */
|
|
81
|
-
a ? /* @__PURE__ */
|
|
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
|
-
|
|
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__ */
|
|
93
|
+
return /* @__PURE__ */ x("div", { className: i("header-actions"), children: [
|
|
92
94
|
t,
|
|
93
|
-
a ? /* @__PURE__ */
|
|
95
|
+
a ? /* @__PURE__ */ o(w, { onClick: s }) : null
|
|
94
96
|
] });
|
|
95
97
|
}, q = ({ isExpandable: t = !1, onExpandChange: a }) => {
|
|
96
|
-
const [e, s] = B(!1),
|
|
97
|
-
const
|
|
98
|
-
s(
|
|
98
|
+
const [e, s] = B(!1), n = () => {
|
|
99
|
+
const r = !e;
|
|
100
|
+
s(r), a == null || a(r);
|
|
99
101
|
};
|
|
100
|
-
return /* @__PURE__ */
|
|
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:
|
|
106
|
-
onClick:
|
|
107
|
+
className: i("header-action-button"),
|
|
108
|
+
onClick: n,
|
|
107
109
|
type: "button",
|
|
108
|
-
children: /* @__PURE__ */
|
|
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__ */
|
|
112
|
-
({ children: t, className: a, ...e }, s) => /* @__PURE__ */
|
|
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
|
-
|
|
115
|
-
const D = Object.assign(
|
|
116
|
-
Button:
|
|
117
|
-
CloseButton:
|
|
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),
|
|
124
|
-
({ children: t, className: a, ...e }, s) => /* @__PURE__ */
|
|
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
|
-
|
|
127
|
-
const G = d(c),
|
|
128
|
-
({ children: t, store: a, tabId: e, ...s },
|
|
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
|
-
|
|
131
|
-
const J = d(c), T =
|
|
132
|
-
({ as: t = "div", children: a, className: e, role: s = "region", ...
|
|
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:
|
|
137
|
-
BoxText:
|
|
138
|
+
Body: h,
|
|
139
|
+
BoxText: z,
|
|
138
140
|
Header: D,
|
|
139
|
-
Media:
|
|
140
|
-
TabPanel:
|
|
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-
|
|
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-
|
|
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-
|
|
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";
|