/**

[67000] Fix | Delete

* Internal dependencies

[67001] Fix | Delete

*/

[67002] Fix | Delete

[67003] Fix | Delete

const spinAnimation = emotion_react_browser_esm_keyframes`

[67004] Fix | Delete

from {

[67005] Fix | Delete

transform: rotate(0deg);

[67006] Fix | Delete

}

[67007] Fix | Delete

to {

[67008] Fix | Delete

transform: rotate(360deg);

[67009] Fix | Delete

}

[67010] Fix | Delete

`;

[67011] Fix | Delete

const StyledSpinner = /*#__PURE__*/emotion_styled_base_browser_esm("svg", true ? {

[67012] Fix | Delete

target: "ea4tfvq2"

[67013] Fix | Delete

} : 0)("width:", config_values.spinnerSize, "px;height:", config_values.spinnerSize, "px;display:inline-block;margin:5px 11px 0;position:relative;color:", COLORS.theme.accent, ";overflow:visible;opacity:1;background-color:transparent;" + ( true ? "" : 0));

[67014] Fix | Delete

const commonPathProps = true ? {

[67015] Fix | Delete

name: "9s4963",

[67016] Fix | Delete

styles: "fill:transparent;stroke-width:1.5px"

[67017] Fix | Delete

} : 0;

[67018] Fix | Delete

const SpinnerTrack = /*#__PURE__*/emotion_styled_base_browser_esm("circle", true ? {

[67019] Fix | Delete

target: "ea4tfvq1"

[67020] Fix | Delete

} : 0)(commonPathProps, ";stroke:", COLORS.gray[300], ";" + ( true ? "" : 0));

[67021] Fix | Delete

const SpinnerIndicator = /*#__PURE__*/emotion_styled_base_browser_esm("path", true ? {

[67022] Fix | Delete

target: "ea4tfvq0"

[67023] Fix | Delete

} : 0)(commonPathProps, ";stroke:currentColor;stroke-linecap:round;transform-origin:50% 50%;animation:1.4s linear infinite both ", spinAnimation, ";" + ( true ? "" : 0));

[67024] Fix | Delete

[67025] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/spinner/index.js

[67026] Fix | Delete

/**

[67027] Fix | Delete

* External dependencies

[67028] Fix | Delete

*/

[67029] Fix | Delete

[67030] Fix | Delete

/**

[67031] Fix | Delete

* Internal dependencies

[67032] Fix | Delete

*/

[67033] Fix | Delete

[67034] Fix | Delete

/**

[67035] Fix | Delete

* WordPress dependencies

[67036] Fix | Delete

*/

[67037] Fix | Delete

[67038] Fix | Delete

[67039] Fix | Delete

[67040] Fix | Delete

function UnforwardedSpinner({

[67041] Fix | Delete

className,

[67042] Fix | Delete

...props

[67043] Fix | Delete

}, forwardedRef) {

[67044] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(StyledSpinner, {

[67045] Fix | Delete

className: dist_clsx('components-spinner', className),

[67046] Fix | Delete

viewBox: "0 0 100 100",

[67047] Fix | Delete

width: "16",

[67048] Fix | Delete

height: "16",

[67049] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[67050] Fix | Delete

role: "presentation",

[67051] Fix | Delete

focusable: "false",

[67052] Fix | Delete

...props,

[67053] Fix | Delete

ref: forwardedRef,

[67054] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SpinnerTrack, {

[67055] Fix | Delete

cx: "50",

[67056] Fix | Delete

cy: "50",

[67057] Fix | Delete

r: "50",

[67058] Fix | Delete

vectorEffect: "non-scaling-stroke"

[67059] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SpinnerIndicator, {

[67060] Fix | Delete

d: "m 50 0 a 50 50 0 0 1 50 50",

[67061] Fix | Delete

vectorEffect: "non-scaling-stroke"

[67062] Fix | Delete

})]

[67063] Fix | Delete

});

[67064] Fix | Delete

}

[67065] Fix | Delete

/**

[67066] Fix | Delete

* `Spinner` is a component used to notify users that their action is being processed.

[67067] Fix | Delete

*

[67068] Fix | Delete

* ```js

[67069] Fix | Delete

* import { Spinner } from '@wordpress/components';

[67070] Fix | Delete

*

[67071] Fix | Delete

* function Example() {

[67072] Fix | Delete

* return <Spinner />;

[67073] Fix | Delete

* }

[67074] Fix | Delete

* ```

[67075] Fix | Delete

*/

[67076] Fix | Delete

const Spinner = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedSpinner);

[67077] Fix | Delete

/* harmony default export */ const spinner = (Spinner);

[67078] Fix | Delete

[67079] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/surface/component.js

[67080] Fix | Delete

/**

[67081] Fix | Delete

* External dependencies

[67082] Fix | Delete

*/

[67083] Fix | Delete

[67084] Fix | Delete

/**

[67085] Fix | Delete

* Internal dependencies

[67086] Fix | Delete

*/

[67087] Fix | Delete

[67088] Fix | Delete

[67089] Fix | Delete

[67090] Fix | Delete

[67091] Fix | Delete

function UnconnectedSurface(props, forwardedRef) {

[67092] Fix | Delete

const surfaceProps = useSurface(props);

[67093] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(component, {

[67094] Fix | Delete

...surfaceProps,

[67095] Fix | Delete

ref: forwardedRef

[67096] Fix | Delete

});

[67097] Fix | Delete

}

[67098] Fix | Delete

[67099] Fix | Delete

/**

[67100] Fix | Delete

* `Surface` is a core component that renders a primary background color.

[67101] Fix | Delete

*

[67102] Fix | Delete

* In the example below, notice how the `Surface` renders in white (or dark gray if in dark mode).

[67103] Fix | Delete

*

[67104] Fix | Delete

* ```jsx

[67105] Fix | Delete

* import {

[67106] Fix | Delete

* __experimentalSurface as Surface,

[67107] Fix | Delete

* __experimentalText as Text,

[67108] Fix | Delete

* } from '@wordpress/components';

[67109] Fix | Delete

*

[67110] Fix | Delete

* function Example() {

[67111] Fix | Delete

* return (

[67112] Fix | Delete

* <Surface>

[67113] Fix | Delete

* <Text>Code is Poetry</Text>

[67114] Fix | Delete

* </Surface>

[67115] Fix | Delete

* );

[67116] Fix | Delete

* }

[67117] Fix | Delete

* ```

[67118] Fix | Delete

*/

[67119] Fix | Delete

const component_Surface = contextConnect(UnconnectedSurface, 'Surface');

[67120] Fix | Delete

/* harmony default export */ const surface_component = (component_Surface);

[67121] Fix | Delete

[67122] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@ariakit/core/esm/tab/tab-store.js

[67123] Fix | Delete

"use client";

[67124] Fix | Delete

[67125] Fix | Delete

[67126] Fix | Delete

[67127] Fix | Delete

[67128] Fix | Delete

[67129] Fix | Delete

[67130] Fix | Delete

[67131] Fix | Delete

[67132] Fix | Delete

// src/tab/tab-store.ts

[67133] Fix | Delete

function createTabStore(props = {}) {

[67134] Fix | Delete

var _a;

[67135] Fix | Delete

const syncState = (_a = props.store) == null ? void 0 : _a.getState();

[67136] Fix | Delete

const composite = createCompositeStore(_chunks_4R3V3JGP_spreadProps(_chunks_4R3V3JGP_spreadValues({}, props), {

[67137] Fix | Delete

orientation: defaultValue(

[67138] Fix | Delete

props.orientation,

[67139] Fix | Delete

syncState == null ? void 0 : syncState.orientation,

[67140] Fix | Delete

"horizontal"

[67141] Fix | Delete

),

[67142] Fix | Delete

focusLoop: defaultValue(props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)

[67143] Fix | Delete

}));

[67144] Fix | Delete

const panels = createCollectionStore();

[67145] Fix | Delete

const initialState = _chunks_4R3V3JGP_spreadProps(_chunks_4R3V3JGP_spreadValues({}, composite.getState()), {

[67146] Fix | Delete

selectedId: defaultValue(

[67147] Fix | Delete

props.selectedId,

[67148] Fix | Delete

syncState == null ? void 0 : syncState.selectedId,

[67149] Fix | Delete

props.defaultSelectedId,

[67150] Fix | Delete

void 0

[67151] Fix | Delete

),

[67152] Fix | Delete

selectOnMove: defaultValue(

[67153] Fix | Delete

props.selectOnMove,

[67154] Fix | Delete

syncState == null ? void 0 : syncState.selectOnMove,

[67155] Fix | Delete

true

[67156] Fix | Delete

)

[67157] Fix | Delete

});

[67158] Fix | Delete

const tab = createStore(initialState, composite, props.store);

[67159] Fix | Delete

setup(

[67160] Fix | Delete

tab,

[67161] Fix | Delete

() => sync(tab, ["moves"], () => {

[67162] Fix | Delete

const { activeId, selectOnMove } = tab.getState();

[67163] Fix | Delete

if (!selectOnMove)

[67164] Fix | Delete

return;

[67165] Fix | Delete

if (!activeId)

[67166] Fix | Delete

return;

[67167] Fix | Delete

const tabItem = composite.item(activeId);

[67168] Fix | Delete

if (!tabItem)

[67169] Fix | Delete

return;

[67170] Fix | Delete

if (tabItem.dimmed)

[67171] Fix | Delete

return;

[67172] Fix | Delete

if (tabItem.disabled)

[67173] Fix | Delete

return;

[67174] Fix | Delete

tab.setState("selectedId", tabItem.id);

[67175] Fix | Delete

})

[67176] Fix | Delete

);

[67177] Fix | Delete

setup(

[67178] Fix | Delete

tab,

[67179] Fix | Delete

() => batch(

[67180] Fix | Delete

tab,

[67181] Fix | Delete

["selectedId"],

[67182] Fix | Delete

(state) => tab.setState("activeId", state.selectedId)

[67183] Fix | Delete

)

[67184] Fix | Delete

);

[67185] Fix | Delete

setup(

[67186] Fix | Delete

tab,

[67187] Fix | Delete

() => sync(tab, ["selectedId", "renderedItems"], (state) => {

[67188] Fix | Delete

if (state.selectedId !== void 0)

[67189] Fix | Delete

return;

[67190] Fix | Delete

const { activeId, renderedItems } = tab.getState();

[67191] Fix | Delete

const tabItem = composite.item(activeId);

[67192] Fix | Delete

if (tabItem && !tabItem.disabled && !tabItem.dimmed) {

[67193] Fix | Delete

tab.setState("selectedId", tabItem.id);

[67194] Fix | Delete

} else {

[67195] Fix | Delete

const tabItem2 = renderedItems.find(

[67196] Fix | Delete

(item) => !item.disabled && !item.dimmed

[67197] Fix | Delete

);

[67198] Fix | Delete

tab.setState("selectedId", tabItem2 == null ? void 0 : tabItem2.id);

[67199] Fix | Delete

}

[67200] Fix | Delete

})

[67201] Fix | Delete

);

[67202] Fix | Delete

setup(

[67203] Fix | Delete

tab,

[67204] Fix | Delete

() => sync(tab, ["renderedItems"], (state) => {

[67205] Fix | Delete

const tabs = state.renderedItems;

[67206] Fix | Delete

if (!tabs.length)

[67207] Fix | Delete

return;

[67208] Fix | Delete

return sync(panels, ["renderedItems"], (state2) => {

[67209] Fix | Delete

const items = state2.renderedItems;

[67210] Fix | Delete

const hasOrphanPanels = items.some((panel) => !panel.tabId);

[67211] Fix | Delete

if (!hasOrphanPanels)

[67212] Fix | Delete

return;

[67213] Fix | Delete

items.forEach((panel, i) => {

[67214] Fix | Delete

if (panel.tabId)

[67215] Fix | Delete

return;

[67216] Fix | Delete

const tabItem = tabs[i];

[67217] Fix | Delete

if (!tabItem)

[67218] Fix | Delete

return;

[67219] Fix | Delete

panels.renderItem(_chunks_4R3V3JGP_spreadProps(_chunks_4R3V3JGP_spreadValues({}, panel), { tabId: tabItem.id }));

[67220] Fix | Delete

});

[67221] Fix | Delete

});

[67222] Fix | Delete

})

[67223] Fix | Delete

);

[67224] Fix | Delete

return _chunks_4R3V3JGP_spreadProps(_chunks_4R3V3JGP_spreadValues(_chunks_4R3V3JGP_spreadValues({}, composite), tab), {

[67225] Fix | Delete

panels,

[67226] Fix | Delete

setSelectedId: (id) => tab.setState("selectedId", id),

[67227] Fix | Delete

select: (id) => {

[67228] Fix | Delete

tab.setState("selectedId", id);

[67229] Fix | Delete

composite.move(id);

[67230] Fix | Delete

}

[67231] Fix | Delete

});

[67232] Fix | Delete

}

[67233] Fix | Delete

[67234] Fix | Delete

[67235] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/CQMDBRG5.js

[67236] Fix | Delete

"use client";

[67237] Fix | Delete

[67238] Fix | Delete

[67239] Fix | Delete

[67240] Fix | Delete

[67241] Fix | Delete

[67242] Fix | Delete

// src/tab/tab-store.ts

[67243] Fix | Delete

[67244] Fix | Delete

[67245] Fix | Delete

function useTabStoreProps(store, update, props) {

[67246] Fix | Delete

store = useCompositeStoreProps(store, update, props);

[67247] Fix | Delete

useStoreProps(store, props, "selectedId", "setSelectedId");

[67248] Fix | Delete

useStoreProps(store, props, "selectOnMove");

[67249] Fix | Delete

const [panels, updatePanels] = EKQEJRUF_useStore(() => store.panels, {});

[67250] Fix | Delete

useUpdateEffect(updatePanels, [store, updatePanels]);

[67251] Fix | Delete

return (0,external_React_.useMemo)(() => _4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({}, store), { panels }), [store, panels]);

[67252] Fix | Delete

}

[67253] Fix | Delete

function useTabStore(props = {}) {

[67254] Fix | Delete

const [store, update] = EKQEJRUF_useStore(createTabStore, props);

[67255] Fix | Delete

return useTabStoreProps(store, update, props);

[67256] Fix | Delete

}

[67257] Fix | Delete

[67258] Fix | Delete

[67259] Fix | Delete

[67260] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/4B73HROV.js

[67261] Fix | Delete

"use client";

[67262] Fix | Delete

[67263] Fix | Delete

[67264] Fix | Delete

[67265] Fix | Delete

// src/tab/tab-context.tsx

[67266] Fix | Delete

var _4B73HROV_ctx = createStoreContext(

[67267] Fix | Delete

[CompositeContextProvider],

[67268] Fix | Delete

[CompositeScopedContextProvider]

[67269] Fix | Delete

);

[67270] Fix | Delete

var useTabContext = _4B73HROV_ctx.useContext;

[67271] Fix | Delete

var useTabScopedContext = _4B73HROV_ctx.useScopedContext;

[67272] Fix | Delete

var useTabProviderContext = _4B73HROV_ctx.useProviderContext;

[67273] Fix | Delete

var TabContextProvider = _4B73HROV_ctx.ContextProvider;

[67274] Fix | Delete

var TabScopedContextProvider = _4B73HROV_ctx.ScopedContextProvider;

[67275] Fix | Delete

[67276] Fix | Delete

[67277] Fix | Delete

[67278] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/tab/tab-list.js

[67279] Fix | Delete

"use client";

[67280] Fix | Delete

[67281] Fix | Delete

[67282] Fix | Delete

[67283] Fix | Delete

[67284] Fix | Delete

[67285] Fix | Delete

[67286] Fix | Delete

[67287] Fix | Delete

[67288] Fix | Delete

[67289] Fix | Delete

[67290] Fix | Delete

[67291] Fix | Delete

[67292] Fix | Delete

// src/tab/tab-list.tsx

[67293] Fix | Delete

[67294] Fix | Delete

[67295] Fix | Delete

var useTabList = createHook((_a) => {

[67296] Fix | Delete

var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);

[67297] Fix | Delete

const context = useTabProviderContext();

[67298] Fix | Delete

store = store || context;

[67299] Fix | Delete

invariant(

[67300] Fix | Delete

store,

[67301] Fix | Delete

false && 0

[67302] Fix | Delete

);

[67303] Fix | Delete

const orientation = store.useState(

[67304] Fix | Delete

(state) => state.orientation === "both" ? void 0 : state.orientation

[67305] Fix | Delete

);

[67306] Fix | Delete

props = useWrapElement(

[67307] Fix | Delete

props,

[67308] Fix | Delete

(element) => /* @__PURE__ */ (0,external_ReactJSXRuntime_namespaceObject.jsx)(TabScopedContextProvider, { value: store, children: element }),

[67309] Fix | Delete

[store]

[67310] Fix | Delete

);

[67311] Fix | Delete

props = _4R3V3JGP_spreadValues({

[67312] Fix | Delete

role: "tablist",

[67313] Fix | Delete

"aria-orientation": orientation

[67314] Fix | Delete

}, props);

[67315] Fix | Delete

props = useComposite(_4R3V3JGP_spreadValues({ store }, props));

[67316] Fix | Delete

return props;

[67317] Fix | Delete

});

[67318] Fix | Delete

var tab_list_TabList = createComponent((props) => {

[67319] Fix | Delete

const htmlProps = useTabList(props);

[67320] Fix | Delete

return _3ORBWXWF_createElement("div", htmlProps);

[67321] Fix | Delete

});

[67322] Fix | Delete

if (false) {}

[67323] Fix | Delete

[67324] Fix | Delete

[67325] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/tab/tab.js

[67326] Fix | Delete

"use client";

[67327] Fix | Delete

[67328] Fix | Delete

[67329] Fix | Delete

[67330] Fix | Delete

[67331] Fix | Delete

[67332] Fix | Delete

[67333] Fix | Delete

[67334] Fix | Delete

[67335] Fix | Delete

[67336] Fix | Delete

[67337] Fix | Delete

[67338] Fix | Delete

[67339] Fix | Delete

[67340] Fix | Delete

[67341] Fix | Delete

[67342] Fix | Delete

// src/tab/tab.ts

[67343] Fix | Delete

[67344] Fix | Delete

[67345] Fix | Delete

var useTab = createHook(

[67346] Fix | Delete

(_a) => {

[67347] Fix | Delete

var _b = _a, {

[67348] Fix | Delete

store,

[67349] Fix | Delete

accessibleWhenDisabled = true,

[67350] Fix | Delete

getItem: getItemProp

[67351] Fix | Delete

} = _b, props = __objRest(_b, [

[67352] Fix | Delete

"store",

[67353] Fix | Delete

"accessibleWhenDisabled",

[67354] Fix | Delete

"getItem"

[67355] Fix | Delete

]);

[67356] Fix | Delete

const context = useTabScopedContext();

[67357] Fix | Delete

store = store || context;

[67358] Fix | Delete

invariant(

[67359] Fix | Delete

store,

[67360] Fix | Delete

false && 0

[67361] Fix | Delete

);

[67362] Fix | Delete

const defaultId = useId();

[67363] Fix | Delete

const id = props.id || defaultId;

[67364] Fix | Delete

const dimmed = disabledFromProps(props);

[67365] Fix | Delete

const getItem = (0,external_React_.useCallback)(

[67366] Fix | Delete

(item) => {

[67367] Fix | Delete

const nextItem = _4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({}, item), { dimmed });

[67368] Fix | Delete

if (getItemProp) {

[67369] Fix | Delete

return getItemProp(nextItem);

[67370] Fix | Delete

}

[67371] Fix | Delete

return nextItem;

[67372] Fix | Delete

},

[67373] Fix | Delete

[dimmed, getItemProp]

[67374] Fix | Delete

);

[67375] Fix | Delete

const onClickProp = props.onClick;

[67376] Fix | Delete

const onClick = useEvent((event) => {

[67377] Fix | Delete

onClickProp == null ? void 0 : onClickProp(event);

[67378] Fix | Delete

if (event.defaultPrevented)

[67379] Fix | Delete

return;

[67380] Fix | Delete

store == null ? void 0 : store.setSelectedId(id);

[67381] Fix | Delete

});

[67382] Fix | Delete

const panelId = store.panels.useState(

[67383] Fix | Delete

(state) => {

[67384] Fix | Delete

var _a2;

[67385] Fix | Delete

return (_a2 = state.items.find((item) => item.tabId === id)) == null ? void 0 : _a2.id;

[67386] Fix | Delete

}

[67387] Fix | Delete

);

[67388] Fix | Delete

const selected = store.useState((state) => !!id && state.selectedId === id);

[67389] Fix | Delete

props = _4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({

[67390] Fix | Delete

id,

[67391] Fix | Delete

role: "tab",

[67392] Fix | Delete

"aria-selected": selected,

[67393] Fix | Delete

"aria-controls": panelId || void 0

[67394] Fix | Delete

}, props), {

[67395] Fix | Delete

onClick

[67396] Fix | Delete

});

[67397] Fix | Delete

props = useCompositeItem(_4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({

[67398] Fix | Delete

store

[67399] Fix | Delete

}, props), {

[67400] Fix | Delete

accessibleWhenDisabled,

[67401] Fix | Delete

getItem,

[67402] Fix | Delete

shouldRegisterItem: !!defaultId ? props.shouldRegisterItem : false

[67403] Fix | Delete

}));

[67404] Fix | Delete

return props;

[67405] Fix | Delete

}

[67406] Fix | Delete

);

[67407] Fix | Delete

var Tab = createMemoComponent((props) => {

[67408] Fix | Delete

const htmlProps = useTab(props);

[67409] Fix | Delete

return _3ORBWXWF_createElement("button", htmlProps);

[67410] Fix | Delete

});

[67411] Fix | Delete

if (false) {}

[67412] Fix | Delete

[67413] Fix | Delete

[67414] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/tab/tab-panel.js

[67415] Fix | Delete

"use client";

[67416] Fix | Delete

[67417] Fix | Delete

[67418] Fix | Delete

[67419] Fix | Delete

[67420] Fix | Delete

[67421] Fix | Delete

[67422] Fix | Delete

[67423] Fix | Delete

[67424] Fix | Delete

[67425] Fix | Delete

[67426] Fix | Delete

[67427] Fix | Delete

[67428] Fix | Delete

[67429] Fix | Delete

[67430] Fix | Delete

[67431] Fix | Delete

[67432] Fix | Delete

// src/tab/tab-panel.tsx

[67433] Fix | Delete

[67434] Fix | Delete

[67435] Fix | Delete

[67436] Fix | Delete

[67437] Fix | Delete

var useTabPanel = createHook(

[67438] Fix | Delete

(_a) => {

[67439] Fix | Delete

var _b = _a, { store, tabId: tabIdProp, getItem: getItemProp } = _b, props = __objRest(_b, ["store", "tabId", "getItem"]);

[67440] Fix | Delete

const context = useTabProviderContext();

[67441] Fix | Delete

store = store || context;

[67442] Fix | Delete

invariant(

[67443] Fix | Delete

store,

[67444] Fix | Delete

false && 0

[67445] Fix | Delete

);

[67446] Fix | Delete

const ref = (0,external_React_.useRef)(null);

[67447] Fix | Delete

const id = useId(props.id);

[67448] Fix | Delete

const [hasTabbableChildren, setHasTabbableChildren] = (0,external_React_.useState)(false);

[67449] Fix | Delete

(0,external_React_.useEffect)(() => {

[67450] Fix | Delete

const element = ref.current;

[67451] Fix | Delete

if (!element)

[67452] Fix | Delete

return;

[67453] Fix | Delete

const tabbable = getAllTabbableIn(element);

[67454] Fix | Delete

setHasTabbableChildren(!!tabbable.length);

[67455] Fix | Delete

}, []);

[67456] Fix | Delete

const getItem = (0,external_React_.useCallback)(

[67457] Fix | Delete

(item) => {

[67458] Fix | Delete

const nextItem = _4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({}, item), { id: id || item.id, tabId: tabIdProp });

[67459] Fix | Delete

if (getItemProp) {

[67460] Fix | Delete

return getItemProp(nextItem);

[67461] Fix | Delete

}

[67462] Fix | Delete

return nextItem;

[67463] Fix | Delete

},

[67464] Fix | Delete

[id, tabIdProp, getItemProp]

[67465] Fix | Delete

);

[67466] Fix | Delete

props = useWrapElement(

[67467] Fix | Delete

props,

[67468] Fix | Delete

(element) => /* @__PURE__ */ (0,external_ReactJSXRuntime_namespaceObject.jsx)(TabScopedContextProvider, { value: store, children: element }),

[67469] Fix | Delete

[store]

[67470] Fix | Delete

);

[67471] Fix | Delete

const tabId = store.panels.useState(

[67472] Fix | Delete

() => {

[67473] Fix | Delete

var _a2;

[67474] Fix | Delete

return tabIdProp || ((_a2 = store == null ? void 0 : store.panels.item(id)) == null ? void 0 : _a2.tabId);

[67475] Fix | Delete

}

[67476] Fix | Delete

);

[67477] Fix | Delete

const open = store.useState(

[67478] Fix | Delete

(state) => !!tabId && state.selectedId === tabId

[67479] Fix | Delete

);

[67480] Fix | Delete

props = _4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({

[67481] Fix | Delete

id,

[67482] Fix | Delete

role: "tabpanel",

[67483] Fix | Delete

"aria-labelledby": tabId || void 0

[67484] Fix | Delete

}, props), {

[67485] Fix | Delete

ref: useMergeRefs(ref, props.ref)

[67486] Fix | Delete

});

[67487] Fix | Delete

const disclosure = useDisclosureStore({ open });

[67488] Fix | Delete

props = useFocusable(_4R3V3JGP_spreadValues({ focusable: !hasTabbableChildren }, props));

[67489] Fix | Delete

props = useDisclosureContent(_4R3V3JGP_spreadValues({ store: disclosure }, props));

[67490] Fix | Delete

props = useCollectionItem(_4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({ store: store.panels }, props), { getItem }));

[67491] Fix | Delete

return props;

[67492] Fix | Delete

}

[67493] Fix | Delete

);

[67494] Fix | Delete

var TabPanel = createComponent((props) => {

[67495] Fix | Delete

const htmlProps = useTabPanel(props);

[67496] Fix | Delete

return _3ORBWXWF_createElement("div", htmlProps);

[67497] Fix | Delete

});

[67498] Fix | Delete

if (false) {}

[67499] Fix | Delete