@okam/stack-ui 1.37.0 → 1.37.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/components/Dialog/interface.d.ts +5 -3
- package/components/Modal/interface.d.ts +6 -4
- package/components/SidePanel/interface.d.ts +9 -6
- package/hooks/useLabelledOverlay/index.d.ts +9 -0
- package/hooks/useLabelledOverlay/interface.d.ts +14 -0
- package/index.d.ts +2 -1
- package/index.js +1 -1
- package/index.mjs +72 -70
- package/index100.js +5 -1
- package/index100.mjs +88 -6
- package/index101.js +1 -12
- package/index101.mjs +6 -40
- package/index102.js +12 -1
- package/index102.mjs +36 -25
- package/index103.js +1 -1
- package/index103.mjs +24 -8
- package/index104.js +1 -7
- package/index104.mjs +7 -13
- package/index105.js +6 -14
- package/index105.mjs +13 -65
- package/index106.js +15 -1
- package/index106.mjs +71 -7
- package/index107.js +1 -41
- package/index107.mjs +7 -106
- package/index108.js +32 -38
- package/index108.mjs +78 -74
- package/index109.js +46 -15
- package/index109.mjs +96 -19
- package/index110.js +16 -1
- package/index110.mjs +20 -37
- package/index111.js +1 -1
- package/index111.mjs +42 -48
- package/index112.js +1 -1
- package/index112.mjs +47 -22
- package/index113.js +1 -2
- package/index113.mjs +22 -21
- package/index114.js +1 -1
- package/index114.mjs +2 -2
- package/index115.js +1 -1
- package/index115.mjs +1 -1
- package/index123.js +1 -1
- package/index123.mjs +1 -1
- package/index131.js +1 -1
- package/index131.mjs +23 -8
- package/index139.js +1 -1
- package/index139.mjs +6 -18
- package/index145.js +1 -1
- package/index145.mjs +1 -1
- package/index150.js +1 -1
- package/index150.mjs +54 -18
- package/index151.js +1 -1
- package/index151.mjs +21 -6
- package/index152.js +1 -1
- package/index152.mjs +6 -46
- package/index153.js +1 -2
- package/index153.mjs +11 -12
- package/index154.js +1 -1
- package/index154.mjs +46 -30
- package/index155.js +2 -1
- package/index155.mjs +13 -57
- package/index156.js +1 -1
- package/index156.mjs +29 -11
- package/index178.js +1 -1
- package/index178.mjs +1 -1
- package/index18.js +1 -1
- package/index18.mjs +1 -1
- package/index2.js +1 -1
- package/index2.mjs +21 -21
- package/index250.js +1 -1
- package/index250.mjs +1 -1
- package/index30.js +1 -1
- package/index30.mjs +15 -12
- package/index310.js +1 -1
- package/index310.mjs +1 -1
- package/index35.js +1 -1
- package/index35.mjs +20 -20
- package/index38.js +1 -1
- package/index38.mjs +13 -13
- package/index4.js +1 -1
- package/index4.mjs +1 -1
- package/index43.js +1 -1
- package/index43.mjs +1 -1
- package/index45.js +1 -1
- package/index45.mjs +1 -1
- package/index75.js +1 -1
- package/index75.mjs +34 -29
- package/index8.js +1 -1
- package/index8.mjs +45 -34
- package/index81.js +1 -1
- package/index81.mjs +1 -1
- package/index89.js +2 -1
- package/index89.mjs +20 -5
- package/index9.js +1 -1
- package/index9.mjs +21 -21
- package/index90.js +1 -1
- package/index90.mjs +5 -2
- package/index91.js +1 -6
- package/index91.mjs +2 -94
- package/index92.js +6 -1
- package/index92.mjs +79 -54
- package/index93.js +1 -1
- package/index93.mjs +61 -33
- package/index94.js +1 -42
- package/index94.mjs +34 -67
- package/index95.js +38 -60
- package/index95.mjs +65 -219
- package/index96.js +63 -8
- package/index96.mjs +215 -44
- package/index97.js +9 -1
- package/index97.mjs +48 -36
- package/index98.js +1 -1
- package/index98.mjs +40 -8
- package/index99.js +1 -5
- package/index99.mjs +10 -85
- package/package.json +1 -1
- package/providers/SidePanel/interface.d.ts +13 -4
- package/theme/SidePanel/index.d.ts +1 -1
- package/components/Lightbox/hooks/overlay/index.d.ts +0 -79
package/index156.mjs
CHANGED
|
@@ -1,14 +1,32 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { jsx as h } from "react/jsx-runtime";
|
|
2
|
+
import { useFocusManager as y, useKeyboard as P, usePress as k } from "react-aria";
|
|
3
|
+
import { useSwiperController as w } from "./index80.mjs";
|
|
4
|
+
import g from "./index6.mjs";
|
|
5
|
+
const N = (d) => {
|
|
6
|
+
const { themeName: l, tokens: u, slides: o, activeIndex: p, index: t } = d, { controller: e } = w(), s = y(), m = t === 0 ? o.length - 1 : t - 1, c = t === o.length - 1 ? 0 : t + 1, { keyboardProps: b } = P({
|
|
7
|
+
onKeyUp: (i) => {
|
|
8
|
+
i.key === "ArrowLeft" && (i.preventDefault(), s == null || s.focusPrevious({ wrap: !0 }), e == null || e.slideTo(m)), i.key === "ArrowRight" && (i.preventDefault(), s == null || s.focusNext({ wrap: !0 }), e == null || e.slideTo(c));
|
|
9
|
+
}
|
|
10
|
+
}), { pressProps: f } = k({
|
|
11
|
+
onPress: () => e == null ? void 0 : e.slideTo(t)
|
|
12
|
+
}), v = o[t], n = t === p, { title: r, id: x } = v, a = r && r.length > 0;
|
|
13
|
+
return /* @__PURE__ */ h(
|
|
14
|
+
g,
|
|
15
|
+
{
|
|
16
|
+
as: "button",
|
|
17
|
+
tabIndex: 0,
|
|
18
|
+
role: "button",
|
|
19
|
+
"aria-current": n ? "true" : "false",
|
|
20
|
+
"aria-disabled": n,
|
|
21
|
+
"aria-label": a ? void 0 : `${t + 1} / ${o.length}`,
|
|
22
|
+
"aria-labelledby": a ? x : void 0,
|
|
23
|
+
...b,
|
|
24
|
+
...f,
|
|
25
|
+
themeName: `${l}.bullet`,
|
|
26
|
+
tokens: { ...u, active: n }
|
|
27
|
+
}
|
|
28
|
+
);
|
|
11
29
|
};
|
|
12
30
|
export {
|
|
13
|
-
|
|
31
|
+
N as default
|
|
14
32
|
};
|
package/index178.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index150.js");function d(a,t){let{id:i,"aria-label":l,"aria-labelledby":e}=a;return i=r.useId(i),e&&l?e=[...new Set([i,...e.trim().split(/\s+/)])].join(" "):e&&(e=e.trim().split(/\s+/).join(" ")),!l&&!e&&t&&(l=t),{id:i,"aria-label":l,"aria-labelledby":e}}exports.useLabels=d;
|
package/index178.mjs
CHANGED
package/index18.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const e=require("react/jsx-runtime");require("./index2.js");const R=require("./index3.js");require("@react-aria/accordion");const b=require("react");require("./index78.js");const q=require("./index27.js"),x=require("react-aria");require("react-use");require("@react-spring/web");const v=require("./index73.js"),w=require("./index6.js");require("./index117.js");const F=require("react-stately");require("./index5.js");require("react-div-100vh");require("./index75.js");require("@react-aria/focus");require("./index10.js");require("./index80.js");require("./index12.js");require("./index126.js");require("sanitize-html");require("@react-aria/i18n");require("radashi");require("react-hook-form");require("./index81.js");const B=require("./index79.js"),I=require("./index54.js"),M=require("./index118.js");require("./index127.js");require("./index128.js");require("./index77.js");require("./index76.js");require("./index129.js");require("./index43.js");require("./index45.js");require("./index48.js");require("./index49.js");require("./index50.js");require("./index51.js");require("./index52.js");require("./index53.js");require("./index55.js");require("./index56.js");require("./index57.js");require("./index58.js");require("./index59.js");require("./index60.js");require("./index61.js");require("./index62.js");require("./index63.js");require("./index64.js");require("./index65.js");require("./index66.js");require("./index67.js");require("./index68.js");require("./index69.js");require("./index70.js");require("./index71.js");require("./index72.js");require("./index74.js");require("./
|
|
2
|
+
"use strict";const e=require("react/jsx-runtime");require("./index2.js");const R=require("./index3.js");require("@react-aria/accordion");const b=require("react");require("./index78.js");const q=require("./index27.js"),x=require("react-aria");require("react-use");require("@react-spring/web");const v=require("./index73.js"),w=require("./index6.js");require("./index117.js");const F=require("react-stately");require("./index5.js");require("react-div-100vh");require("./index75.js");require("@react-aria/focus");require("./index10.js");require("./index80.js");require("./index12.js");require("./index126.js");require("sanitize-html");require("@react-aria/i18n");require("radashi");require("react-hook-form");require("./index81.js");const B=require("./index79.js"),I=require("./index54.js"),M=require("./index118.js");require("./index127.js");require("./index128.js");require("./index77.js");require("./index76.js");require("./index129.js");require("./index43.js");require("./index45.js");require("./index48.js");require("./index49.js");require("./index50.js");require("./index51.js");require("./index52.js");require("./index53.js");require("./index55.js");require("./index56.js");require("./index57.js");require("./index58.js");require("./index59.js");require("./index60.js");require("./index61.js");require("./index62.js");require("./index63.js");require("./index64.js");require("./index65.js");require("./index66.js");require("./index67.js");require("./index68.js");require("./index69.js");require("./index70.js");require("./index71.js");require("./index72.js");require("./index74.js");require("./index90.js");const T=({value:n})=>n===""?e.jsx(M,{width:"16",height:"16"}):e.jsx(I,{width:"16",height:"16"}),Q=n=>{const{setUserSearchQuery:o}=B.useUserQueryValHook(),{label:c,themeName:r="search",tokens:f,customTheme:g,disabled:j,errorMessage:a,placeholder:k,icon:l,isDisabled:$}=n,i=$||j,h={...n,isDisabled:i},t=F.useSearchFieldState(h),d=b.useRef(null),{labelProps:S,inputProps:s,errorMessageProps:p,clearButtonProps:N}=x.useSearchField(h,t,d),C=b.useCallback(P=>{var m;o(t.value),(m=s.onChange)==null||m.call(s,P)},[o,t.value,s]),D=a!=null,u={...f,isError:D,isDisabled:i??!1},y=v(`${r}.input`,u,g);return e.jsxs(q.default,{themeName:`${r}.wrapper`,tokens:u,"aria-disabled":i??!1,children:[c&&e.jsx(q.default,{...S,as:"label",themeName:`${r}.label`,tokens:u,children:c}),e.jsxs(q.default,{themeName:`${r}.container`,tokens:u,children:[e.jsx("input",{ref:d,...s,onChange:C,placeholder:k,className:y,disabled:i}),e.jsx(x.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.default,{isDisabled:i,handlePress:N.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:i??!1},themeName:`${r}.icon`,"aria-label":"clear",children:[l==null&&e.jsx(T,{value:t.value}),l!=null&&l]})})]}),a&&e.jsx(R.default,{themeName:`${r}.errorMessage`,tokens:u,...p,children:a})]})};module.exports=Q;
|
package/index18.mjs
CHANGED
|
@@ -61,7 +61,7 @@ import "./index70.mjs";
|
|
|
61
61
|
import "./index71.mjs";
|
|
62
62
|
import "./index72.mjs";
|
|
63
63
|
import "./index74.mjs";
|
|
64
|
-
import "./
|
|
64
|
+
import "./index90.mjs";
|
|
65
65
|
const E = ({ value: m }) => m === "" ? /* @__PURE__ */ r(_, { width: "16", height: "16" }) : /* @__PURE__ */ r(U, { width: "16", height: "16" }), Lr = (m) => {
|
|
66
66
|
const { setUserSearchQuery: c } = Q(), {
|
|
67
67
|
label: h,
|
package/index2.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const d=require("react"),x=require("./index72.js"),p=require("./
|
|
2
|
+
"use strict";const d=require("react"),x=require("./index72.js"),p=require("./index92.js"),h=require("./index93.js"),i=require("./index94.js"),n=require("./index95.js"),g=require("./index96.js"),m=require("./index97.js"),t=require("./index98.js"),s=require("./index99.js"),f=require("./index100.js"),k=require("./index101.js"),b=require("./index102.js"),a=require("./index103.js"),u=require("./index104.js"),l=require("./index105.js"),o=require("./index106.js"),c=require("./index107.js"),q=require("./index108.js"),$=require("./index109.js"),w=require("./index110.js"),r=require("./index111.js"),I=require("./index91.js"),G=I.makeTheme({main:e=>i.main(e),gridItem:e=>i.gridItem(e),grid:e=>i.grid(e),container:e=>i.container(e),accordion:p.accordionTheme,carousel:m,calendar:g.calendarTheme,datePicker:f.datePickerTheme,popover:{button:e=>n(e),popover:()=>"border-2 text-black p-4 bg-gray-300"},typography:e=>r(e),button:e=>n(e),link:n,sidePanel:{wrapper:e=>c.sidePanelWrapper(e),container:e=>c.sidePanelContainer(e),innerContainer:e=>c.sidePanelInnerContainer(e)},lightBox:b,shareButton:{icon:e=>o.shareButtonIcon(e),button:e=>o.shareButton(e),container:e=>o.shareButtonContainer(e),linksList:e=>o.shareButtonLinksList(e),link:e=>o.shareButtonLink(e),linkIcons:e=>o.shareButtonLinkIcons(e)},checkbox:{container:e=>t.checkboxContainer(e),label:e=>t.checkboxLabel(e),checkBox:e=>t.checkBox(e),checkMark:e=>t.checkMark(e),checkMarkIcon:e=>t.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>a.radioLabel(e),radio:e=>a.radio(e),selectedMark:e=>a.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>u.radioGroup(e),radioGroupItemsGroup:e=>u.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>s.checkboxGroup(e),checkboxGroupItemsGroup:e=>s.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>n(e),ul:e=>r({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"}),popover:e=>n({...e,className:"w-[var(--select-container-width)]"}),errorMessage:e=>r({...e,size:"footnotes",isError:!0}),wrapper:()=>"flex flex-col gap-4 relative",container:()=>"flex flex-col gap-4",list:()=>"flex flex-col gap-4",li:()=>"transition w-full hover:text-gray-300 focus-ring-white",headerText:()=>"text-gray-300",section:()=>"flex flex-col gap-4"},textarea:{wrapper:()=>"flex flex-col",container:()=>"flex items-center gap-4",label:()=>"text-gray-3 px-6",input:e=>w.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},search:{wrapper:()=>"min-w-fit sm:w-80 flex flex-col gap-2",container:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",label:()=>"text-gray-3",input:e=>l.searchInput(e),icon:e=>l.searchIcon(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:{wrapper:()=>"group flex flex-col rounded-md px-4 py-1 mb-3 m-0.5 border-2 aria-disabled:pointer-events-none aria-disabled:opacity-30 focus-ring-black",label:()=>'group-has-[:required]:after:content-["_*"] group-has-[:required]:after:text-red-500 text-xs',container:()=>"flex items-center gap-4",input:()=>"",errorMessage:e=>r({...e,className:"ml-0",size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:k.imgTheme,alerts:h,tagGroup:$,tabList:q}),M=d.memo(x.createThemeProvider(G));module.exports=M;
|
package/index2.mjs
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import t from "react";
|
|
3
3
|
import { createThemeProvider as a } from "./index72.mjs";
|
|
4
|
-
import { accordionTheme as i } from "./
|
|
5
|
-
import n from "./
|
|
6
|
-
import { main as c, gridItem as s, grid as p, container as l } from "./
|
|
7
|
-
import o from "./
|
|
8
|
-
import { calendarTheme as m } from "./
|
|
9
|
-
import u from "./
|
|
10
|
-
import { checkboxContainer as f, checkboxLabel as h, checkBox as d, checkMark as x, checkMarkIcon as g } from "./
|
|
11
|
-
import { checkboxGroup as b, checkboxGroupItemsGroup as k } from "./
|
|
12
|
-
import { datePickerTheme as w } from "./
|
|
13
|
-
import { imgTheme as G } from "./
|
|
14
|
-
import I from "./
|
|
15
|
-
import { radioLabel as y, radio as M, selectedMark as T } from "./
|
|
16
|
-
import { radioGroup as B, radioGroupItemsGroup as v } from "./
|
|
17
|
-
import { searchInput as L, searchIcon as P } from "./
|
|
18
|
-
import { shareButtonIcon as C, shareButton as z, shareButtonContainer as E, shareButtonLinksList as N, shareButtonLink as _, shareButtonLinkIcons as q } from "./
|
|
19
|
-
import { sidePanelWrapper as A, sidePanelContainer as R, sidePanelInnerContainer as W } from "./
|
|
20
|
-
import j from "./
|
|
21
|
-
import D from "./
|
|
22
|
-
import { textArea as F } from "./
|
|
23
|
-
import r from "./
|
|
24
|
-
import { makeTheme as H } from "./
|
|
4
|
+
import { accordionTheme as i } from "./index92.mjs";
|
|
5
|
+
import n from "./index93.mjs";
|
|
6
|
+
import { main as c, gridItem as s, grid as p, container as l } from "./index94.mjs";
|
|
7
|
+
import o from "./index95.mjs";
|
|
8
|
+
import { calendarTheme as m } from "./index96.mjs";
|
|
9
|
+
import u from "./index97.mjs";
|
|
10
|
+
import { checkboxContainer as f, checkboxLabel as h, checkBox as d, checkMark as x, checkMarkIcon as g } from "./index98.mjs";
|
|
11
|
+
import { checkboxGroup as b, checkboxGroupItemsGroup as k } from "./index99.mjs";
|
|
12
|
+
import { datePickerTheme as w } from "./index100.mjs";
|
|
13
|
+
import { imgTheme as G } from "./index101.mjs";
|
|
14
|
+
import I from "./index102.mjs";
|
|
15
|
+
import { radioLabel as y, radio as M, selectedMark as T } from "./index103.mjs";
|
|
16
|
+
import { radioGroup as B, radioGroupItemsGroup as v } from "./index104.mjs";
|
|
17
|
+
import { searchInput as L, searchIcon as P } from "./index105.mjs";
|
|
18
|
+
import { shareButtonIcon as C, shareButton as z, shareButtonContainer as E, shareButtonLinksList as N, shareButtonLink as _, shareButtonLinkIcons as q } from "./index106.mjs";
|
|
19
|
+
import { sidePanelWrapper as A, sidePanelContainer as R, sidePanelInnerContainer as W } from "./index107.mjs";
|
|
20
|
+
import j from "./index108.mjs";
|
|
21
|
+
import D from "./index109.mjs";
|
|
22
|
+
import { textArea as F } from "./index110.mjs";
|
|
23
|
+
import r from "./index111.mjs";
|
|
24
|
+
import { makeTheme as H } from "./index91.mjs";
|
|
25
25
|
const J = H({
|
|
26
26
|
main: (e) => c(e),
|
|
27
27
|
gridItem: (e) => s(e),
|
package/index250.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./index310.js"),j=require("./index162.js"),N=require("./index307.js"),z=require("./index309.js"),G=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./index310.js"),j=require("./index162.js"),N=require("./index307.js"),z=require("./index309.js"),G=require("./index150.js"),A=require("./index123.js"),L=require("./index174.js"),H=require("./index192.js"),J=require("@react-aria/focus"),v=require("react");function Q(r){let{id:b,selectionManager:t,key:o,ref:s,shouldSelectOnPressUp:C,shouldUseVirtualFocus:l,focus:D,isDisabled:c,onAction:m,allowsDifferentPressOrigin:I,linkBehavior:p="action"}=r,F=L.useRouter();b=G.useId(b);let u=e=>{if(e.pointerType==="keyboard"&&O.isNonContiguousSelectionModifier(e))t.toggleSelection(o);else{if(t.selectionMode==="none")return;if(t.isLink(o)){if(p==="selection"&&s.current){let y=t.getItemProps(o);F.open(s.current,e,y.href,y.routerOptions),t.setSelectedKeys(t.selectedKeys);return}else if(p==="override"||p==="none")return}t.selectionMode==="single"?t.isSelected(o)&&!t.disallowEmptySelection?t.toggleSelection(o):t.replaceSelection(o):e&&e.shiftKey?t.extendSelection(o):t.selectionBehavior==="toggle"||e&&(H.isCtrlKeyPressed(e)||e.pointerType==="touch"||e.pointerType==="virtual")?t.toggleSelection(o):t.replaceSelection(o)}};v.useEffect(()=>{o===t.focusedKey&&t.isFocused&&(l?J.moveVirtualFocus(s.current):D?D():document.activeElement!==s.current&&s.current&&z.focusSafely(s.current))},[s,o,t.focusedKey,t.childFocusStrategy,t.isFocused,l]),c=c||t.isDisabled(o);let d={};!l&&!c?d={tabIndex:o===t.focusedKey?0:-1,onFocus(e){e.target===s.current&&t.setFocusedKey(o)}}:c&&(d.onMouseDown=e=>{e.preventDefault()});let E=t.isLink(o)&&p==="override",K=t.isLink(o)&&p!=="selection"&&p!=="none",i=!c&&t.canSelectItem(o)&&!E,k=(m||K)&&!c,a=k&&(t.selectionBehavior==="replace"?!i:!i||t.isEmpty),h=k&&i&&t.selectionBehavior==="replace",f=a||h,P=v.useRef(null),g=f&&i,T=v.useRef(!1),w=v.useRef(!1),S=e=>{if(m&&m(),K&&s.current){let y=t.getItemProps(o);F.open(s.current,e,y.href,y.routerOptions)}},n={ref:s};C?(n.onPressStart=e=>{P.current=e.pointerType,T.current=g,e.pointerType==="keyboard"&&(!f||$())&&u(e)},I?(n.onPressUp=a?void 0:e=>{e.pointerType==="mouse"&&i&&u(e)},n.onPress=a?S:e=>{e.pointerType!=="keyboard"&&e.pointerType!=="mouse"&&i&&u(e)}):n.onPress=e=>{if(a||h&&e.pointerType!=="mouse"){if(e.pointerType==="keyboard"&&!q())return;S(e)}else e.pointerType!=="keyboard"&&i&&u(e)}):(n.onPressStart=e=>{P.current=e.pointerType,T.current=g,w.current=a,i&&(e.pointerType==="mouse"&&!a||e.pointerType==="keyboard"&&(!k||$()))&&u(e)},n.onPress=e=>{(e.pointerType==="touch"||e.pointerType==="pen"||e.pointerType==="virtual"||e.pointerType==="keyboard"&&f&&q()||e.pointerType==="mouse"&&w.current)&&(f?S(e):i&&u(e))}),d["data-collection"]=O.getCollectionId(t.collection),d["data-key"]=o,n.preventFocusOnPress=l,l&&(n=A.mergeProps(n,{onPressStart(e){e.pointerType!=="touch"&&(t.setFocused(!0),t.setFocusedKey(o))},onPress(e){e.pointerType==="touch"&&(t.setFocused(!0),t.setFocusedKey(o))}}));let{pressProps:M,isPressed:B}=j.usePress(n),R=h?e=>{P.current==="mouse"&&(e.stopPropagation(),e.preventDefault(),S(e))}:void 0,{longPressProps:U}=N.useLongPress({isDisabled:!g,onLongPress(e){e.pointerType==="touch"&&(u(e),t.setSelectionBehavior("toggle"))}}),x=e=>{P.current==="touch"&&T.current&&e.preventDefault()},V=t.isLink(o)?e=>{L.openLink.isOpening||e.preventDefault()}:void 0;return{itemProps:A.mergeProps(d,i||a||l?M:{},g?U:{},{onDoubleClick:R,onDragStartCapture:x,onClick:V,id:b},l?{onMouseDown:e=>e.preventDefault()}:void 0),isPressed:B,isSelected:t.isSelected(o),isFocused:t.isFocused&&t.focusedKey===o,isDisabled:c,allowsSelection:i,hasAction:f}}function q(){let r=window.event;return(r==null?void 0:r.key)==="Enter"}function $(){let r=window.event;return(r==null?void 0:r.key)===" "||(r==null?void 0:r.code)==="Space"}exports.useSelectableItem=Q;
|
package/index250.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import { getCollectionId as R, isNonContiguousSelectionModifier as N } from "./i
|
|
|
2
2
|
import { usePress as j } from "./index162.mjs";
|
|
3
3
|
import { useLongPress as q } from "./index307.mjs";
|
|
4
4
|
import { focusSafely as z } from "./index309.mjs";
|
|
5
|
-
import { useId as G } from "./
|
|
5
|
+
import { useId as G } from "./index150.mjs";
|
|
6
6
|
import { mergeProps as K } from "./index123.mjs";
|
|
7
7
|
import { useRouter as H, openLink as J } from "./index174.mjs";
|
|
8
8
|
import { isCtrlKeyPressed as Q } from "./index192.mjs";
|
package/index30.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const e=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";const e=require("react/jsx-runtime"),d=require("react-aria"),m=require("./index138.js"),u=require("./index139.js"),h=require("./index140.js"),x=i=>{const{children:a,transitionComponent:c=m,state:s,themeName:n,tokens:l,...o}=i,{isOpen:r}=s,t={isOpen:r,...l};return e.jsx(d.OverlayContainer,{children:e.jsx(c,{themeName:`${n}.transition`,tokens:t,isVisible:r,children:e.jsx(h,{themeName:n,tokens:t,state:s,...o,children:e.jsx(u,{themeName:n,tokens:t,...o,children:a})})})})};module.exports=x;
|
package/index30.mjs
CHANGED
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as o } from "react/jsx-runtime";
|
|
3
|
-
import { OverlayContainer as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
const
|
|
3
|
+
import { OverlayContainer as d } from "react-aria";
|
|
4
|
+
import p from "./index138.mjs";
|
|
5
|
+
import c from "./index139.mjs";
|
|
6
|
+
import f from "./index140.mjs";
|
|
7
|
+
const T = (s) => {
|
|
8
8
|
const {
|
|
9
9
|
children: a,
|
|
10
|
-
transitionComponent: m =
|
|
10
|
+
transitionComponent: m = p,
|
|
11
11
|
state: e,
|
|
12
|
-
themeName:
|
|
13
|
-
tokens:
|
|
14
|
-
...
|
|
15
|
-
} = n
|
|
16
|
-
|
|
12
|
+
themeName: t,
|
|
13
|
+
tokens: l,
|
|
14
|
+
...r
|
|
15
|
+
} = s, { isOpen: i } = e, n = {
|
|
16
|
+
isOpen: i,
|
|
17
|
+
...l
|
|
18
|
+
};
|
|
19
|
+
return /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(m, { themeName: `${t}.transition`, tokens: n, isVisible: i, children: /* @__PURE__ */ o(f, { themeName: t, tokens: n, state: e, ...r, children: /* @__PURE__ */ o(c, { themeName: t, tokens: n, ...r, children: a }) }) }) });
|
|
17
20
|
};
|
|
18
21
|
export {
|
|
19
|
-
|
|
22
|
+
T as default
|
|
20
23
|
};
|
package/index310.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index150.js"),i=require("./index175.js");function u(e){return i.isAppleDevice()?e.altKey:e.ctrlKey}function a(e,t){var o,f;let r=`[data-key="${CSS.escape(String(t))}"]`,n=(o=e.current)===null||o===void 0?void 0:o.dataset.collection;return n&&(r=`[data-collection="${CSS.escape(n)}"]${r}`),(f=e.current)===null||f===void 0?void 0:f.querySelector(r)}const c=new WeakMap;function d(e){let t=l.useId();return c.set(e,t),t}function $(e){return c.get(e)}exports.getCollectionId=$;exports.getItemElement=a;exports.isNonContiguousSelectionModifier=u;exports.useCollectionId=d;
|
package/index310.mjs
CHANGED
package/index35.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const r=require("react/jsx-runtime"),x=require("./index76.js"),
|
|
2
|
+
"use strict";const r=require("react/jsx-runtime"),x=require("./index76.js"),q=require("./index8.js"),j=require("./index143.js"),P=o=>{const{id:n="main-menu",children:c,TransitionAnimation:u,PanelTransition:d,themeName:t,tokens:s,customTheme:i,...l}=o,{closeBtn:m,tabState:e,defaultSelectedKey:a}=x.useMenu();return r.jsx(q,{themeName:`${t}.sidePanel`,tokens:s,customTheme:i,closeBtnRender:m,id:n,TransitionAnimation:u,PanelTransition:d,onOpenChange:h=>{h||e==null||e.setSelectedKey(a)},children:r.jsx(j,{id:n,themeName:t,tokens:s,customTheme:i,...l,children:c})})};module.exports=P;
|
package/index35.mjs
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { useMenu as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
const
|
|
2
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { useMenu as h } from "./index76.mjs";
|
|
4
|
+
import p from "./index8.mjs";
|
|
5
|
+
import P from "./index143.mjs";
|
|
6
|
+
const B = (m) => {
|
|
7
7
|
const {
|
|
8
8
|
id: n = "main-menu",
|
|
9
9
|
children: s,
|
|
10
|
-
TransitionAnimation:
|
|
11
|
-
PanelTransition:
|
|
10
|
+
TransitionAnimation: a,
|
|
11
|
+
PanelTransition: l,
|
|
12
12
|
themeName: t,
|
|
13
13
|
tokens: o,
|
|
14
|
-
customTheme:
|
|
15
|
-
...
|
|
16
|
-
} = m, { closeBtn:
|
|
17
|
-
return /* @__PURE__ */
|
|
18
|
-
|
|
14
|
+
customTheme: i,
|
|
15
|
+
...d
|
|
16
|
+
} = m, { closeBtn: c, tabState: e, defaultSelectedKey: u } = h();
|
|
17
|
+
return /* @__PURE__ */ r(
|
|
18
|
+
p,
|
|
19
19
|
{
|
|
20
20
|
themeName: `${t}.sidePanel`,
|
|
21
21
|
tokens: o,
|
|
22
|
-
customTheme:
|
|
23
|
-
closeBtnRender:
|
|
22
|
+
customTheme: i,
|
|
23
|
+
closeBtnRender: c,
|
|
24
24
|
id: n,
|
|
25
|
-
TransitionAnimation:
|
|
26
|
-
PanelTransition:
|
|
27
|
-
|
|
28
|
-
e == null || e.setSelectedKey(u);
|
|
25
|
+
TransitionAnimation: a,
|
|
26
|
+
PanelTransition: l,
|
|
27
|
+
onOpenChange: (f) => {
|
|
28
|
+
f || e == null || e.setSelectedKey(u);
|
|
29
29
|
},
|
|
30
|
-
children: /* @__PURE__ */
|
|
30
|
+
children: /* @__PURE__ */ r(P, { id: n, themeName: t, tokens: o, customTheme: i, ...d, children: s })
|
|
31
31
|
}
|
|
32
32
|
);
|
|
33
33
|
};
|
|
34
34
|
export {
|
|
35
|
-
|
|
35
|
+
B as default
|
|
36
36
|
};
|
package/index38.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),d=require("./
|
|
2
|
+
"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),d=require("./index89.js"),x=require("./index142.js"),O=require("./index11.js"),y=require("./index129.js"),B=require("./index39.js"),C=e=>{const{themeName:t="alerts",tokens:s,customTheme:R,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=x,closeButtonAriaLabel:c,isOpen:f,onOpenChange:j,setOpen:A,children:u=B,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=d({...e,type:"dialog"},o,n);return r.jsxs(l,{...g,role:"alert",themeName:`${t}.wrapper`,tokens:s,isVisible:o.isOpen,children:[r.jsx(a,{ref:n,themeName:`${t}.closeBtn`,"aria-label":c,...p}),r.jsx(O,{themeName:t,tokens:s,...m,children:u})]})};module.exports=C;
|
package/index38.mjs
CHANGED
|
@@ -2,28 +2,28 @@
|
|
|
2
2
|
import { jsxs as g, jsx as n } from "react/jsx-runtime";
|
|
3
3
|
import { useRef as h } from "react";
|
|
4
4
|
import { useOverlayTriggerState as O } from "react-stately";
|
|
5
|
-
import d from "./
|
|
6
|
-
import C from "./
|
|
7
|
-
import y from "./
|
|
5
|
+
import d from "./index89.mjs";
|
|
6
|
+
import C from "./index142.mjs";
|
|
7
|
+
import y from "./index11.mjs";
|
|
8
8
|
import B from "./index129.mjs";
|
|
9
|
-
import
|
|
9
|
+
import b from "./index39.mjs";
|
|
10
10
|
const I = (e) => {
|
|
11
11
|
const {
|
|
12
12
|
themeName: t = "alerts",
|
|
13
13
|
tokens: r,
|
|
14
|
-
customTheme:
|
|
15
|
-
defaultOpen:
|
|
16
|
-
closeButton:
|
|
17
|
-
transitionComponent:
|
|
14
|
+
customTheme: A,
|
|
15
|
+
defaultOpen: l = !0,
|
|
16
|
+
closeButton: i = B,
|
|
17
|
+
transitionComponent: m = C,
|
|
18
18
|
closeButtonAriaLabel: a,
|
|
19
19
|
isOpen: v,
|
|
20
20
|
onOpenChange: x,
|
|
21
21
|
setOpen: N,
|
|
22
|
-
children: p =
|
|
22
|
+
children: p = b,
|
|
23
23
|
...u
|
|
24
|
-
} = e, o = h(null), s = O({ ...e, defaultOpen:
|
|
24
|
+
} = e, o = h(null), s = O({ ...e, defaultOpen: l }), { triggerProps: f, overlayProps: c } = d({ ...e, type: "dialog" }, s, o);
|
|
25
25
|
return /* @__PURE__ */ g(
|
|
26
|
-
|
|
26
|
+
m,
|
|
27
27
|
{
|
|
28
28
|
...c,
|
|
29
29
|
role: "alert",
|
|
@@ -32,7 +32,7 @@ const I = (e) => {
|
|
|
32
32
|
isVisible: s.isOpen,
|
|
33
33
|
children: [
|
|
34
34
|
/* @__PURE__ */ n(
|
|
35
|
-
|
|
35
|
+
i,
|
|
36
36
|
{
|
|
37
37
|
ref: o,
|
|
38
38
|
themeName: `${t}.closeBtn`,
|
|
@@ -40,7 +40,7 @@ const I = (e) => {
|
|
|
40
40
|
...f
|
|
41
41
|
}
|
|
42
42
|
),
|
|
43
|
-
/* @__PURE__ */ n(
|
|
43
|
+
/* @__PURE__ */ n(y, { themeName: t, tokens: r, ...u, children: p })
|
|
44
44
|
]
|
|
45
45
|
}
|
|
46
46
|
);
|
package/index4.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const r=require("react/jsx-runtime"),d=require("@react-aria/accordion"),m=require("react"),x=require("./index78.js"),q=require("./index27.js"),A=require("./
|
|
2
|
+
"use strict";const r=require("react/jsx-runtime"),d=require("@react-aria/accordion"),m=require("react"),x=require("./index78.js"),q=require("./index27.js"),A=require("./index112.js"),h=require("./index87.js"),l=e=>{const{themeName:c="accordion",tokens:n,customTheme:s,TransitionAnimation:u}=e,t=m.useRef(null),o=h(e),{accordionProps:a}=d.useAccordion(e,o,t);return r.jsx(x.AccordionContextProvider,{state:o,TransitionAnimation:u,children:r.jsx(q.BoxWithForwardRef,{themeName:`${c}.wrapper`,tokens:n,customTheme:s,ref:t,...a,children:[...o.collection].map(i=>r.jsx(A,{item:i,themeName:c,tokens:n},i.key))})})};module.exports=l;
|
package/index4.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { useAccordion as s } from "@react-aria/accordion";
|
|
|
4
4
|
import { useRef as f } from "react";
|
|
5
5
|
import { AccordionContextProvider as p } from "./index78.mjs";
|
|
6
6
|
import { BoxWithForwardRef as u } from "./index27.mjs";
|
|
7
|
-
import l from "./
|
|
7
|
+
import l from "./index112.mjs";
|
|
8
8
|
import A from "./index87.mjs";
|
|
9
9
|
const T = (o) => {
|
|
10
10
|
const { themeName: e = "accordion", tokens: c, customTheme: m, TransitionAnimation: a } = o, n = f(null), r = A(o), { accordionProps: d } = s(o, r, n);
|
package/index43.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index90.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:e,rendered:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TagItem=f;
|
package/index43.mjs
CHANGED
package/index45.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index90.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:e,rendered:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TabItem=f;
|
package/index45.mjs
CHANGED
package/index75.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),R=require("./index149.js"),s=require("react"),q=require("react-stately"),B=require("./index89.js"),[j,m]=R.default();function b(c){const{children:d,defaultSelectedKey:u,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:p=!1,onOpenChange:n,isOpen:P,defaultOpen:f,type:S="dialog"}=c,y=f??p,g=s.useRef(null),v=s.useRef(null),o=q.useOverlayTriggerState({isOpen:P,defaultOpen:y,onOpenChange(a){if(n==null||n(a),!a){t==null||t();return}e==null||e()}}),{triggerProps:r,overlayProps:l,labelProps:i}=B({type:S},o),O=s.useMemo(()=>({labelProps:i,overlayProps:l,defaultSelectedKey:u,overlayState:o,buttonProps:{closeButtonProps:r,closeButtonRef:v,openButtonProps:r,openButtonRef:g}}),[i,l,u,o,r]);return x.jsx(m,{value:O,children:d})}exports.SidePanelContextProvider=b;exports.useSidePanel=j;
|
package/index75.mjs
CHANGED
|
@@ -1,44 +1,49 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import { useRef as
|
|
5
|
-
import { useOverlayTriggerState as
|
|
6
|
-
import
|
|
7
|
-
const [
|
|
8
|
-
function
|
|
2
|
+
import { jsx as S } from "react/jsx-runtime";
|
|
3
|
+
import x from "./index149.mjs";
|
|
4
|
+
import { useRef as a, useMemo as B } from "react";
|
|
5
|
+
import { useOverlayTriggerState as R } from "react-stately";
|
|
6
|
+
import b from "./index89.mjs";
|
|
7
|
+
const [M, h] = x();
|
|
8
|
+
function T(i) {
|
|
9
9
|
const {
|
|
10
|
-
children:
|
|
11
|
-
defaultSelectedKey:
|
|
10
|
+
children: f,
|
|
11
|
+
defaultSelectedKey: s,
|
|
12
12
|
onOpenCallback: e,
|
|
13
|
-
onCloseCallback:
|
|
14
|
-
defaultIsOpen:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
defaultOpen:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
onCloseCallback: t,
|
|
14
|
+
defaultIsOpen: d = !1,
|
|
15
|
+
onOpenChange: o,
|
|
16
|
+
isOpen: c,
|
|
17
|
+
defaultOpen: P,
|
|
18
|
+
type: m = "dialog"
|
|
19
|
+
} = i, O = P ?? d, v = a(null), y = a(null), r = R({
|
|
20
|
+
isOpen: c,
|
|
21
|
+
defaultOpen: O,
|
|
22
|
+
onOpenChange(u) {
|
|
23
|
+
if (o == null || o(u), !u) {
|
|
24
|
+
t == null || t();
|
|
21
25
|
return;
|
|
22
26
|
}
|
|
23
27
|
e == null || e();
|
|
24
28
|
}
|
|
25
|
-
}), { triggerProps:
|
|
29
|
+
}), { triggerProps: n, overlayProps: l, labelProps: p } = b({ type: m }, r), g = B(
|
|
26
30
|
() => ({
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
31
|
+
labelProps: p,
|
|
32
|
+
overlayProps: l,
|
|
33
|
+
defaultSelectedKey: s,
|
|
34
|
+
overlayState: r,
|
|
30
35
|
buttonProps: {
|
|
31
|
-
closeButtonProps:
|
|
32
|
-
closeButtonRef:
|
|
33
|
-
openButtonProps:
|
|
34
|
-
openButtonRef:
|
|
36
|
+
closeButtonProps: n,
|
|
37
|
+
closeButtonRef: y,
|
|
38
|
+
openButtonProps: n,
|
|
39
|
+
openButtonRef: v
|
|
35
40
|
}
|
|
36
41
|
}),
|
|
37
|
-
[
|
|
42
|
+
[p, l, s, r, n]
|
|
38
43
|
);
|
|
39
|
-
return /* @__PURE__ */
|
|
44
|
+
return /* @__PURE__ */ S(h, { value: g, children: f });
|
|
40
45
|
}
|
|
41
46
|
export {
|
|
42
|
-
|
|
43
|
-
|
|
47
|
+
T as SidePanelContextProvider,
|
|
48
|
+
M as useSidePanel
|
|
44
49
|
};
|
package/index8.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const
|
|
2
|
+
"use strict";const t=require("react/jsx-runtime"),p=require("react"),N=require("react-div-100vh"),S=require("./index75.js"),T=require("./index33.js"),b=require("./index113.js"),o=require("./index27.js"),v=require("./index30.js"),D=d=>{const{children:l,closeBtnRender:a,themeName:e="sidePanel",tokens:u,TransitionAnimation:m=T,PanelTransition:h=b,onOpenChange:i,customTheme:x,isDismissable:q=!0,shouldCloseOnInteractOutside:f,isKeyboardDismissDisabled:P=!1,onCloseCallBack:r,title:j,...k}=d,{overlayState:c,overlayProps:$}=S.useSidePanel(),{isOpen:n}=c;p.useEffect(()=>{i==null||i(n),n||r==null||r()},[n,i,r]);const s={isOpen:n,...u};return t.jsx(v,{themeName:e,tokens:s,customTheme:x,state:c,...$,transitionComponent:h,isDismissable:q,shouldCloseOnInteractOutside:f,isKeyboardDismissDisabled:P,title:j,...k,children:t.jsxs(o.default,{as:N,themeName:`${e}.wrapper`,tokens:s,children:[a&&a(),t.jsx(m,{themeName:`${e}.transitionAnimation`,tokens:s,isVisible:n,children:t.jsx(o.default,{themeName:`${e}.container`,tokens:s,children:t.jsx(o.default,{themeName:`${e}.innerContainer`,tokens:s,children:l})})})]})})};module.exports=D;
|