welcome-ui 1.0.0-beta.9 → 7.0.0-alpha.7
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/{AXB53BZF-DCqNWRx3.mjs → AXB53BZF-CGoc4K3d.mjs} +3 -3
- package/dist/{AXB53BZF-CAQ85RSy.js → AXB53BZF-KWM2jKTz.js} +1 -1
- package/dist/Accordion.js +3 -3
- package/dist/Accordion.mjs +11 -11
- package/dist/Alert.js +4 -4
- package/dist/Alert.mjs +29 -29
- package/dist/AspectRatio.js +1 -1
- package/dist/AspectRatio.mjs +5 -5
- package/dist/Avatar.js +3 -3
- package/dist/Avatar.mjs +8 -8
- package/dist/{BYC7LY2E-BE1a2svb.js → BYC7LY2E-BkAEL2VD.js} +1 -1
- package/dist/{BYC7LY2E-BNqcw1O8.mjs → BYC7LY2E-CVjUW1dr.mjs} +4 -4
- package/dist/Badge.js +1 -1
- package/dist/Badge.mjs +5 -5
- package/dist/Breadcrumb.js +54 -1
- package/dist/Breadcrumb.mjs +438 -8
- package/dist/Button.js +4 -4
- package/dist/Button.mjs +10 -10
- package/dist/ButtonGroup.js +1 -1
- package/dist/ButtonGroup.mjs +5 -5
- package/dist/Card.js +2 -2
- package/dist/Card.mjs +4 -4
- package/dist/Checkbox.js +1 -1
- package/dist/Checkbox.mjs +1 -1
- package/dist/ClearButton.js +3 -3
- package/dist/ClearButton.mjs +10 -10
- package/dist/CloseButton.js +2 -2
- package/dist/CloseButton.mjs +6 -6
- package/dist/CustomInput-BCCxIle7.mjs +7826 -0
- package/dist/CustomInput-CDNZy-pz.js +1070 -0
- package/dist/DatePicker.js +1 -1
- package/dist/DatePicker.mjs +1 -1
- package/dist/DateTimePicker.js +1 -1
- package/dist/DateTimePicker.mjs +15 -15
- package/dist/DateTimePickerCommon.js +1 -1
- package/dist/DateTimePickerCommon.mjs +1 -1
- package/dist/Drawer.js +64 -1
- package/dist/Drawer.mjs +266 -10
- package/dist/DropdownMenu.js +1 -1
- package/dist/DropdownMenu.mjs +9 -9
- package/dist/Field.js +2 -2
- package/dist/Field.mjs +10 -10
- package/dist/FieldGroup.js +1 -1
- package/dist/FieldGroup.mjs +8 -8
- package/dist/FileDrop.js +46 -1
- package/dist/FileDrop.mjs +2324 -8
- package/dist/FileUpload.js +2 -2
- package/dist/FileUpload.mjs +10 -10
- package/dist/Hint.js +1 -1
- package/dist/Hint.mjs +6 -6
- package/dist/{ITI7HKP4-Couz1Z73.mjs → ITI7HKP4-BONrZ9Pq.mjs} +3 -3
- package/dist/Icon.js +1 -1
- package/dist/Icon.mjs +5 -5
- package/dist/{index.js → Icons.js} +6 -23
- package/dist/{index.mjs → Icons.mjs} +1348 -3484
- package/dist/{IconFont.js → IconsFont.js} +1 -1
- package/dist/{IconFont.mjs → IconsFont.mjs} +2 -2
- package/dist/InputText.js +3 -3
- package/dist/InputText.mjs +14 -14
- package/dist/{JC64G2H7-HxATiU-t.mjs → JC64G2H7-Dey-8h60.mjs} +4 -4
- package/dist/{JC64G2H7-VmOGyhc1.js → JC64G2H7-YkBMNrtl.js} +1 -1
- package/dist/{KUU7WJ55-bC4FU_j7.mjs → KUU7WJ55-3sP-w1F1.mjs} +13 -13
- package/dist/{LVA2YJMS-Dm5ieEMw.mjs → LVA2YJMS-qFC9J-lt.mjs} +18 -18
- package/dist/Label.js +35 -1
- package/dist/Label.mjs +76 -7
- package/dist/Link.js +2 -2
- package/dist/Link.mjs +9 -9
- package/dist/Loader.js +3 -3
- package/dist/Loader.mjs +9 -9
- package/dist/Logo.js +3 -1
- package/dist/Logo.mjs +45 -5
- package/dist/{MTZPJQMC-D0pYOjc_.js → MTZPJQMC-5Xg78Uyy.js} +1 -1
- package/dist/MTZPJQMC-C0Xe_WK4.mjs +13 -0
- package/dist/Modal.js +5 -5
- package/dist/Modal.mjs +14 -14
- package/dist/{NLEBE274-FThuwZH_.mjs → NLEBE274-C94QU78N.mjs} +19 -19
- package/dist/{P2CTZE2T-5jxBu6ix.mjs → P2CTZE2T-YPes1GXe.mjs} +28 -28
- package/dist/{P4IRICAX-C0oIr4wI.mjs → P4IRICAX-DzXqUYe-.mjs} +10 -10
- package/dist/{P4IRICAX-t3xfwWga.js → P4IRICAX-nhgZ26A1.js} +1 -1
- package/dist/Pagination.js +3 -3
- package/dist/Pagination.mjs +10 -10
- package/dist/PasswordInput.js +1 -1
- package/dist/PasswordInput.mjs +53 -5
- package/dist/Picker.js +2 -2
- package/dist/Picker.mjs +13 -13
- package/dist/Popover.js +31 -1
- package/dist/Popover.mjs +141 -5
- package/dist/{QYJ6MIDR-YegHsExc.mjs → QYJ6MIDR-BLLqyXdd.mjs} +12 -12
- package/dist/{QYJ6MIDR-T-fJ_t8N.js → QYJ6MIDR-CRK3satR.js} +1 -1
- package/dist/Radio.js +3 -3
- package/dist/Radio.mjs +16 -16
- package/dist/RadioGroup.js +1 -1
- package/dist/RadioGroup.mjs +11 -11
- package/dist/RadioTab.js +4 -4
- package/dist/RadioTab.mjs +12 -12
- package/dist/{SYRFVSLH-Babm193P.js → SYRFVSLH-BpAfr7UE.js} +1 -1
- package/dist/{SYRFVSLH-DXZgEwus.mjs → SYRFVSLH-cVmYtx36.mjs} +6 -6
- package/dist/Search.js +8 -8
- package/dist/Search.mjs +46 -46
- package/dist/Select.js +122 -1
- package/dist/Select.mjs +1070 -11
- package/dist/Shape.js +3 -3
- package/dist/Shape.mjs +5 -5
- package/dist/Slider.js +1 -1
- package/dist/Slider.mjs +3 -3
- package/dist/Swiper.js +2 -2
- package/dist/Swiper.mjs +1 -1
- package/dist/Table.js +1 -1
- package/dist/Table.mjs +1 -1
- package/dist/Tabs.js +8 -8
- package/dist/Tabs.mjs +178 -173
- package/dist/Tag.js +3 -3
- package/dist/Tag.mjs +10 -10
- package/dist/Text.js +1 -1
- package/dist/Text.mjs +4 -4
- package/dist/Textarea.js +1 -1
- package/dist/Textarea.mjs +9 -9
- package/dist/TimePicker.js +2 -2
- package/dist/TimePicker.mjs +11 -11
- package/dist/Toast.js +1 -1
- package/dist/Toast.mjs +1 -1
- package/dist/Toggle.js +1 -1
- package/dist/Toggle.mjs +7 -7
- package/dist/Tooltip.js +1 -1
- package/dist/Tooltip.mjs +10 -10
- package/dist/UniversalLink.js +1 -1
- package/dist/UniversalLink.mjs +4 -4
- package/dist/VEVQD5MH-ZMnHV8ZJ.mjs +20 -0
- package/dist/{VEVQD5MH-Cal9SWXl.js → VEVQD5MH-mN1wMozH.js} +1 -1
- package/dist/{VGCJ63VH-BqPfqkK_.mjs → VGCJ63VH-B39w1tBw.mjs} +19 -19
- package/dist/{VGCJ63VH-Cuf7P3qW.js → VGCJ63VH-BNLwLOaC.js} +1 -1
- package/dist/VariantIcon.js +8 -1
- package/dist/VariantIcon.mjs +30 -4
- package/dist/WelcomeLoader.js +11 -1
- package/dist/WelcomeLoader.mjs +5086 -25
- package/dist/X5NMLKT6-uFSu0Lii.mjs +25 -0
- package/dist/{YV4JVR4I-1ezWeCCz.mjs → YV4JVR4I-BGfUf3Nu.mjs} +1 -1
- package/dist/downshift.esm-BOfUfcgd.mjs +1085 -0
- package/dist/downshift.esm-dvOEflhK.js +1 -0
- package/dist/hex-to-rgba-BIDK-3ab.mjs +11 -0
- package/dist/hex-to-rgba-cCYXRc5D.js +1 -0
- package/dist/index-23RJrN0D.js +1 -0
- package/dist/{index-CQyLvMJP.js → index-BHi0wohR.js} +23 -23
- package/dist/index-BJAZgeHL.mjs +11 -0
- package/dist/index-BJzGkA7x.js +1 -0
- package/dist/index-BLom3M2B.js +2 -0
- package/dist/index-BNGGwOCo.mjs +11 -0
- package/dist/index-BQtDgQBH.mjs +11 -0
- package/dist/{index-BZmKn5VO.mjs → index-BYdkhqH4.mjs} +14 -11
- package/dist/{index-DCOLdphy.mjs → index-CDjY0N2Z.mjs} +11 -11
- package/dist/index-CExLVjET.mjs +26 -0
- package/dist/{index-C_r0bVmL.js → index-CUtaVckz.js} +1 -1
- package/dist/{index-BxWjuyQw.js → index-CxDKPhvU.js} +1 -1
- package/dist/index-D4H6DSEx.mjs +133 -0
- package/dist/index-D6MJAN7T.js +1 -0
- package/dist/index-DEJJvyGk.mjs +66 -0
- package/dist/index-DTx8atxB.js +1 -0
- package/dist/index-Db47iJVz.js +1 -0
- package/dist/{index-DRa_xux4.mjs → index-RUkz9Z2V.mjs} +27 -53
- package/dist/index-SbQUT2mU.mjs +639 -0
- package/dist/index-_wqLxu7x.js +1 -0
- package/dist/index-gts_19_n.js +1 -0
- package/dist/{index-CQ1IPLlk.mjs → index-u1oHKa7X.mjs} +13 -61
- package/dist/{radio-group-29lMl-2M.mjs → radio-group-CGC6DTFJ.mjs} +14 -14
- package/dist/theme.js +18 -0
- package/dist/theme.mjs +1649 -0
- package/dist/types/components/Alert/styles.d.ts +2 -2
- package/dist/types/components/Avatar/styles.d.ts +2 -2
- package/dist/types/components/Badge/styles.d.ts +1 -1
- package/dist/types/components/Button/theme.d.ts +1 -1
- package/dist/types/components/Card/Cover.styles.d.ts +1 -1
- package/dist/types/components/Checkbox/index.d.ts +1 -1
- package/dist/types/components/ClearButton/styles.d.ts +1 -1
- package/dist/types/components/CloseButton/styles.d.ts +1 -1
- package/dist/types/components/DateTimePickerCommon/CustomInput.d.ts +1 -1
- package/dist/types/components/Drawer/index.d.ts +2 -2
- package/dist/types/components/Drawer/styles.d.ts +1 -1
- package/dist/types/components/DropdownMenu/index.d.ts +1 -1
- package/dist/types/components/DropdownMenu/styles.d.ts +1 -1
- package/dist/types/components/Field/index.d.ts +1 -1
- package/dist/types/components/Field/styles.d.ts +1 -1
- package/dist/types/components/FileDrop/FilePreview.d.ts +1 -1
- package/dist/types/components/FileDrop/index.d.ts +1 -1
- package/dist/types/components/FileUpload/index.d.ts +1 -1
- package/dist/types/components/Icon/styles.d.ts +1 -1
- package/dist/types/components/IconsFont/_hash.d.ts +1 -0
- package/dist/types/components/{IconFont → IconsFont}/index.d.ts +4 -4
- package/dist/types/components/InputText/index.d.ts +1 -1
- package/dist/types/components/Logo/index.d.ts +1 -1
- package/dist/types/components/Modal/Assets/index.d.ts +4 -4
- package/dist/types/components/Modal/Assets/styles.d.ts +2 -2
- package/dist/types/components/Modal/index.d.ts +4 -4
- package/dist/types/components/Modal/styles.d.ts +2 -2
- package/dist/types/components/Popover/Popover.d.ts +1 -1
- package/dist/types/components/Popover/PopoverHover.d.ts +1 -1
- package/dist/types/components/Popover/Trigger.d.ts +1 -1
- package/dist/types/components/Radio/index.d.ts +1 -1
- package/dist/types/components/RadioTab/index.d.ts +1 -1
- package/dist/types/components/Search/index.d.ts +1 -1
- package/dist/types/components/Select/index.d.ts +2 -2
- package/dist/types/components/Shape/styles.d.ts +1 -1
- package/dist/types/components/Slider/Range.d.ts +1 -1
- package/dist/types/components/Slider/index.d.ts +1 -1
- package/dist/types/components/Slider/styles.d.ts +5 -5
- package/dist/types/components/Tabs/TabList.d.ts +1 -1
- package/dist/types/components/Tabs/TabPanel.d.ts +1 -1
- package/dist/types/components/Tag/index.d.ts +1 -1
- package/dist/types/components/Tag/styles.d.ts +1 -1
- package/dist/types/components/Tag/theme.d.ts +1 -1
- package/dist/types/components/Textarea/index.d.ts +1 -1
- package/dist/types/components/Toast/index.d.ts +3 -3
- package/dist/types/components/Toast/styles.d.ts +8 -8
- package/dist/types/utils/index.d.ts +2 -0
- package/dist/utils.js +1 -0
- package/dist/utils.mjs +81 -0
- package/package.json +52 -67
- package/dist/CustomInput-CHhz-wtr.js +0 -1064
- package/dist/CustomInput-DsJYqH0X.mjs +0 -1272
- package/dist/MTZPJQMC-C9lHSyrL.mjs +0 -13
- package/dist/VEVQD5MH-DOp_qaPw.mjs +0 -20
- package/dist/Welcome-BNr4uu5n.mjs +0 -48
- package/dist/Welcome-Dw9OaREs.js +0 -3
- package/dist/X5NMLKT6-DGZEtYXj.mjs +0 -25
- package/dist/index-B8roHPE-.js +0 -64
- package/dist/index-BFQbRuqA.mjs +0 -165
- package/dist/index-BjGfAqCk.mjs +0 -209
- package/dist/index-Bn9aiaUQ.mjs +0 -193
- package/dist/index-CiYwvMF0.js +0 -8
- package/dist/index-Cjf3wLkx.mjs +0 -272
- package/dist/index-CmBs24Im.mjs +0 -413
- package/dist/index-D3Tnfi3U.mjs +0 -83
- package/dist/index-DG7ovxHW.js +0 -117
- package/dist/index-DHCyCfRv.js +0 -35
- package/dist/index-DSZG0Sqy.js +0 -54
- package/dist/index-DhF591OM.js +0 -42
- package/dist/index-gPtu0TOV.js +0 -1
- package/dist/types/components/index.d.ts +0 -61
- package/dist/types/index.d.ts +0 -3
- package/dist/usePopover-AbS2gpZq.mjs +0 -144
- package/dist/usePopover-CzPtX0h_.js +0 -31
- package/dist/types/components/{IconFont → IconsFont}/styles.d.ts +1 -1
package/dist/Shape.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("@xstyled/styled-components"),r=require("./get-max-width-height-CDLBnp_J.js"),d=require("./Box.js"),l=require("./System.js"),h=(t,e,i)=>s.css`
|
|
2
2
|
width: ${r.getMax(t,e)};
|
|
3
3
|
height: ${r.getMax(t,e)};
|
|
4
4
|
border-radius: ${i==="circle"&&"50%"};
|
|
5
|
-
`,u=s(
|
|
5
|
+
`,u=s(d.Box)(({h:t,shape:e,w:i})=>s.css`
|
|
6
6
|
position: relative;
|
|
7
7
|
overflow: hidden;
|
|
8
8
|
display: flex;
|
|
@@ -20,4 +20,4 @@
|
|
|
20
20
|
|
|
21
21
|
/* we must override shapeStyles (let this line under ${s.system}) */
|
|
22
22
|
${e&&h(i,t,e)}
|
|
23
|
-
`),o=
|
|
23
|
+
`),o=l.forwardRef(({children:t,dataTestId:e,shape:i,...c},n)=>a.createElement(u,{"data-testid":e,ref:n,shape:i,...c},t));o.displayName="Shape";exports.Shape=o;
|
package/dist/Shape.mjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import l from "react";
|
|
3
|
-
import {
|
|
4
|
-
import n, { css as s, system as o } from "@xstyled/styled-components";
|
|
3
|
+
import m, { css as s, system as o } from "@xstyled/styled-components";
|
|
5
4
|
import { g as r } from "./get-max-width-height-DoUro2T7.mjs";
|
|
6
|
-
import { Box as
|
|
5
|
+
import { Box as n } from "./Box.mjs";
|
|
6
|
+
import { forwardRef as c } from "./System.mjs";
|
|
7
7
|
const f = (t, e, i) => s`
|
|
8
8
|
width: ${r(t, e)};
|
|
9
9
|
height: ${r(t, e)};
|
|
10
10
|
border-radius: ${i === "circle" && "50%"};
|
|
11
|
-
`, p = n
|
|
11
|
+
`, p = m(n)(
|
|
12
12
|
({ h: t, shape: e, w: i }) => s`
|
|
13
13
|
position: relative;
|
|
14
14
|
overflow: hidden;
|
|
@@ -28,7 +28,7 @@ const f = (t, e, i) => s`
|
|
|
28
28
|
/* we must override shapeStyles (let this line under ${o}) */
|
|
29
29
|
${e && f(i, t, e)}
|
|
30
30
|
`
|
|
31
|
-
), h =
|
|
31
|
+
), h = c(
|
|
32
32
|
({ children: t, dataTestId: e, shape: i, ...a }, d) => /* @__PURE__ */ l.createElement(p, { "data-testid": e, ref: d, shape: i, ...a }, t)
|
|
33
33
|
);
|
|
34
34
|
h.displayName = "Shape";
|
package/dist/Slider.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("@xstyled/styled-components"),p=require("./Box.js"),F=require("./Hint.js"),Y=require("./Text.js"),P=require("./InputText.js"),Z=require("./System.js"),H=n.css`
|
|
2
2
|
appearance: none;
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
height: 20;
|
package/dist/Slider.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import r, { useState as D, useRef as S, useCallback as ne, useEffect as F } from "react";
|
|
3
|
+
import R, { css as b, th as s } from "@xstyled/styled-components";
|
|
4
|
+
import { Box as $ } from "./Box.mjs";
|
|
5
|
+
import { Hint as X } from "./Hint.mjs";
|
|
3
6
|
import { Text as re } from "./Text.mjs";
|
|
4
7
|
import { InputText as O } from "./InputText.mjs";
|
|
5
8
|
import { forwardRef as le } from "./System.mjs";
|
|
6
|
-
import { Box as $ } from "./Box.mjs";
|
|
7
|
-
import { Hint as X } from "./Hint.mjs";
|
|
8
|
-
import R, { css as b, th as s } from "@xstyled/styled-components";
|
|
9
9
|
const W = b`
|
|
10
10
|
appearance: none;
|
|
11
11
|
cursor: pointer;
|
package/dist/Swiper.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),z=require("./_commonjsHelpers-DvH0V_XJ.js"),c=require("@xstyled/styled-components"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),z=require("./_commonjsHelpers-DvH0V_XJ.js"),c=require("@xstyled/styled-components"),ot=require("./use-viewport-BDDjd1nl.js"),st=require("./Button.js"),K=require("./IconsFont.js");var at="Expected a function",X=NaN,lt="[object Symbol]",ct=/^\s+|\s+$/g,ut=/^[-+]0x[0-9a-f]+$/i,dt=/^0b[01]+$/i,ft=/^0o[0-7]+$/i,ht=parseInt,gt=typeof z.commonjsGlobal=="object"&&z.commonjsGlobal&&z.commonjsGlobal.Object===Object&&z.commonjsGlobal,mt=typeof self=="object"&&self&&self.Object===Object&&self,pt=gt||mt||Function("return this")(),wt=Object.prototype,bt=wt.toString,yt=Math.max,$t=Math.min,_=function(){return pt.Date.now()};function St(t,e,n){var s,r,a,d,l,y,m=0,A=!1,S=!1,R=!0;if(typeof t!="function")throw new TypeError(at);e=J(e)||0,D(n)&&(A=!!n.leading,S="maxWait"in n,a=S?yt(J(n.maxWait)||0,e):a,R="trailing"in n?!!n.trailing:R);function f(i){var g=s,P=r;return s=r=void 0,m=i,d=t.apply(P,g),d}function I(i){return m=i,l=setTimeout(b,e),A?f(i):d}function v(i){var g=i-y,P=i-m,W=e-g;return S?$t(W,a-P):W}function k(i){var g=i-y,P=i-m;return y===void 0||g>=e||g<0||S&&P>=a}function b(){var i=_();if(k(i))return T(i);l=setTimeout(b,v(i))}function T(i){return l=void 0,R&&s?f(i):(s=r=void 0,d)}function O(){l!==void 0&&clearTimeout(l),m=0,s=y=r=l=void 0}function M(){return l===void 0?d:T(_())}function p(){var i=_(),g=k(i);if(s=arguments,r=this,y=i,g){if(l===void 0)return I(y);if(S)return l=setTimeout(b,e),f(y)}return l===void 0&&(l=setTimeout(b,e)),d}return p.cancel=O,p.flush=M,p}function D(t){var e=typeof t;return!!t&&(e=="object"||e=="function")}function vt(t){return!!t&&typeof t=="object"}function xt(t){return typeof t=="symbol"||vt(t)&&bt.call(t)==lt}function J(t){if(typeof t=="number")return t;if(xt(t))return X;if(D(t)){var e=typeof t.valueOf=="function"?t.valueOf():t;t=D(e)?e+"":e}if(typeof t!="string")return t===0?t:+t;t=t.replace(ct,"");var n=dt.test(t);return n||ft.test(t)?ht(t.slice(2),n?2:8):ut.test(t)?X:+t}var Pt=St;const Et=z.getDefaultExportFromCjs(Pt),Rt=(t,e)=>{const n=o.useRef();o.useEffect(()=>{n.current=t},[t]),o.useEffect(()=>{function s(){n.current()}if(e!==null){const r=setInterval(s,e);return()=>clearInterval(r)}},[e])},x=(t=3,e,n)=>{if(e===0)return`${100/t}%`;const r=n(e*(t===1?4:2));return`calc(${100/t}% - ${r})`},Y=c.div`
|
|
2
2
|
overflow-y: hidden;
|
|
3
3
|
position: relative;
|
|
4
4
|
width: 100%;
|
|
@@ -138,4 +138,4 @@
|
|
|
138
138
|
}
|
|
139
139
|
`}
|
|
140
140
|
}
|
|
141
|
-
`),Ct=(t={})=>{const{autoplay:e=!1,centeredSlides:n=!1,duration:s=5e3,firstSlideToShow:r=0,fullWidth:a=!1,id:d="swiper",loop:l=!1,navigationSize:y="md",slidesPerView:m={mobile:1,tablet:1,desktop:1},spaceBetween:A=20,withDarkUI:S=!1,withNavigation:R={mobile:!0,desktop:!0},withPagination:f={mobile:!1,desktop:!1}}=t,I=l||e,{width:v}=ot.useViewportSize(),[k,b]=o.useState(0),[T,O]=o.useState(!1),[M,p]=o.useState(!1),i=o.useRef(),{screens:g}=c.useTheme(),P=o.useMemo(()=>v<=g.md?m.mobile:v<=g.lg?m.tablet:v>=g["4xl"]&&a?m.desktop+2:m.desktop,[a,v,g,m]);return{centeredSlides:n,firstSlideToShow:r,currentSlidesPerView:P,currentPage:k,setCurrentPage:b,fullWidth:a,id:d,navigationSize:y,slidesPerView:m,spaceBetween:A,withNavigation:R,withPagination:f,autoplay:e,shouldLoop:I,duration:s,withDarkUI:S,ref:i,setShowLeftArrow:O,setShowRightArrow:p,showLeftArrow:T,showRightArrow:M}},Z=({children:t,dataTestId:e,store:n,...s})=>{const{autoplay:r,centeredSlides:a,currentPage:d,currentSlidesPerView:l,duration:y,firstSlideToShow:m,fullWidth:A,id:S,navigationSize:R,ref:f,setCurrentPage:I,setShowLeftArrow:v,setShowRightArrow:k,shouldLoop:b,showLeftArrow:T,showRightArrow:O,slidesPerView:M,spaceBetween:p,withDarkUI:i,withNavigation:g,withPagination:P}=n,W=o.Children.toArray(t).length,H=Math.ceil(W/l),C=Array.from(Array(H).keys()),U=d===0,q=d===C.length-1,tt=o.Children.map(t,(w,u)=>{const h=`${S}-${u}`,$=u+1,L=Math.ceil($/l)-1,E=q?W-$>=l:L!==d;return o.cloneElement(w,{...w.props,id:h,key:h,"aria-hidden":E,"aria-roledescription":"slide","aria-label":`${$} of ${W}`})}),et=a?Math.floor(H/2):Math.ceil(m/l)-1,G=o.useCallback(()=>{const w=f==null?void 0:f.current;if(w&&!b){const{offsetWidth:u,scrollLeft:h,scrollWidth:$}=w,L=!(h>p),E=!($-(h+u)>p);v(!L),k(!E)}else v(!0),k(!0)},[f,v,k,b,p]),nt=()=>{var u,h;const w=f==null?void 0:f.current;if(w){const{children:$,offsetWidth:L,scrollLeft:E,scrollWidth:N}=w,rt=(h=(u=$==null?void 0:$[0])==null?void 0:u.getBoundingClientRect())==null?void 0:h.width,B=!(N-(E+L)>p)?C.length-1:Math.round(E/((rt+p)*l));B!==d&&I(B)}},it=Et(()=>{G(),nt()},100),j=o.useCallback((w,u=!1)=>{var L,E,N;const h=f==null?void 0:f.current,$=(N=(E=(L=h==null?void 0:h.children)==null?void 0:L[0])==null?void 0:E.getBoundingClientRect())==null?void 0:N.width;h==null||h.scrollTo({left:w*($+p)*l,top:0,behavior:u?"auto":"smooth"})},[l,p,f]),F=o.useCallback(()=>{j(b&&q?0:d+1)},[d,j,q,b]),V=o.useCallback(()=>{j(U&&b?C.length-1:d-1)},[C.length,d,j,U,b]);return Rt(()=>{r&&F()},r?y:null),o.useEffect(()=>{const w=u=>{u.code==="ArrowLeft"&&V(),u.code==="ArrowRight"&&F()};return window.addEventListener("keydown",w),()=>window.removeEventListener("keydown",w)},[V,F]),o.useEffect(()=>{j(et,!0)},[]),o.useEffect(()=>{G()},[G,t]),o.createElement(Y,{"data-testid":e,...s},o.createElement(Lt,{fullWidth:A,onScroll:it,ref:f,slidesPerView:M,spaceBetween:p},tt),o.createElement(Q,{"data-testid":e&&`${e}-prev-button`,disabled:!T,left:10,onClick:V,position:"absolute",shape:"circle",size:R,variant:i?"secondary":"ghost",withDarkUI:i,withNavigation:g},o.createElement(K.
|
|
141
|
+
`),Ct=(t={})=>{const{autoplay:e=!1,centeredSlides:n=!1,duration:s=5e3,firstSlideToShow:r=0,fullWidth:a=!1,id:d="swiper",loop:l=!1,navigationSize:y="md",slidesPerView:m={mobile:1,tablet:1,desktop:1},spaceBetween:A=20,withDarkUI:S=!1,withNavigation:R={mobile:!0,desktop:!0},withPagination:f={mobile:!1,desktop:!1}}=t,I=l||e,{width:v}=ot.useViewportSize(),[k,b]=o.useState(0),[T,O]=o.useState(!1),[M,p]=o.useState(!1),i=o.useRef(),{screens:g}=c.useTheme(),P=o.useMemo(()=>v<=g.md?m.mobile:v<=g.lg?m.tablet:v>=g["4xl"]&&a?m.desktop+2:m.desktop,[a,v,g,m]);return{centeredSlides:n,firstSlideToShow:r,currentSlidesPerView:P,currentPage:k,setCurrentPage:b,fullWidth:a,id:d,navigationSize:y,slidesPerView:m,spaceBetween:A,withNavigation:R,withPagination:f,autoplay:e,shouldLoop:I,duration:s,withDarkUI:S,ref:i,setShowLeftArrow:O,setShowRightArrow:p,showLeftArrow:T,showRightArrow:M}},Z=({children:t,dataTestId:e,store:n,...s})=>{const{autoplay:r,centeredSlides:a,currentPage:d,currentSlidesPerView:l,duration:y,firstSlideToShow:m,fullWidth:A,id:S,navigationSize:R,ref:f,setCurrentPage:I,setShowLeftArrow:v,setShowRightArrow:k,shouldLoop:b,showLeftArrow:T,showRightArrow:O,slidesPerView:M,spaceBetween:p,withDarkUI:i,withNavigation:g,withPagination:P}=n,W=o.Children.toArray(t).length,H=Math.ceil(W/l),C=Array.from(Array(H).keys()),U=d===0,q=d===C.length-1,tt=o.Children.map(t,(w,u)=>{const h=`${S}-${u}`,$=u+1,L=Math.ceil($/l)-1,E=q?W-$>=l:L!==d;return o.cloneElement(w,{...w.props,id:h,key:h,"aria-hidden":E,"aria-roledescription":"slide","aria-label":`${$} of ${W}`})}),et=a?Math.floor(H/2):Math.ceil(m/l)-1,G=o.useCallback(()=>{const w=f==null?void 0:f.current;if(w&&!b){const{offsetWidth:u,scrollLeft:h,scrollWidth:$}=w,L=!(h>p),E=!($-(h+u)>p);v(!L),k(!E)}else v(!0),k(!0)},[f,v,k,b,p]),nt=()=>{var u,h;const w=f==null?void 0:f.current;if(w){const{children:$,offsetWidth:L,scrollLeft:E,scrollWidth:N}=w,rt=(h=(u=$==null?void 0:$[0])==null?void 0:u.getBoundingClientRect())==null?void 0:h.width,B=!(N-(E+L)>p)?C.length-1:Math.round(E/((rt+p)*l));B!==d&&I(B)}},it=Et(()=>{G(),nt()},100),j=o.useCallback((w,u=!1)=>{var L,E,N;const h=f==null?void 0:f.current,$=(N=(E=(L=h==null?void 0:h.children)==null?void 0:L[0])==null?void 0:E.getBoundingClientRect())==null?void 0:N.width;h==null||h.scrollTo({left:w*($+p)*l,top:0,behavior:u?"auto":"smooth"})},[l,p,f]),F=o.useCallback(()=>{j(b&&q?0:d+1)},[d,j,q,b]),V=o.useCallback(()=>{j(U&&b?C.length-1:d-1)},[C.length,d,j,U,b]);return Rt(()=>{r&&F()},r?y:null),o.useEffect(()=>{const w=u=>{u.code==="ArrowLeft"&&V(),u.code==="ArrowRight"&&F()};return window.addEventListener("keydown",w),()=>window.removeEventListener("keydown",w)},[V,F]),o.useEffect(()=>{j(et,!0)},[]),o.useEffect(()=>{G()},[G,t]),o.createElement(Y,{"data-testid":e,...s},o.createElement(Lt,{fullWidth:A,onScroll:it,ref:f,slidesPerView:M,spaceBetween:p},tt),o.createElement(Q,{"data-testid":e&&`${e}-prev-button`,disabled:!T,left:10,onClick:V,position:"absolute",shape:"circle",size:R,variant:i?"secondary":"ghost",withDarkUI:i,withNavigation:g},o.createElement(K.IconsFont.Left,null)),o.createElement(Q,{"data-testid":e&&`${e}-next-button`,disabled:!O,onClick:F,position:"absolute",right:10,shape:"circle",size:R,variant:i?"secondary":"ghost",withDarkUI:i,withNavigation:g},o.createElement(K.IconsFont.Right,null)),o.createElement(kt,{className:"swiper-pagination","data-testid":e&&`${e}-pagination`,role:"tablist",withPagination:P},C.length>1&&C.map((w,u)=>{const h={idx:u,role:"tab","aria-controls":`${S}-${u}`,"aria-label":`${u+1} of ${C.length}`,"aria-selected":u===d,onClick:()=>j(u)};return o.createElement(jt,{active:u===d,key:`bullet-${u+1}`,withDarkUI:i,...h})})))};Z.displayName="Swiper";const At=Y;exports.StyledSwiper=At;exports.Swiper=Z;exports.useSwiper=Ct;
|
package/dist/Swiper.mjs
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import A, { useRef as rt, useEffect as M, useState as K, useMemo as ft, Children as Y, cloneElement as ht, useCallback as D } from "react";
|
|
3
3
|
import { c as V, g as gt } from "./_commonjsHelpers-CXJ7dpIk.mjs";
|
|
4
4
|
import N, { system as ot, css as y, th as Z, useTheme as mt } from "@xstyled/styled-components";
|
|
5
|
-
import { IconFont as tt } from "./IconFont.mjs";
|
|
6
5
|
import { u as pt } from "./use-viewport-m3glsbna.mjs";
|
|
7
6
|
import { Button as wt } from "./Button.mjs";
|
|
7
|
+
import { IconsFont as tt } from "./IconsFont.mjs";
|
|
8
8
|
var $t = "Expected a function", et = NaN, yt = "[object Symbol]", bt = /^\s+|\s+$/g, vt = /^[-+]0x[0-9a-f]+$/i, St = /^0b[01]+$/i, xt = /^0o[0-7]+$/i, Pt = parseInt, Rt = typeof V == "object" && V && V.Object === Object && V, Lt = typeof self == "object" && self && self.Object === Object && self, kt = Rt || Lt || Function("return this")(), Et = Object.prototype, At = Et.toString, jt = Math.max, Ct = Math.min, X = function() {
|
|
9
9
|
return kt.Date.now();
|
|
10
10
|
};
|
package/dist/Table.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),t=require("@xstyled/styled-components"),n=require("./System.js"),c=t.divBox(({indent:e})=>t.css`
|
|
2
2
|
overflow: hidden;
|
|
3
3
|
width: 100%;
|
|
4
4
|
|
package/dist/Table.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import o from "react";
|
|
3
|
-
import { forwardRef as c } from "./System.mjs";
|
|
4
3
|
import t, { css as a, th as l } from "@xstyled/styled-components";
|
|
4
|
+
import { forwardRef as c } from "./System.mjs";
|
|
5
5
|
const h = t.divBox(
|
|
6
6
|
({ indent: e }) => a`
|
|
7
7
|
overflow: hidden;
|
package/dist/Tabs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),Q=require("./use-viewport-BDDjd1nl.js"),U=require("./use-isomorphic-layout-effect-C1_Gy5Nu.js"),p=require("@xstyled/styled-components"),y=require("./P2CTZE2T-q8vyaGc0.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),k=require("./ITI7HKP4-BPa8qpnl.js"),A=require("./VGCJ63VH-BNLwLOaC.js"),d=require("./YV4JVR4I-DIthYWMj.js"),j=require("./System.js"),Z=require("./VEVQD5MH-mN1wMozH.js"),q=require("./MTZPJQMC-5Xg78Uyy.js");var G=e.createStoreContext([q.PopoverContextProvider,y.CompositeContextProvider],[q.PopoverScopedContextProvider,y.CompositeScopedContextProvider]),X=G.useContext;m.createContext(!1);m.createContext(null);function ee(s={}){var n=s,{composite:o,combobox:t}=n,r=e.__objRest$1(n,["composite","combobox"]);const a=["items","renderedItems","moves","orientation","virtualFocus","includesBaseElement","baseElement","focusLoop","focusShift","focusWrap"],v=d.mergeStore(r.store,d.omit2(o,a),d.omit2(t,a)),u=v==null?void 0:v.getState(),f=k.createCompositeStore(e.__spreadProps$1(e.__spreadValues$1({},r),{store:v,includesBaseElement:e.defaultValue(r.includesBaseElement,u==null?void 0:u.includesBaseElement,!1),orientation:e.defaultValue(r.orientation,u==null?void 0:u.orientation,"horizontal"),focusLoop:e.defaultValue(r.focusLoop,u==null?void 0:u.focusLoop,!0)})),i=k.createCollectionStore(),g=e.__spreadProps$1(e.__spreadValues$1({},f.getState()),{selectedId:e.defaultValue(r.selectedId,u==null?void 0:u.selectedId,r.defaultSelectedId),selectOnMove:e.defaultValue(r.selectOnMove,u==null?void 0:u.selectOnMove,!0)}),c=d.createStore(g,f,v);d.setup(c,()=>d.sync(c,["moves"],()=>{const{activeId:b,selectOnMove:I}=c.getState();if(!I||!b)return;const h=f.item(b);h&&(h.dimmed||h.disabled||c.setState("selectedId",h.id))}));let S=!0;d.setup(c,()=>d.batch(c,["selectedId"],(b,I)=>{if(!S){S=!0;return}o&&b.selectedId===I.selectedId||c.setState("activeId",b.selectedId)})),d.setup(c,()=>d.sync(c,["selectedId","renderedItems"],b=>{if(b.selectedId!==void 0)return;const{activeId:I,renderedItems:h}=c.getState(),x=f.item(I);if(x&&!x.disabled&&!x.dimmed)c.setState("selectedId",x.id);else{const E=h.find(T=>!T.disabled&&!T.dimmed);c.setState("selectedId",E==null?void 0:E.id)}})),d.setup(c,()=>d.sync(c,["renderedItems"],b=>{const I=b.renderedItems;if(I.length)return d.sync(i,["renderedItems"],h=>{const x=h.renderedItems;x.some(T=>!T.tabId)&&x.forEach((T,R)=>{if(T.tabId)return;const L=I[R];L&&i.renderItem(e.__spreadProps$1(e.__spreadValues$1({},T),{tabId:L.id}))})})}));let P=null;return d.setup(c,()=>{const b=()=>{P=c.getState().selectedId},I=()=>{S=!1,c.setState("selectedId",P)};if(o&&"setSelectElement"in o)return e.chain(d.sync(o,["value"],b),d.sync(o,["mounted"],I));if(t)return e.chain(d.sync(t,["selectedValue"],b),d.sync(t,["mounted"],I))}),e.__spreadProps$1(e.__spreadValues$1(e.__spreadValues$1({},f),c),{panels:i,setSelectedId:b=>c.setState("selectedId",b),select:b=>{c.setState("selectedId",b),f.move(b)}})}function te(s,n,o){e.useUpdateEffect(n,[o.composite,o.combobox]),s=k.useCompositeStoreProps(s,n,o),d.useStoreProps(s,o,"selectedId","setSelectedId"),d.useStoreProps(s,o,"selectOnMove");const[t,r]=d.useStore(()=>s.panels,{});return e.useUpdateEffect(r,[s,r]),Object.assign(m.useMemo(()=>e.__spreadProps(e.__spreadValues({},s),{panels:t}),[s,t]),{composite:o.composite,combobox:o.combobox})}function se(s={}){const n=Z.useComboboxContext(),o=X()||n;s=e.__spreadProps(e.__spreadValues({},s),{composite:s.composite!==void 0?s.composite:o,combobox:s.combobox!==void 0?s.combobox:n});const[t,r]=d.useStore(ee,s);return te(t,r,s)}var B=e.createStoreContext([y.CompositeContextProvider],[y.CompositeScopedContextProvider]),ne=B.useScopedContext,H=B.useProviderContext,F=B.ScopedContextProvider,oe="button",re=e.createHook(function(n){var o=n,{store:t,getItem:r}=o,a=e.__objRest(o,["store","getItem"]),v;const u=ne();t=t||u,e.invariant(t,process.env.NODE_ENV!=="production"&&"Tab must be wrapped in a TabList component.");const f=e.useId(),i=a.id||f,g=e.disabledFromProps(a),c=m.useCallback(_=>{const $=e.__spreadProps(e.__spreadValues({},_),{dimmed:g});return r?r($):$},[g,r]),S=a.onClick,P=e.useEvent(_=>{S==null||S(_),!_.defaultPrevented&&(t==null||t.setSelectedId(i))}),b=t.panels.useState(_=>{var $;return($=_.items.find(l=>l.tabId===i))==null?void 0:$.id}),I=f?a.shouldRegisterItem:!1,h=t.useState(_=>!!i&&_.activeId===i),x=t.useState(_=>!!i&&_.selectedId===i),E=t.useState(_=>!!t.item(_.activeId)),T=h||x&&!E,R=x||((v=a.accessibleWhenDisabled)!=null?v:!0);if(d.useStoreState(t.combobox||t.composite,"virtualFocus")&&(a=e.__spreadProps(e.__spreadValues({},a),{tabIndex:-1})),a=e.__spreadProps(e.__spreadValues({id:i,role:"tab","aria-selected":x,"aria-controls":b||void 0},a),{onClick:P}),t.composite){const _={id:i,accessibleWhenDisabled:R,store:t.composite,shouldRegisterItem:T&&I,rowId:a.rowId,render:a.render};a=e.__spreadProps(e.__spreadValues({},a),{render:e.jsxRuntimeExports.jsx(y.CompositeItem,e.__spreadProps(e.__spreadValues({},_),{render:t.combobox&&t.composite!==t.combobox?e.jsxRuntimeExports.jsx(y.CompositeItem,e.__spreadProps(e.__spreadValues({},_),{store:t.combobox})):_.render}))})}return a=y.useCompositeItem(e.__spreadProps(e.__spreadValues({store:t},a),{accessibleWhenDisabled:R,getItem:c,shouldRegisterItem:I})),a}),ae=e.memo2(e.forwardRef2(function(n){const o=re(n);return e.createElement(oe,o)})),ie="div",ce=e.createHook(function(n){var o=n,{store:t}=o,r=e.__objRest(o,["store"]);const a=H();t=t||a,e.invariant(t,process.env.NODE_ENV!=="production"&&"TabList must receive a `store` prop or be wrapped in a TabProvider component.");const v=t.useState(u=>u.orientation==="both"?void 0:u.orientation);return r=e.useWrapElement(r,u=>e.jsxRuntimeExports.jsx(F,{value:t,children:u}),[t]),t.composite&&(r=e.__spreadValues({focusable:!1},r)),r=e.__spreadValues({role:"tablist","aria-orientation":v},r),r=k.useComposite(e.__spreadValues({store:t},r)),r}),ue=e.forwardRef2(function(n){const o=ce(n);return e.createElement(ie,o)}),le="div",de=e.createHook(function(n){var o=n,{store:t,unmountOnHide:r,tabId:a,getItem:v,scrollRestoration:u,scrollElement:f}=o,i=e.__objRest(o,["store","unmountOnHide","tabId","getItem","scrollRestoration","scrollElement"]);const g=H();t=t||g,e.invariant(t,process.env.NODE_ENV!=="production"&&"TabPanel must receive a `store` prop or be wrapped in a TabProvider component.");const c=m.useRef(null),S=e.useId(i.id),P=d.useStoreState(t.panels,()=>{var l;return a||((l=t==null?void 0:t.panels.item(S))==null?void 0:l.tabId)}),b=d.useStoreState(t,l=>!!P&&l.selectedId===P),I=A.useDisclosureStore({open:b}),h=d.useStoreState(I,"mounted"),x=m.useRef(new Map),E=e.useEvent(()=>{const l=c.current;return l?f?typeof f=="function"?f(l):"current"in f?f.current:f:l:null});m.useEffect(()=>{var l,V;if(!u||!h)return;const C=E();if(!C)return;if(u==="reset"){C.scroll(0,0);return}if(!P)return;const w=x.current.get(P);C.scroll((l=w==null?void 0:w.x)!=null?l:0,(V=w==null?void 0:w.y)!=null?V:0);const N=()=>{x.current.set(P,{x:C.scrollLeft,y:C.scrollTop})};return C.addEventListener("scroll",N),()=>{C.removeEventListener("scroll",N)}},[u,h,P,E,t]);const[T,R]=m.useState(!1);m.useEffect(()=>{const l=c.current;if(!l)return;const V=e.getAllTabbableIn(l);R(!!V.length)},[]);const L=m.useCallback(l=>{const V=e.__spreadProps(e.__spreadValues({},l),{id:S||l.id,tabId:a});return v?v(V):V},[S,a,v]),_=i.onKeyDown,$=e.useEvent(l=>{if(_==null||_(l),l.defaultPrevented||!(t!=null&&t.composite))return;const C={ArrowLeft:t.previous,ArrowRight:t.next,Home:t.first,End:t.last}[l.key];if(!C)return;const{selectedId:w}=t.getState(),N=C({activeId:w});N&&(l.preventDefault(),t.move(N))});return i=e.useWrapElement(i,l=>e.jsxRuntimeExports.jsx(F,{value:t,children:l}),[t]),i=e.__spreadProps(e.__spreadValues({id:S,role:"tabpanel","aria-labelledby":P||void 0},i),{children:r&&!h?null:i.children,ref:e.useMergeRefs(c,i.ref),onKeyDown:$}),i=e.useFocusable(e.__spreadValues({focusable:!t.composite&&!T},i)),i=A.useDisclosureContent(e.__spreadValues({store:I},i)),i=y.useCollectionItem(e.__spreadProps(e.__spreadValues({store:t.panels},i),{getItem:L})),i}),pe=e.forwardRef2(function(n){const o=de(n);return e.createElement(le,o)});function M(s){var n=m.Children.toArray(s);return n.reduce(function(o,t){return t.type===m.Fragment?o.concat(M(t.props.children)):(o.push(t),o)},[])}function D(s,n){typeof s=="function"?s(n):s&&(s.current=n)}function me(s,n){return m.useMemo(()=>s==null&&n==null?null:o=>{D(s,o),D(n,o)},[s,n])}const fe=p(ue)(({size:s})=>p.css`
|
|
2
2
|
position: relative;
|
|
3
3
|
width: 100%;
|
|
4
4
|
overflow-x: auto;
|
|
@@ -61,22 +61,22 @@
|
|
|
61
61
|
}
|
|
62
62
|
`,be=p(pe)(({orientation:s})=>p.css`
|
|
63
63
|
${s==="vertical"?p.th("tabs.panel.vertical"):p.th("tabs.panel.horizontal")};
|
|
64
|
-
`),ve=({offset:s=0,size:
|
|
64
|
+
`),ve=({offset:s=0,size:n=0})=>p.css`
|
|
65
65
|
${p.th("tabs.activeBar.horizontal")};
|
|
66
66
|
left: 0;
|
|
67
67
|
bottom: 0;
|
|
68
|
-
width: ${
|
|
68
|
+
width: ${n}px;
|
|
69
69
|
transform: translateX(${s}px);
|
|
70
|
-
`,_e=({offset:s=0,size:
|
|
70
|
+
`,_e=({offset:s=0,size:n=0})=>p.css`
|
|
71
71
|
${p.th("tabs.activeBar.vertical")};
|
|
72
72
|
right: 0;
|
|
73
73
|
top: 0;
|
|
74
|
-
height: ${
|
|
74
|
+
height: ${n}px;
|
|
75
75
|
transform: translateY(${s}px);
|
|
76
|
-
`,Ie=p.span(({orientation:s,...
|
|
76
|
+
`,Ie=p.span(({orientation:s,...n})=>p.css`
|
|
77
77
|
position: absolute;
|
|
78
|
-
${s==="vertical"?_e(
|
|
78
|
+
${s==="vertical"?_e(n):ve(n)}
|
|
79
79
|
will-change: width, transform;
|
|
80
80
|
transition: medium;
|
|
81
81
|
transition-property: transform, width;
|
|
82
|
-
`),W=s=>{if(!s||typeof window>"u")return 1;const
|
|
82
|
+
`),W=s=>{if(!s||typeof window>"u")return 1;const n=Number(window.getComputedStyle(s).scale);return isNaN(n)?W(s.parentElement):n};function Se(s,n,o){const[t,r]=m.useState({}),{height:a,width:v}=Q.useViewportSize();return U.useIsomorphicLayoutEffect(()=>{const u=s.current;if(!u||!n)return;const f=u.getBoundingClientRect(),i=n.getBoundingClientRect(),g=W(u);if(o==="vertical"){const c=i.top-f.top,S=i.height;r({size:S,offset:c,orientation:o})}else{const c=(i.left-f.left+u.scrollLeft)/g,S=i.width/g;r({size:isNaN(S)?0:S,offset:isNaN(c)?0:c,orientation:o})}},[s,n,v,a,o]),t}const K=({activeTab:s,listRef:n,orientation:o})=>{const t=Se(n,s,o);return m.createElement(Ie,{...t})};K.displayName="ActiveBar";const he=M.default||M;function xe(s,n){const[o,t]=m.useState(null);return[he(n).map(a=>a.props.id===s?m.cloneElement(a,{ref:t}):a),o]}const J=j.forwardRef(({children:s,size:n="md",store:o,...t},r)=>{const a=m.useRef(),v=me(r,a),{orientation:u,selectedId:f}=o.useState(),[i,g]=xe(f,s);return m.createElement(fe,{orientation:u,ref:v,size:n,store:o,...t},i,i.length>1&&m.createElement(K,{activeTab:g,listRef:a,orientation:u}))});J.displayName="TabList";const Y=j.forwardRef(({children:s,store:n,tabId:o,...t},r)=>{const a=n.useState("orientation");return m.createElement(be,{orientation:a,ref:r,store:n,tabId:o,...t},s)});Y.displayName="TabPanel";const O=j.forwardRef(({as:s,children:n,id:o,store:t,...r},a)=>m.createElement(ae,{id:o,render:v=>m.createElement(z,{as:s,...v,ref:a}),store:t,...r},n));O.displayName="Tab";const Pe=Object.assign(O,{List:J,Panel:Y});function ge(s){return se(s)}exports.Tab=Pe;exports.TabComponent=O;exports.useTab=ge;
|