@midas-ds/components 12.1.0 → 12.1.1
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/{AccordionItem-SOfjXh3V.cjs → AccordionItem-CV9Hrare.cjs} +1 -1
- package/{AccordionItem-C9dBt-tQ.js → AccordionItem-Dd9VLdsb.js} +1 -1
- package/{Breadcrumbs-DUcHHI_2.cjs → Breadcrumbs-BQLxFZVm.cjs} +1 -1
- package/{Breadcrumbs-BAHJMPsu.js → Breadcrumbs-C6B4fyk3.js} +1 -1
- package/{Button-DYcmg49Z.js → Button-CUMHt7MG.js} +1 -1
- package/{Button-DrL5Jv-s.cjs → Button-D_tRdPW9.cjs} +1 -1
- package/Button.module-BT9wZenr.cjs +1 -0
- package/Button.module-CGIVvzVm.js +14 -0
- package/{ButtonGroup-WZZDPu9Z.js → ButtonGroup-DC8925jD.js} +1 -1
- package/{ButtonGroup-ClYTgaRc.cjs → ButtonGroup-zx-9mxbJ.cjs} +1 -1
- package/CHANGELOG.md +17 -0
- package/Card-D2UbrhDW.js +131 -0
- package/Card-UolcSL5O.cjs +1 -0
- package/{Checkbox-BtM2rFh9.js → Checkbox-DTuryJdM.js} +14 -14
- package/{Checkbox-CvdIG43J.cjs → Checkbox-dtZfsSfx.cjs} +1 -1
- package/{CheckboxGroup-CjcDYBRk.js → CheckboxGroup-BmCK0XG9.js} +2 -2
- package/{CheckboxGroup-C94as9Xt.cjs → CheckboxGroup-DbmYdQEv.cjs} +1 -1
- package/{ColorSchemeSwitch-C4PMYeD5.js → ColorSchemeSwitch-CgZfgCG4.js} +1 -1
- package/{ColorSchemeSwitch-CKcoGZM1.cjs → ColorSchemeSwitch-D5juAHPc.cjs} +1 -1
- package/{ComboBox-BWXJZyOR.js → ComboBox-Cl6jBB-8.js} +85 -85
- package/{ComboBox-B2EmfOyr.cjs → ComboBox-CvD0t2T2.cjs} +1 -1
- package/{DateField-CcQJYDLD.js → DateField-D2IqGDL5.js} +2 -2
- package/{DateField-IpCiF81R.cjs → DateField-DJAQH95Q.cjs} +1 -1
- package/{DateInputDivider-Cf5GZHlM.cjs → DateInputDivider-BnSo_Aox.cjs} +1 -1
- package/{DateInputDivider-CXkUdlzc.js → DateInputDivider-LxS0Kw1H.js} +2 -2
- package/{DateRangePicker-B2BJO1KC.js → DateRangePicker-CNPXbRqx.js} +4 -4
- package/{DateRangePicker-Dfwe9RhJ.cjs → DateRangePicker-CljQy8oD.cjs} +2 -2
- package/{Dialog-P3frHOdq.js → Dialog-COpVrq8B.js} +21 -21
- package/{Dialog-DgJobm71.cjs → Dialog-doGnVsJJ.cjs} +1 -1
- package/{Dropdown-DJ2vWAqk.cjs → Dropdown-C_W6Sizy.cjs} +1 -1
- package/{Dropdown-CIvWpN3v.js → Dropdown-DbeUiGYo.js} +1 -1
- package/{Grid-s8ovKDi8.js → Grid-BmX6arAO.js} +1 -1
- package/{Grid-WbEkSCGh.cjs → Grid-Bn1bCTH8.cjs} +1 -1
- package/GridItem-BtO9kCX9.js +237 -0
- package/GridItem-luVsL9lu.cjs +1 -0
- package/{InfoBanner-CrA8MS3v.js → InfoBanner-CgmPdsH8.js} +1 -1
- package/{InfoBanner-CqjnTYaa.cjs → InfoBanner-Y-f3hKVR.cjs} +1 -1
- package/{Label-BG7G0iyG.js → Label-C5TNJ0Ku.js} +1 -1
- package/{Label-C00qz3kQ.cjs → Label-Dp85Vue3.cjs} +1 -1
- package/{Layout-Bta_Cpq_.cjs → Layout-Bxd0-ao3.cjs} +2 -2
- package/{Layout-CG-Qxr_1.js → Layout-CcXu63hP.js} +133 -133
- package/Link-ePZ3nrAW.cjs +6 -0
- package/{Link-BtxKZ0h3.js → Link-lO-Ke97K.js} +20 -20
- package/{LinkButton-D3EnZ65v.js → LinkButton-CJyZh3BS.js} +26 -26
- package/LinkButton-Cw73pOM2.cjs +6 -0
- package/{ListBoxLoadMoreItem-Ceo73a2q.cjs → ListBoxLoadMoreItem-3jGpi90m.cjs} +1 -1
- package/{ListBoxLoadMoreItem-W11V-Lef.js → ListBoxLoadMoreItem-CIFJ3liN.js} +2 -2
- package/{ListBoxSection-BCPv9H50.js → ListBoxSection-BBY8-t3_.js} +11 -11
- package/{ListBoxSection-Dx75ZinL.cjs → ListBoxSection-BeDwnVZx.cjs} +1 -1
- package/{ProgressBar-CdXHEJh6.js → ProgressBar-BYb9d2kC.js} +1 -1
- package/{ProgressBar-CjuHokVZ.cjs → ProgressBar-CgbE08QT.cjs} +1 -1
- package/{Radio-Bll-7H8O.cjs → Radio-BagVPvJX.cjs} +1 -1
- package/{Radio-DoWx2AE1.js → Radio-C98ly9yx.js} +14 -14
- package/{RangeCalendar-D7eFVAPP.js → RangeCalendar-Bi9jc61A.js} +61 -61
- package/{RangeCalendar-A4WQIG7P.cjs → RangeCalendar-KcJooXYf.cjs} +2 -2
- package/{SearchField-BbrUZpQm.cjs → SearchField-BA-X9dzb.cjs} +2 -2
- package/{SearchField-F2FKgYds.js → SearchField-BevjTbcW.js} +46 -46
- package/{Select-Dpi3LhbI.js → Select-BECa8IyZ.js} +112 -112
- package/Select-xBp51JSl.cjs +1 -0
- package/Skeleton-Iovq135_.js +35 -0
- package/Skeleton-MaBUPqhT.cjs +1 -0
- package/{Spinner-DTKb_LAA.js → Spinner-BZ7i01Kt.js} +13 -13
- package/Spinner-DxWDMW6e.cjs +6 -0
- package/{TabList-D4WwgQY3.cjs → TabList-BMyKYLlY.cjs} +1 -1
- package/{TabList-D9tl2s85.js → TabList-C0mZgIzV.js} +45 -45
- package/{Table-C6k3PiiC.cjs → Table-BHY1uCZ0.cjs} +1 -1
- package/{Table-CkN3y69S.js → Table-DzbfeVO7.js} +1 -1
- package/{Tag-BUJ20HHw.js → Tag-BYUPXbhG.js} +1 -1
- package/{Tag-7dHEMQum.cjs → Tag-BweDKw1v.cjs} +1 -1
- package/{TextArea-h5_oBQH1.js → TextArea-CDoLq124.js} +3 -3
- package/{TextArea-BCikUXaD.cjs → TextArea-DJCtwrqV.cjs} +1 -1
- package/TextField.module-CH39P8ZE.js +13 -0
- package/TextField.module-gJ-ruFra.cjs +1 -0
- package/{Toast-DclaxvZM.cjs → Toast-BN3vRCsH.cjs} +1 -1
- package/{Toast-BBkWczCk.js → Toast-DZnQTLDr.js} +172 -174
- package/{ToggleButtonGroup-BGG64PK1.js → ToggleButtonGroup-CwHPu7w5.js} +1 -1
- package/{ToggleButtonGroup-Da330GRT.cjs → ToggleButtonGroup-DY9S3USc.cjs} +1 -1
- package/accordion/index.cjs +1 -1
- package/accordion/index.js +1 -1
- package/assets/Button.css +1 -1
- package/assets/ButtonGroup.css +1 -1
- package/assets/Card.css +1 -1
- package/assets/Checkbox.css +1 -1
- package/assets/ComboBox.css +1 -1
- package/assets/DateInputDivider.css +1 -1
- package/assets/DateRangePicker.css +1 -1
- package/assets/Dialog.css +1 -1
- package/assets/GridItem.css +1 -1
- package/assets/Layout.css +1 -1
- package/assets/Link.css +1 -1
- package/assets/LinkButton.css +1 -1
- package/assets/ListBoxSection.css +1 -1
- package/assets/Radio.css +1 -1
- package/assets/RangeCalendar.css +1 -1
- package/assets/SearchField.css +1 -1
- package/assets/Select.css +1 -1
- package/assets/Skeleton.css +1 -1
- package/assets/Spinner.css +1 -1
- package/assets/TabList.css +1 -1
- package/assets/TextField.css +1 -1
- package/assets/Toast.css +1 -1
- package/assets/variables.css +1 -1
- package/breadcrumbs/index.cjs +1 -1
- package/breadcrumbs/index.js +1 -1
- package/button/index.cjs +1 -1
- package/button/index.js +2 -2
- package/calendar/index.cjs +1 -1
- package/calendar/index.js +1 -1
- package/card/index.cjs +1 -1
- package/card/index.js +1 -1
- package/checkbox/index.cjs +1 -1
- package/checkbox/index.js +2 -2
- package/color-scheme-switch/index.cjs +1 -1
- package/color-scheme-switch/index.js +1 -1
- package/combobox/index.cjs +1 -1
- package/combobox/index.js +1 -1
- package/date-field/index.cjs +1 -1
- package/date-field/index.js +2 -2
- package/date-picker/index.cjs +1 -1
- package/date-picker/index.js +1 -1
- package/dropdown/index.cjs +1 -1
- package/dropdown/index.js +1 -1
- package/grid/index.cjs +1 -1
- package/grid/index.js +2 -2
- package/index.cjs +1 -1
- package/index.js +36 -36
- package/info-banner/index.cjs +1 -1
- package/info-banner/index.js +1 -1
- package/label/index.cjs +1 -1
- package/label/index.js +1 -1
- package/layout/index.cjs +1 -1
- package/layout/index.js +1 -1
- package/link/index.cjs +1 -1
- package/link/index.js +1 -1
- package/link-button/index.cjs +1 -1
- package/link-button/index.js +1 -1
- package/list-box/index.cjs +1 -1
- package/list-box/index.js +2 -2
- package/modal/index.cjs +1 -1
- package/modal/index.js +1 -1
- package/package.json +1 -1
- package/progress-bar/index.cjs +1 -1
- package/progress-bar/index.js +1 -1
- package/radio/index.cjs +1 -1
- package/radio/index.js +1 -1
- package/search-field/index.cjs +1 -1
- package/search-field/index.js +1 -1
- package/select/index.cjs +1 -1
- package/select/index.js +1 -1
- package/skeleton/index.cjs +1 -1
- package/skeleton/index.js +1 -1
- package/spinner/index.cjs +1 -1
- package/spinner/index.js +1 -1
- package/table/index.cjs +1 -1
- package/table/index.js +1 -1
- package/tabs/index.cjs +1 -1
- package/tabs/index.js +1 -1
- package/tag/index.cjs +1 -1
- package/tag/index.js +1 -1
- package/textfield/index.cjs +1 -1
- package/textfield/index.js +1 -1
- package/theme/generated-object.d.ts +0 -3
- package/theme/generated-tokens.d.ts +0 -3
- package/theme/index.cjs +1 -1
- package/theme/index.js +249 -297
- package/toast/index.cjs +1 -1
- package/toast/index.js +1 -1
- package/toggle-button/index.cjs +1 -1
- package/toggle-button/index.js +1 -1
- package/Button.module-BNLcvARn.cjs +0 -1
- package/Button.module-Bax2YU6N.js +0 -14
- package/Card-BDDyGAMA.js +0 -131
- package/Card-mj5lCIR4.cjs +0 -1
- package/GridItem-CIVF1fRW.cjs +0 -1
- package/GridItem-D3FZyyO-.js +0 -243
- package/Link-Bx6avHVl.cjs +0 -6
- package/LinkButton-BvXu6vAH.cjs +0 -6
- package/Select-BnbDXwgD.cjs +0 -1
- package/Skeleton-BpYj25p8.js +0 -37
- package/Skeleton-DMOxEwnd.cjs +0 -1
- package/Spinner-D1UBuLy4.cjs +0 -6
- package/TextField.module-C9Zm9unF.js +0 -13
- package/TextField.module-GTQtNO0r.cjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./assets/Skeleton.css');const a=require("react/jsx-runtime"),_=require("./clsx-C11secjj.cjs"),u="_skeleton_toauz_11",w="_circle_toauz_21",k="_wave_toauz_26",y="_onLayer01_toauz_50",e={skeleton:u,circle:w,wave:k,onLayer01:y},v=({variant:o="rectangle",width:s,height:t,isAnimated:n=!0,className:c,style:l,isOnLayer01:r,...i})=>(o==="circle"&&t!==void 0&&console.warn("Height is not allowed when using circle, control size with width"),a.jsx("div",{className:_.clsx(e.skeleton,e[o],n&&e.wave,r&&e.onLayer01,c),style:{width:s,height:t,...l},...i}));exports.Skeleton=v;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as i, jsx as
|
|
1
|
+
import { jsxs as i, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { c as s } from "./clsx-OuTLNxxd.js";
|
|
3
3
|
import { c } from "./createLucideIcon-XRdN60yz.js";
|
|
4
4
|
import { $ as d } from "./VisuallyHidden-CGEtjAP7.js";
|
|
@@ -9,35 +9,35 @@ import './assets/Spinner.css';/**
|
|
|
9
9
|
* This source code is licensed under the ISC license.
|
|
10
10
|
* See the LICENSE file in the root directory of this source tree.
|
|
11
11
|
*/
|
|
12
|
-
const m = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], p = c("loader-circle", m), _ = "
|
|
12
|
+
const m = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], p = c("loader-circle", m), _ = "_container_10tzz_1", z = "_spinner_10tzz_5", f = "_dark_10tzz_15", e = {
|
|
13
13
|
container: _,
|
|
14
|
-
spinner:
|
|
15
|
-
dark:
|
|
16
|
-
},
|
|
17
|
-
en:
|
|
18
|
-
sv:
|
|
14
|
+
spinner: z,
|
|
15
|
+
dark: f
|
|
16
|
+
}, g = { loadingPleaseWait: "Loading, please wait..." }, k = { loadingPleaseWait: "Laddar, vänligen vänta..." }, u = {
|
|
17
|
+
en: g,
|
|
18
|
+
sv: k
|
|
19
19
|
}, S = ({
|
|
20
|
-
small:
|
|
20
|
+
small: t,
|
|
21
21
|
isOnColor: n = !1,
|
|
22
22
|
className: r
|
|
23
23
|
}) => {
|
|
24
|
-
const
|
|
24
|
+
const o = l(u);
|
|
25
25
|
return /* @__PURE__ */ i(
|
|
26
26
|
"div",
|
|
27
27
|
{
|
|
28
28
|
className: s(e.container, r),
|
|
29
29
|
role: "status",
|
|
30
30
|
children: [
|
|
31
|
-
/* @__PURE__ */
|
|
31
|
+
/* @__PURE__ */ a(
|
|
32
32
|
p,
|
|
33
33
|
{
|
|
34
34
|
className: s(e.spinner, n && e.dark),
|
|
35
|
-
size:
|
|
36
|
-
strokeWidth:
|
|
35
|
+
size: t ? 16 : 32,
|
|
36
|
+
strokeWidth: t ? 2 : 3,
|
|
37
37
|
absoluteStrokeWidth: !0
|
|
38
38
|
}
|
|
39
39
|
),
|
|
40
|
-
/* @__PURE__ */
|
|
40
|
+
/* @__PURE__ */ a(d, { children: o.format("loadingPleaseWait") })
|
|
41
41
|
]
|
|
42
42
|
}
|
|
43
43
|
);
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";require('./assets/Spinner.css');const e=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),c=require("./createLucideIcon-CTVXwe6i.cjs"),o=require("./VisuallyHidden-EjrqodVh.cjs"),d=require("./useLocalizedStringFormatter-BO2iZEL0.cjs");/**
|
|
2
|
+
* @license lucide-react v0.525.0 - ISC
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the ISC license.
|
|
5
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/const l=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],u=c.createLucideIcon("loader-circle",l),_="_container_10tzz_1",z="_spinner_10tzz_5",g="_dark_10tzz_15",n={container:_,spinner:z,dark:g},p={loadingPleaseWait:"Loading, please wait..."},x={loadingPleaseWait:"Laddar, vänligen vänta..."},k={en:p,sv:x},L=({small:s,isOnColor:r=!1,className:a})=>{const i=d.useLocalizedStringFormatter(k);return e.jsxs("div",{className:t.clsx(n.container,a),role:"status",children:[e.jsx(u,{className:t.clsx(n.spinner,r&&n.dark),size:s?16:32,strokeWidth:s?2:3,absoluteStrokeWidth:!0}),e.jsx(o.$5c3e21d68f1c4674$export$439d29a4e110a164,{children:i.format("loadingPleaseWait")})]})};exports.Spinner=L;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./assets/TabList.css');const D=require("react/jsx-runtime"),S=require("./clsx-C11secjj.cjs"),R=require("./useObserveElement-MhzEsCkX.cjs"),O=require("./tokens-B3FfJ-rY.cjs"),p=require("./Collection-BvWp2xBd.cjs"),b=require("./utils-CMHKYKlz.cjs"),H=require("./Hidden-BxRZGdEW.cjs"),v=require("./mergeProps-JhcJ7uJL.cjs"),K=require("./filterDOMProps-RRlKPKX0.cjs"),T=require("./inertValue-B3AFhVG4.cjs"),l=require("react"),V=require("./usePress-CicXV7UO.cjs"),z=require("./useFocusable-CsG-IPuC.cjs"),M=require("./SelectionManager-BtbHoHpA.cjs"),w=require("./useLabels-CvUk-yS3.cjs"),A=require("./useHasTabbableChild-CJcLnolh.cjs"),_=require("./context-Df3XbgBG.cjs"),E=require("./useFocusRing-BcbYske2.cjs"),j=require("./useHover-DGAmG7jt.cjs"),B=require("./useSingleSelectListState-CwWK_Dx2.cjs"),L=new WeakMap;function m(i,e,t){if(!i)return"";typeof e=="string"&&(e=e.replace(/\s+/g,""));let a=L.get(i);return process.env.NODE_ENV!=="production"&&!a&&console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."),`${a}-${t}-${e}`}function W(i,e,t){let{key:a,isDisabled:d,shouldSelectOnPressUp:o}=i,{selectionManager:n,selectedKey:c}=e,s=a===c,r=d||e.isDisabled||e.selectionManager.isDisabled(a),{itemProps:u,isPressed:f}=M.$880e95eb8b93ba9a$export$ecf600387e221c37({selectionManager:n,key:a,ref:t,isDisabled:r,shouldSelectOnPressUp:o,linkBehavior:"selection"}),$=m(e,a,"tab"),h=m(e,a,"tabpanel"),{tabIndex:y}=u,x=e.collection.getItem(a),P=K.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(x==null?void 0:x.props,{labelable:!0});delete P.id;let N=V.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(x==null?void 0:x.props),{focusableProps:k}=z.$f645667febf57a63$export$4c014de7c8940b4c({isDisabled:r},t);return{tabProps:v.$3ef42575df84b30b$export$9d1611c77c2fe928(P,k,N,u,{id:$,"aria-selected":s,"aria-disabled":r||void 0,"aria-controls":s?h:void 0,tabIndex:r?void 0:y,role:"tab"}),isSelected:s,isDisabled:r,isPressed:f}}function U(i,e,t){let a=A.$83013635b024ae3d$export$eac1895992b9f3d6(t)?void 0:0;var d;const o=m(e,(d=i.id)!==null&&d!==void 0?d:e==null?void 0:e.selectedKey,"tabpanel"),n=w.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:o,"aria-labelledby":m(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:v.$3ef42575df84b30b$export$9d1611c77c2fe928(n,{tabIndex:a,role:"tabpanel","aria-describedby":i["aria-describedby"],"aria-details":i["aria-details"]})}}class G{getKeyLeftOf(e){return this.flipDirection?this.getNextKey(e):this.getPreviousKey(e)}getKeyRightOf(e){return this.flipDirection?this.getPreviousKey(e):this.getNextKey(e)}isDisabled(e){var t,a;return this.disabledKeys.has(e)||!!(!((a=this.collection.getItem(e))===null||a===void 0||(t=a.props)===null||t===void 0)&&t.isDisabled)}getFirstKey(){let e=this.collection.getFirstKey();return e!=null&&this.isDisabled(e)&&(e=this.getNextKey(e)),e}getLastKey(){let e=this.collection.getLastKey();return e!=null&&this.isDisabled(e)&&(e=this.getPreviousKey(e)),e}getKeyAbove(e){return this.tabDirection?null:this.getPreviousKey(e)}getKeyBelow(e){return this.tabDirection?null:this.getNextKey(e)}getNextKey(e){let t=e;do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(t!=null&&this.isDisabled(t));return t}getPreviousKey(e){let t=e;do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(t!=null&&this.isDisabled(t));return t}constructor(e,t,a,d=new Set){this.collection=e,this.flipDirection=t==="rtl"&&a==="horizontal",this.disabledKeys=d,this.tabDirection=a==="horizontal"}}function J(i,e,t){let{orientation:a="horizontal",keyboardActivation:d="automatic"}=i,{collection:o,selectionManager:n,disabledKeys:c}=e,{direction:s}=_.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),r=l.useMemo(()=>new G(o,s,a,c),[o,c,a,s]),{collectionProps:u}=M.$ae20dd8cbca75726$export$d6daf82dcd84e87c({ref:t,selectionManager:n,keyboardDelegate:r,selectOnFocus:d==="automatic",disallowEmptySelection:!0,scrollRef:t,linkBehavior:"selection"}),f=v.$bdb11010cef70236$export$f680877a34711e37();L.set(e,f);let $=w.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:f});return{tabListProps:{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(u,$),role:"tablist","aria-orientation":a,tabIndex:void 0}}}function Q(i){var e,t;let a=B.$a0d645289fe9b86b$export$e7f05e985daf4b5f({...i,onSelectionChange:i.onSelectionChange?s=>{var r;s!=null&&((r=i.onSelectionChange)===null||r===void 0||r.call(i,s))}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:(t=(e=i.defaultSelectedKey)!==null&&e!==void 0?e:q(i.collection,i.disabledKeys?new Set(i.disabledKeys):new Set))!==null&&t!==void 0?t:void 0}),{selectionManager:d,collection:o,selectedKey:n}=a,c=l.useRef(n);return l.useEffect(()=>{let s=n;i.selectedKey==null&&(d.isEmpty||s==null||!o.getItem(s))&&(s=q(o,a.disabledKeys),s!=null&&d.setSelectedKeys([s])),(s!=null&&d.focusedKey==null||!d.isFocused&&s!==c.current)&&d.setFocusedKey(s),c.current=s}),{...a,isDisabled:i.isDisabled||!1}}function q(i,e){let t=null;if(i){var a,d,o,n;for(t=i.getFirstKey();t!=null&&(e.has(t)||!((d=i.getItem(t))===null||d===void 0||(a=d.props)===null||a===void 0)&&a.isDisabled)&&t!==i.getLastKey();)t=i.getKeyAfter(t);t!=null&&(e.has(t)||!((n=i.getItem(t))===null||n===void 0||(o=n.props)===null||o===void 0)&&o.isDisabled)&&t===i.getLastKey()&&(t=i.getFirstKey())}return t}const F=l.createContext(null),g=l.createContext(null),X=l.forwardRef(function(e,t){[e,t]=b.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,F);let{children:a,orientation:d="horizontal"}=e;return a=l.useMemo(()=>typeof a=="function"?a({orientation:d,defaultChildren:null}):a,[a,d]),l.createElement(p.$e1995378a142960e$export$bf788dd355e3a401,{content:a},o=>l.createElement(Y,{props:e,collection:o,tabsRef:t}))});function Y({props:i,tabsRef:e,collection:t}){let{orientation:a="horizontal"}=i,d=Q({...i,collection:t,children:void 0}),{focusProps:o,isFocused:n,isFocusVisible:c}=E.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),s=l.useMemo(()=>({orientation:a,isFocusWithin:n,isFocusVisible:c}),[a,n,c]),r=b.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,defaultClassName:"react-aria-Tabs",values:s}),u=K.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return l.createElement("div",{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(u,r,o),ref:e,slot:i.slot||void 0,"data-focused":n||void 0,"data-orientation":a,"data-focus-visible":c||void 0,"data-disabled":d.isDisabled||void 0},l.createElement(b.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[F,i],[g,d]]},r.children))}const Z=l.forwardRef(function(e,t){return l.useContext(g)?l.createElement(ee,{props:e,forwardedRef:t}):l.createElement(p.$e1995378a142960e$export$fb8073518f34e6ec,e)});function ee({props:i,forwardedRef:e}){let t=l.useContext(g),{CollectionRoot:a}=l.useContext(p.$7135fc7d473fd974$export$4feb769f8ddf26c5),{orientation:d="horizontal",keyboardActivation:o="automatic"}=b.$64fa3d84918910a7$export$fabf2dc03a41866e(F),n=b.$df56164dff5785e2$export$4338b53315abf666(e),{tabListProps:c}=J({...i,orientation:d,keyboardActivation:o},t,n),s=b.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,children:null,defaultClassName:"react-aria-TabList",values:{orientation:d,state:t}}),r=K.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return delete r.id,l.createElement("div",{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(r,s,c),ref:n,"data-orientation":d||void 0},l.createElement(a,{collection:t.collection,persistedKeys:p.$7135fc7d473fd974$export$90e00781bc59d8f9(t.selectionManager.focusedKey)}))}class I extends p.$23b9f4fcf0fe224b$export$d68d59712b04d9d1{}I.type="item";const te=p.$e1995378a142960e$export$18af5c7a9e9b3664(I,(i,e,t)=>{let a=l.useContext(g),d=b.$df56164dff5785e2$export$4338b53315abf666(e),{tabProps:o,isSelected:n,isDisabled:c,isPressed:s}=W({key:t.key,...i},a,d),{focusProps:r,isFocused:u,isFocusVisible:f}=E.$f7dceffc5ad7768b$export$4e328f61c538687f(),{hoverProps:$,isHovered:h}=j.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:c,onHoverStart:i.onHoverStart,onHoverEnd:i.onHoverEnd,onHoverChange:i.onHoverChange}),y=b.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,id:void 0,children:t.rendered,defaultClassName:"react-aria-Tab",values:{isSelected:n,isDisabled:c,isFocused:u,isFocusVisible:f,isPressed:s,isHovered:h}}),x=t.props.href?"a":"div",P=K.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return delete P.id,delete P.onClick,l.createElement(x,{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(P,y,o,r,$),ref:d,"data-selected":n||void 0,"data-disabled":c||void 0,"data-focused":u||void 0,"data-focus-visible":f||void 0,"data-pressed":s||void 0,"data-hovered":h||void 0},y.children)}),ie=H.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,t){const a=l.useContext(g);let d=b.$df56164dff5785e2$export$4338b53315abf666(t),{id:o,...n}=e,{tabPanelProps:c}=U(e,a,d),{focusProps:s,isFocused:r,isFocusVisible:u}=E.$f7dceffc5ad7768b$export$4e328f61c538687f(),f=a.selectedKey===e.id,$=b.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-TabPanel",values:{isFocused:r,isFocusVisible:u,isInert:T.$cdc5a6778b766db2$export$a9d04c5684123369(!f),state:a}});if(!f&&!e.shouldForceMount)return null;let h=K.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(n,{global:!0});delete h.id;let y=f?v.$3ef42575df84b30b$export$9d1611c77c2fe928(h,c,s,$):$;return l.createElement("div",{...y,ref:d,"data-focused":r||void 0,"data-focus-visible":u||void 0,inert:T.$cdc5a6778b766db2$export$a9d04c5684123369(!f||e.inert),"data-inert":f?void 0:"true"},l.createElement(b.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[F,null],[g,null]]},l.createElement(p.$7135fc7d473fd974$export$4feb769f8ddf26c5.Provider,{value:p.$7135fc7d473fd974$export$a164736487e3f0ae},$.children)))}),ae="_container_1ugyc_4",de="_list_1ugyc_8",se="_listItem_1ugyc_13",le="_panel_1ugyc_55",C={container:ae,list:de,listItem:se,panel:le},ne=({children:i,className:e,...t})=>{const{width:a}=R.useObserveElement(typeof document>"u"?null:document.body,{includePadding:!0}),d=t.orientation||a>=O.windowSizes.sm?"horizontal":"vertical";return D.jsx(X,{...t,orientation:d,className:S.clsx(C.container,e),children:i})},oe=({className:i,...e})=>D.jsx(te,{...e,className:S.clsx(C.listItem,i)}),re=({className:i,...e})=>D.jsx(ie,{className:S.clsx(C.panel,i),...e}),ce=({className:i,...e})=>D.jsx(Z,{className:S.clsx(C.list,i),...e});exports.Tab=oe;exports.TabList=ce;exports.TabPanel=re;exports.Tabs=ne;
|
|
1
|
+
"use strict";require('./assets/TabList.css');const D=require("react/jsx-runtime"),S=require("./clsx-C11secjj.cjs"),R=require("./useObserveElement-MhzEsCkX.cjs"),O=require("./tokens-B3FfJ-rY.cjs"),v=require("./Collection-BvWp2xBd.cjs"),b=require("./utils-CMHKYKlz.cjs"),H=require("./Hidden-BxRZGdEW.cjs"),p=require("./mergeProps-JhcJ7uJL.cjs"),K=require("./filterDOMProps-RRlKPKX0.cjs"),T=require("./inertValue-B3AFhVG4.cjs"),l=require("react"),V=require("./usePress-CicXV7UO.cjs"),z=require("./useFocusable-CsG-IPuC.cjs"),M=require("./SelectionManager-BtbHoHpA.cjs"),w=require("./useLabels-CvUk-yS3.cjs"),A=require("./useHasTabbableChild-CJcLnolh.cjs"),_=require("./context-Df3XbgBG.cjs"),E=require("./useFocusRing-BcbYske2.cjs"),j=require("./useHover-DGAmG7jt.cjs"),B=require("./useSingleSelectListState-CwWK_Dx2.cjs"),L=new WeakMap;function m(i,e,t){if(!i)return"";typeof e=="string"&&(e=e.replace(/\s+/g,""));let a=L.get(i);return process.env.NODE_ENV!=="production"&&!a&&console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."),`${a}-${t}-${e}`}function W(i,e,t){let{key:a,isDisabled:d,shouldSelectOnPressUp:o}=i,{selectionManager:n,selectedKey:c}=e,s=a===c,r=d||e.isDisabled||e.selectionManager.isDisabled(a),{itemProps:u,isPressed:f}=M.$880e95eb8b93ba9a$export$ecf600387e221c37({selectionManager:n,key:a,ref:t,isDisabled:r,shouldSelectOnPressUp:o,linkBehavior:"selection"}),$=m(e,a,"tab"),h=m(e,a,"tabpanel"),{tabIndex:y}=u,x=e.collection.getItem(a),P=K.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(x==null?void 0:x.props,{labelable:!0});delete P.id;let N=V.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(x==null?void 0:x.props),{focusableProps:k}=z.$f645667febf57a63$export$4c014de7c8940b4c({isDisabled:r},t);return{tabProps:p.$3ef42575df84b30b$export$9d1611c77c2fe928(P,k,N,u,{id:$,"aria-selected":s,"aria-disabled":r||void 0,"aria-controls":s?h:void 0,tabIndex:r?void 0:y,role:"tab"}),isSelected:s,isDisabled:r,isPressed:f}}function U(i,e,t){let a=A.$83013635b024ae3d$export$eac1895992b9f3d6(t)?void 0:0;var d;const o=m(e,(d=i.id)!==null&&d!==void 0?d:e==null?void 0:e.selectedKey,"tabpanel"),n=w.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:o,"aria-labelledby":m(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:p.$3ef42575df84b30b$export$9d1611c77c2fe928(n,{tabIndex:a,role:"tabpanel","aria-describedby":i["aria-describedby"],"aria-details":i["aria-details"]})}}class G{getKeyLeftOf(e){return this.flipDirection?this.getNextKey(e):this.getPreviousKey(e)}getKeyRightOf(e){return this.flipDirection?this.getPreviousKey(e):this.getNextKey(e)}isDisabled(e){var t,a;return this.disabledKeys.has(e)||!!(!((a=this.collection.getItem(e))===null||a===void 0||(t=a.props)===null||t===void 0)&&t.isDisabled)}getFirstKey(){let e=this.collection.getFirstKey();return e!=null&&this.isDisabled(e)&&(e=this.getNextKey(e)),e}getLastKey(){let e=this.collection.getLastKey();return e!=null&&this.isDisabled(e)&&(e=this.getPreviousKey(e)),e}getKeyAbove(e){return this.tabDirection?null:this.getPreviousKey(e)}getKeyBelow(e){return this.tabDirection?null:this.getNextKey(e)}getNextKey(e){let t=e;do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(t!=null&&this.isDisabled(t));return t}getPreviousKey(e){let t=e;do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(t!=null&&this.isDisabled(t));return t}constructor(e,t,a,d=new Set){this.collection=e,this.flipDirection=t==="rtl"&&a==="horizontal",this.disabledKeys=d,this.tabDirection=a==="horizontal"}}function J(i,e,t){let{orientation:a="horizontal",keyboardActivation:d="automatic"}=i,{collection:o,selectionManager:n,disabledKeys:c}=e,{direction:s}=_.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),r=l.useMemo(()=>new G(o,s,a,c),[o,c,a,s]),{collectionProps:u}=M.$ae20dd8cbca75726$export$d6daf82dcd84e87c({ref:t,selectionManager:n,keyboardDelegate:r,selectOnFocus:d==="automatic",disallowEmptySelection:!0,scrollRef:t,linkBehavior:"selection"}),f=p.$bdb11010cef70236$export$f680877a34711e37();L.set(e,f);let $=w.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:f});return{tabListProps:{...p.$3ef42575df84b30b$export$9d1611c77c2fe928(u,$),role:"tablist","aria-orientation":a,tabIndex:void 0}}}function Q(i){var e,t;let a=B.$a0d645289fe9b86b$export$e7f05e985daf4b5f({...i,onSelectionChange:i.onSelectionChange?s=>{var r;s!=null&&((r=i.onSelectionChange)===null||r===void 0||r.call(i,s))}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:(t=(e=i.defaultSelectedKey)!==null&&e!==void 0?e:q(i.collection,i.disabledKeys?new Set(i.disabledKeys):new Set))!==null&&t!==void 0?t:void 0}),{selectionManager:d,collection:o,selectedKey:n}=a,c=l.useRef(n);return l.useEffect(()=>{let s=n;i.selectedKey==null&&(d.isEmpty||s==null||!o.getItem(s))&&(s=q(o,a.disabledKeys),s!=null&&d.setSelectedKeys([s])),(s!=null&&d.focusedKey==null||!d.isFocused&&s!==c.current)&&d.setFocusedKey(s),c.current=s}),{...a,isDisabled:i.isDisabled||!1}}function q(i,e){let t=null;if(i){var a,d,o,n;for(t=i.getFirstKey();t!=null&&(e.has(t)||!((d=i.getItem(t))===null||d===void 0||(a=d.props)===null||a===void 0)&&a.isDisabled)&&t!==i.getLastKey();)t=i.getKeyAfter(t);t!=null&&(e.has(t)||!((n=i.getItem(t))===null||n===void 0||(o=n.props)===null||o===void 0)&&o.isDisabled)&&t===i.getLastKey()&&(t=i.getFirstKey())}return t}const F=l.createContext(null),g=l.createContext(null),X=l.forwardRef(function(e,t){[e,t]=b.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,F);let{children:a,orientation:d="horizontal"}=e;return a=l.useMemo(()=>typeof a=="function"?a({orientation:d,defaultChildren:null}):a,[a,d]),l.createElement(v.$e1995378a142960e$export$bf788dd355e3a401,{content:a},o=>l.createElement(Y,{props:e,collection:o,tabsRef:t}))});function Y({props:i,tabsRef:e,collection:t}){let{orientation:a="horizontal"}=i,d=Q({...i,collection:t,children:void 0}),{focusProps:o,isFocused:n,isFocusVisible:c}=E.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),s=l.useMemo(()=>({orientation:a,isFocusWithin:n,isFocusVisible:c}),[a,n,c]),r=b.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,defaultClassName:"react-aria-Tabs",values:s}),u=K.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return l.createElement("div",{...p.$3ef42575df84b30b$export$9d1611c77c2fe928(u,r,o),ref:e,slot:i.slot||void 0,"data-focused":n||void 0,"data-orientation":a,"data-focus-visible":c||void 0,"data-disabled":d.isDisabled||void 0},l.createElement(b.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[F,i],[g,d]]},r.children))}const Z=l.forwardRef(function(e,t){return l.useContext(g)?l.createElement(ee,{props:e,forwardedRef:t}):l.createElement(v.$e1995378a142960e$export$fb8073518f34e6ec,e)});function ee({props:i,forwardedRef:e}){let t=l.useContext(g),{CollectionRoot:a}=l.useContext(v.$7135fc7d473fd974$export$4feb769f8ddf26c5),{orientation:d="horizontal",keyboardActivation:o="automatic"}=b.$64fa3d84918910a7$export$fabf2dc03a41866e(F),n=b.$df56164dff5785e2$export$4338b53315abf666(e),{tabListProps:c}=J({...i,orientation:d,keyboardActivation:o},t,n),s=b.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,children:null,defaultClassName:"react-aria-TabList",values:{orientation:d,state:t}}),r=K.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return delete r.id,l.createElement("div",{...p.$3ef42575df84b30b$export$9d1611c77c2fe928(r,s,c),ref:n,"data-orientation":d||void 0},l.createElement(a,{collection:t.collection,persistedKeys:v.$7135fc7d473fd974$export$90e00781bc59d8f9(t.selectionManager.focusedKey)}))}class I extends v.$23b9f4fcf0fe224b$export$d68d59712b04d9d1{}I.type="item";const te=v.$e1995378a142960e$export$18af5c7a9e9b3664(I,(i,e,t)=>{let a=l.useContext(g),d=b.$df56164dff5785e2$export$4338b53315abf666(e),{tabProps:o,isSelected:n,isDisabled:c,isPressed:s}=W({key:t.key,...i},a,d),{focusProps:r,isFocused:u,isFocusVisible:f}=E.$f7dceffc5ad7768b$export$4e328f61c538687f(),{hoverProps:$,isHovered:h}=j.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:c,onHoverStart:i.onHoverStart,onHoverEnd:i.onHoverEnd,onHoverChange:i.onHoverChange}),y=b.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,id:void 0,children:t.rendered,defaultClassName:"react-aria-Tab",values:{isSelected:n,isDisabled:c,isFocused:u,isFocusVisible:f,isPressed:s,isHovered:h}}),x=t.props.href?"a":"div",P=K.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return delete P.id,delete P.onClick,l.createElement(x,{...p.$3ef42575df84b30b$export$9d1611c77c2fe928(P,y,o,r,$),ref:d,"data-selected":n||void 0,"data-disabled":c||void 0,"data-focused":u||void 0,"data-focus-visible":f||void 0,"data-pressed":s||void 0,"data-hovered":h||void 0},y.children)}),ie=H.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,t){const a=l.useContext(g);let d=b.$df56164dff5785e2$export$4338b53315abf666(t),{id:o,...n}=e,{tabPanelProps:c}=U(e,a,d),{focusProps:s,isFocused:r,isFocusVisible:u}=E.$f7dceffc5ad7768b$export$4e328f61c538687f(),f=a.selectedKey===e.id,$=b.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-TabPanel",values:{isFocused:r,isFocusVisible:u,isInert:T.$cdc5a6778b766db2$export$a9d04c5684123369(!f),state:a}});if(!f&&!e.shouldForceMount)return null;let h=K.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(n,{global:!0});delete h.id;let y=f?p.$3ef42575df84b30b$export$9d1611c77c2fe928(h,c,s,$):$;return l.createElement("div",{...y,ref:d,"data-focused":r||void 0,"data-focus-visible":u||void 0,inert:T.$cdc5a6778b766db2$export$a9d04c5684123369(!f||e.inert),"data-inert":f?void 0:"true"},l.createElement(b.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[F,null],[g,null]]},l.createElement(v.$7135fc7d473fd974$export$4feb769f8ddf26c5.Provider,{value:v.$7135fc7d473fd974$export$a164736487e3f0ae},$.children)))}),ae="_container_ovstx_1",de="_list_ovstx_5",se="_listItem_ovstx_10",le="_panel_ovstx_52",C={container:ae,list:de,listItem:se,panel:le},ne=({children:i,className:e,...t})=>{const{width:a}=R.useObserveElement(typeof document>"u"?null:document.body,{includePadding:!0}),d=t.orientation||a>=O.windowSizes.sm?"horizontal":"vertical";return D.jsx(X,{...t,orientation:d,className:S.clsx(C.container,e),children:i})},oe=({className:i,...e})=>D.jsx(te,{...e,className:S.clsx(C.listItem,i)}),re=({className:i,...e})=>D.jsx(ie,{className:S.clsx(C.panel,i),...e}),ce=({className:i,...e})=>D.jsx(Z,{className:S.clsx(C.list,i),...e});exports.Tab=oe;exports.TabList=ce;exports.TabPanel=re;exports.Tabs=ne;
|
|
@@ -5,10 +5,10 @@ import { w as B } from "./tokens-B9ooUP4g.js";
|
|
|
5
5
|
import { $ as W, b as j, g as k, k as U, c as q, j as G, l as J } from "./Collection-B0_WAieZ.js";
|
|
6
6
|
import { $ as Q, b as w, a as F, f as L, c as X } from "./utils-Cpcjg55U.js";
|
|
7
7
|
import { $ as Y } from "./Hidden-C9KWUR7b.js";
|
|
8
|
-
import { a as
|
|
9
|
-
import { $ as
|
|
8
|
+
import { a as p, c as Z } from "./mergeProps-BSsN7Bgk.js";
|
|
9
|
+
import { $ as P } from "./filterDOMProps-wsa9OcNI.js";
|
|
10
10
|
import { $ as C } from "./inertValue-B7loUihk.js";
|
|
11
|
-
import u, { useMemo as T, useRef as ee, useEffect as te, forwardRef as M, createContext as O, useContext as
|
|
11
|
+
import u, { useMemo as T, useRef as ee, useEffect as te, forwardRef as M, createContext as O, useContext as x } from "react";
|
|
12
12
|
import { d as ie } from "./usePress-DMUpU0GU.js";
|
|
13
13
|
import { a as ae } from "./useFocusable-DXlMChFC.js";
|
|
14
14
|
import { d as se, e as le } from "./SelectionManager-Bq-Gw1UT.js";
|
|
@@ -19,7 +19,7 @@ import { $ as I } from "./useFocusRing-DMo8ctYV.js";
|
|
|
19
19
|
import { $ as de } from "./useHover-D6bNIkU0.js";
|
|
20
20
|
import { $ as re } from "./useSingleSelectListState-BlvpP8y-.js";
|
|
21
21
|
import './assets/TabList.css';const V = /* @__PURE__ */ new WeakMap();
|
|
22
|
-
function
|
|
22
|
+
function g(i, e, t) {
|
|
23
23
|
if (!i)
|
|
24
24
|
return "";
|
|
25
25
|
typeof e == "string" && (e = e.replace(/\s+/g, ""));
|
|
@@ -34,20 +34,20 @@ function ce(i, e, t) {
|
|
|
34
34
|
isDisabled: d,
|
|
35
35
|
shouldSelectOnPressUp: n,
|
|
36
36
|
linkBehavior: "selection"
|
|
37
|
-
}), b =
|
|
37
|
+
}), b = g(e, a, "tab"), v = g(e, a, "tabpanel"), { tabIndex: m } = f, $ = e.collection.getItem(a), h = P($ == null ? void 0 : $.props, {
|
|
38
38
|
labelable: !0
|
|
39
39
|
});
|
|
40
|
-
delete
|
|
40
|
+
delete h.id;
|
|
41
41
|
let _ = ie($ == null ? void 0 : $.props), { focusableProps: z } = ae({
|
|
42
42
|
isDisabled: d
|
|
43
43
|
}, t);
|
|
44
44
|
return {
|
|
45
|
-
tabProps:
|
|
45
|
+
tabProps: p(h, z, _, f, {
|
|
46
46
|
id: b,
|
|
47
47
|
"aria-selected": l,
|
|
48
48
|
"aria-disabled": d || void 0,
|
|
49
|
-
"aria-controls": l ?
|
|
50
|
-
tabIndex: d ? void 0 :
|
|
49
|
+
"aria-controls": l ? v : void 0,
|
|
50
|
+
tabIndex: d ? void 0 : m,
|
|
51
51
|
role: "tab"
|
|
52
52
|
}),
|
|
53
53
|
isSelected: l,
|
|
@@ -58,13 +58,13 @@ function ce(i, e, t) {
|
|
|
58
58
|
function fe(i, e, t) {
|
|
59
59
|
let a = oe(t) ? void 0 : 0;
|
|
60
60
|
var s;
|
|
61
|
-
const n =
|
|
61
|
+
const n = g(e, (s = i.id) !== null && s !== void 0 ? s : e == null ? void 0 : e.selectedKey, "tabpanel"), o = R({
|
|
62
62
|
...i,
|
|
63
63
|
id: n,
|
|
64
|
-
"aria-labelledby":
|
|
64
|
+
"aria-labelledby": g(e, e == null ? void 0 : e.selectedKey, "tab")
|
|
65
65
|
});
|
|
66
66
|
return {
|
|
67
|
-
tabPanelProps:
|
|
67
|
+
tabPanelProps: p(o, {
|
|
68
68
|
tabIndex: a,
|
|
69
69
|
role: "tabpanel",
|
|
70
70
|
"aria-describedby": i["aria-describedby"],
|
|
@@ -137,7 +137,7 @@ function be(i, e, t) {
|
|
|
137
137
|
});
|
|
138
138
|
return {
|
|
139
139
|
tabListProps: {
|
|
140
|
-
...
|
|
140
|
+
...p(f, b),
|
|
141
141
|
role: "tablist",
|
|
142
142
|
"aria-orientation": a,
|
|
143
143
|
tabIndex: void 0
|
|
@@ -174,7 +174,7 @@ function N(i, e) {
|
|
|
174
174
|
}
|
|
175
175
|
return t;
|
|
176
176
|
}
|
|
177
|
-
const S = /* @__PURE__ */ O(null), y = /* @__PURE__ */ O(null),
|
|
177
|
+
const S = /* @__PURE__ */ O(null), y = /* @__PURE__ */ O(null), ve = /* @__PURE__ */ M(function(e, t) {
|
|
178
178
|
[e, t] = Q(e, t, S);
|
|
179
179
|
let { children: a, orientation: s = "horizontal" } = e;
|
|
180
180
|
return a = T(() => typeof a == "function" ? a({
|
|
@@ -185,13 +185,13 @@ const S = /* @__PURE__ */ O(null), y = /* @__PURE__ */ O(null), pe = /* @__PURE_
|
|
|
185
185
|
s
|
|
186
186
|
]), /* @__PURE__ */ u.createElement(j, {
|
|
187
187
|
content: a
|
|
188
|
-
}, (n) => /* @__PURE__ */ u.createElement(
|
|
188
|
+
}, (n) => /* @__PURE__ */ u.createElement(pe, {
|
|
189
189
|
props: e,
|
|
190
190
|
collection: n,
|
|
191
191
|
tabsRef: t
|
|
192
192
|
}));
|
|
193
193
|
});
|
|
194
|
-
function
|
|
194
|
+
function pe({ props: i, tabsRef: e, collection: t }) {
|
|
195
195
|
let { orientation: a = "horizontal" } = i, s = $e({
|
|
196
196
|
...i,
|
|
197
197
|
collection: t,
|
|
@@ -210,11 +210,11 @@ function me({ props: i, tabsRef: e, collection: t }) {
|
|
|
210
210
|
...i,
|
|
211
211
|
defaultClassName: "react-aria-Tabs",
|
|
212
212
|
values: l
|
|
213
|
-
}), f =
|
|
213
|
+
}), f = P(i, {
|
|
214
214
|
global: !0
|
|
215
215
|
});
|
|
216
216
|
return /* @__PURE__ */ u.createElement("div", {
|
|
217
|
-
...
|
|
217
|
+
...p(f, d, n),
|
|
218
218
|
ref: e,
|
|
219
219
|
slot: i.slot || void 0,
|
|
220
220
|
"data-focused": o || void 0,
|
|
@@ -234,14 +234,14 @@ function me({ props: i, tabsRef: e, collection: t }) {
|
|
|
234
234
|
]
|
|
235
235
|
}, d.children));
|
|
236
236
|
}
|
|
237
|
-
const
|
|
238
|
-
return
|
|
237
|
+
const me = /* @__PURE__ */ M(function(e, t) {
|
|
238
|
+
return x(y) ? /* @__PURE__ */ u.createElement(he, {
|
|
239
239
|
props: e,
|
|
240
240
|
forwardedRef: t
|
|
241
241
|
}) : /* @__PURE__ */ u.createElement(q, e);
|
|
242
242
|
});
|
|
243
|
-
function
|
|
244
|
-
let t =
|
|
243
|
+
function he({ props: i, forwardedRef: e }) {
|
|
244
|
+
let t = x(y), { CollectionRoot: a } = x(k), { orientation: s = "horizontal", keyboardActivation: n = "automatic" } = X(S), o = w(e), { tabListProps: r } = be({
|
|
245
245
|
...i,
|
|
246
246
|
orientation: s,
|
|
247
247
|
keyboardActivation: n
|
|
@@ -253,11 +253,11 @@ function ve({ props: i, forwardedRef: e }) {
|
|
|
253
253
|
orientation: s,
|
|
254
254
|
state: t
|
|
255
255
|
}
|
|
256
|
-
}), d =
|
|
256
|
+
}), d = P(i, {
|
|
257
257
|
global: !0
|
|
258
258
|
});
|
|
259
259
|
return delete d.id, /* @__PURE__ */ u.createElement("div", {
|
|
260
|
-
...
|
|
260
|
+
...p(d, l, r),
|
|
261
261
|
ref: o,
|
|
262
262
|
"data-orientation": s || void 0
|
|
263
263
|
}, /* @__PURE__ */ u.createElement(a, {
|
|
@@ -269,15 +269,15 @@ class H extends G {
|
|
|
269
269
|
}
|
|
270
270
|
H.type = "item";
|
|
271
271
|
const ye = /* @__PURE__ */ W(H, (i, e, t) => {
|
|
272
|
-
let a =
|
|
272
|
+
let a = x(y), s = w(e), { tabProps: n, isSelected: o, isDisabled: r, isPressed: l } = ce({
|
|
273
273
|
key: t.key,
|
|
274
274
|
...i
|
|
275
|
-
}, a, s), { focusProps: d, isFocused: f, isFocusVisible: c } = I(), { hoverProps: b, isHovered:
|
|
275
|
+
}, a, s), { focusProps: d, isFocused: f, isFocusVisible: c } = I(), { hoverProps: b, isHovered: v } = de({
|
|
276
276
|
isDisabled: r,
|
|
277
277
|
onHoverStart: i.onHoverStart,
|
|
278
278
|
onHoverEnd: i.onHoverEnd,
|
|
279
279
|
onHoverChange: i.onHoverChange
|
|
280
|
-
}),
|
|
280
|
+
}), m = F({
|
|
281
281
|
...i,
|
|
282
282
|
id: void 0,
|
|
283
283
|
children: t.rendered,
|
|
@@ -288,23 +288,23 @@ const ye = /* @__PURE__ */ W(H, (i, e, t) => {
|
|
|
288
288
|
isFocused: f,
|
|
289
289
|
isFocusVisible: c,
|
|
290
290
|
isPressed: l,
|
|
291
|
-
isHovered:
|
|
291
|
+
isHovered: v
|
|
292
292
|
}
|
|
293
|
-
}), $ = t.props.href ? "a" : "div",
|
|
293
|
+
}), $ = t.props.href ? "a" : "div", h = P(i, {
|
|
294
294
|
global: !0
|
|
295
295
|
});
|
|
296
|
-
return delete
|
|
297
|
-
...
|
|
296
|
+
return delete h.id, delete h.onClick, /* @__PURE__ */ u.createElement($, {
|
|
297
|
+
...p(h, m, n, d, b),
|
|
298
298
|
ref: s,
|
|
299
299
|
"data-selected": o || void 0,
|
|
300
300
|
"data-disabled": r || void 0,
|
|
301
301
|
"data-focused": f || void 0,
|
|
302
302
|
"data-focus-visible": c || void 0,
|
|
303
303
|
"data-pressed": l || void 0,
|
|
304
|
-
"data-hovered":
|
|
305
|
-
},
|
|
306
|
-
}),
|
|
307
|
-
const a =
|
|
304
|
+
"data-hovered": v || void 0
|
|
305
|
+
}, m.children);
|
|
306
|
+
}), xe = /* @__PURE__ */ Y(function(e, t) {
|
|
307
|
+
const a = x(y);
|
|
308
308
|
let s = w(t), { id: n, ...o } = e, { tabPanelProps: r } = fe(e, a, s), { focusProps: l, isFocused: d, isFocusVisible: f } = I(), c = a.selectedKey === e.id, b = F({
|
|
309
309
|
...e,
|
|
310
310
|
defaultClassName: "react-aria-TabPanel",
|
|
@@ -317,13 +317,13 @@ const ye = /* @__PURE__ */ W(H, (i, e, t) => {
|
|
|
317
317
|
}
|
|
318
318
|
});
|
|
319
319
|
if (!c && !e.shouldForceMount) return null;
|
|
320
|
-
let
|
|
320
|
+
let v = P(o, {
|
|
321
321
|
global: !0
|
|
322
322
|
});
|
|
323
|
-
delete
|
|
324
|
-
let
|
|
323
|
+
delete v.id;
|
|
324
|
+
let m = c ? p(v, r, l, b) : b;
|
|
325
325
|
return /* @__PURE__ */ u.createElement("div", {
|
|
326
|
-
...
|
|
326
|
+
...m,
|
|
327
327
|
ref: s,
|
|
328
328
|
"data-focused": d || void 0,
|
|
329
329
|
"data-focus-visible": f || void 0,
|
|
@@ -344,9 +344,9 @@ const ye = /* @__PURE__ */ W(H, (i, e, t) => {
|
|
|
344
344
|
}, /* @__PURE__ */ u.createElement(k.Provider, {
|
|
345
345
|
value: U
|
|
346
346
|
}, b.children)));
|
|
347
|
-
}),
|
|
348
|
-
container:
|
|
349
|
-
list:
|
|
347
|
+
}), Pe = "_container_ovstx_1", ge = "_list_ovstx_5", Ke = "_listItem_ovstx_10", De = "_panel_ovstx_52", E = {
|
|
348
|
+
container: Pe,
|
|
349
|
+
list: ge,
|
|
350
350
|
listItem: Ke,
|
|
351
351
|
panel: De
|
|
352
352
|
}, je = ({
|
|
@@ -359,7 +359,7 @@ const ye = /* @__PURE__ */ W(H, (i, e, t) => {
|
|
|
359
359
|
{ includePadding: !0 }
|
|
360
360
|
), s = t.orientation || a >= B.sm ? "horizontal" : "vertical";
|
|
361
361
|
return /* @__PURE__ */ K(
|
|
362
|
-
|
|
362
|
+
ve,
|
|
363
363
|
{
|
|
364
364
|
...t,
|
|
365
365
|
orientation: s,
|
|
@@ -374,7 +374,7 @@ const ye = /* @__PURE__ */ W(H, (i, e, t) => {
|
|
|
374
374
|
className: D(E.listItem, i)
|
|
375
375
|
}
|
|
376
376
|
), qe = ({ className: i, ...e }) => /* @__PURE__ */ K(
|
|
377
|
-
|
|
377
|
+
xe,
|
|
378
378
|
{
|
|
379
379
|
className: D(E.panel, i),
|
|
380
380
|
...e
|
|
@@ -383,7 +383,7 @@ const ye = /* @__PURE__ */ W(H, (i, e, t) => {
|
|
|
383
383
|
className: i,
|
|
384
384
|
...e
|
|
385
385
|
}) => /* @__PURE__ */ K(
|
|
386
|
-
|
|
386
|
+
me,
|
|
387
387
|
{
|
|
388
388
|
className: D(E.list, i),
|
|
389
389
|
...e
|