@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/steppedProgressBar/SteppedProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SteppedProgressBar.js","sources":["../../../src/components/steppedProgressBar/SteppedProgressBar.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useState } from 'react';\nimport { Nav } from 'react-bootstrap';\n\nimport classNames from '../../utils/classNames';\n\nexport type SteppedProgressBarLabel = {\n    /**\n     * The element shown in the step element.\n     *\n     * This can be a single step number or an icon element.\n     */\n    icon?: string | ReactNode;\n\n    /**\n     * The label shown below the step element.\n     */\n    label?: string | ReactNode;\n\n    /**\n     * Additional classes to be set on the label element.\n     */\n    labelClassName?: string;\n\n    /**\n     * Additional classes to be set on the label wrapping element.\n     */\n    labelWrapperClassName?: string;\n};\n\nexport type SteppedProgressBarProps = {\n    /**\n     * Objects to defining the icon and the label of the navigation items.\n     *\n     * The icon can be a string or an icon.\n     */\n    labels: SteppedProgressBarLabel[];\n\n    /**\n     * Index of the selected navigation item.\n     */\n    selectedStepNumber: number;\n\n    /**\n     * Called with the new selected index after the user clicked a nav item.\n     */\n    onSelectedChanged: (selectedKey: number) => void;\n\n    /**\n     * The SteppedProgressBar Variant.\n     *\n     * One of `circle`, `rectangle` or `roadsign`.\n     *\n     * @default 'circle'\n     */\n    variant?: 'circle' | 'rectangle' | 'roadsign';\n\n    /**\n     * All navigation items with a higher index than this will be disabled.\n     */\n    disableFollowingPages?: number;\n\n    /**\n     * Deactivating the wrapping of bubbles on mobile.\n     *\n     * @default true\n     */\n    mobileBreakpoint?: boolean;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nconst SteppedProgressBar = (props: SteppedProgressBarProps) => {\n    const {\n        labels,\n        selectedStepNumber,\n        onSelectedChanged,\n        variant = 'circle',\n        disableFollowingPages: disableFollowingPageIndex,\n        mobileBreakpoint = true,\n        className = '',\n    } = props;\n\n    const [disableFollowingPages, setDisableFollowingPages] = useState(\n        disableFollowingPageIndex ? disableFollowingPageIndex : selectedStepNumber\n    );\n\n    useEffect(() => {\n        if (disableFollowingPageIndex !== undefined) {\n            if (disableFollowingPageIndex < selectedStepNumber) {\n                console.warn(\n                    'Invalid component state detected in SteppedProgressBar: can not disable following ' +\n                        `pages ${disableFollowingPageIndex} when selectedStep is ${selectedStepNumber}!`\n                );\n                return;\n            }\n\n            setDisableFollowingPages(disableFollowingPageIndex);\n        } else if (selectedStepNumber > disableFollowingPages) {\n            setDisableFollowingPages(selectedStepNumber);\n        }\n    }, [disableFollowingPageIndex, selectedStepNumber]);\n\n    const wrapperClasses = classNames(\n        'stepped-progress-bar',\n        variant && `variant-${variant}`,\n        mobileBreakpoint && 'mobile-breakpoint',\n        className && className\n    );\n\n    const handleSelect = (selectedKey: string | null) => onSelectedChanged(Number(selectedKey));\n\n    return (\n        <Nav className={wrapperClasses} activeKey={selectedStepNumber} onSelect={handleSelect}>\n            {labels.map((labelObject, index) => (\n                <Nav.Link\n                    key={index}\n                    eventKey={index}\n                    disabled={index > disableFollowingPages}\n                    as='a'\n                    className={classNames('step-tab', labelObject.labelWrapperClassName)}\n                >\n                    <div className='step-tab-content'>\n                        <div className='item-icon'>{labelObject.icon}</div>\n                        <div className={classNames('item-label', labelObject.labelClassName)}>{labelObject.label}</div>\n                    </div>\n                </Nav.Link>\n            ))}\n        </Nav>\n    );\n};\n\nSteppedProgressBar.VARIANT_CIRCLE = 'circle' as const;\nSteppedProgressBar.VARIANT_RECTANGLE = 'rectangle' as const;\nSteppedProgressBar.VARIANT_ROADSIGN = 'roadsign' as const;\n\nexport default SteppedProgressBar;\n"],"names":["SteppedProgressBar","props","labels","selectedStepNumber","onSelectedChanged","variant","disableFollowingPageIndex","mobileBreakpoint","className","disableFollowingPages","setDisableFollowingPages","useState","useEffect","wrapperClasses","classNames","jsx","Nav","selectedKey","labelObject","index","jsxs"],"mappings":";;;;AA0EA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,uBAAuBC;AAAA,IACvB,kBAAAC,IAAmB;AAAA,IACnB,WAAAC,IAAY;AAAA,EAAA,IACZP,GAEE,CAACQ,GAAuBC,CAAwB,IAAIC;AAAA,IACtDL,KAAwDH;AAAA,EAAA;AAG5D,EAAAS,EAAU,MAAM;AACZ,QAAIN,MAA8B,QAAW;AACzC,UAAIA,IAA4BH,GAAoB;AAChD,gBAAQ;AAAA,UACJ,2FACaG,CAAyB,yBAAyBH,CAAkB;AAAA,QAAA;AAErF;AAAA,MACJ;AAEA,MAAAO,EAAyBJ,CAAyB;AAAA,IACtD,MAAA,CAAWH,IAAqBM,KAC5BC,EAAyBP,CAAkB;AAAA,EAEnD,GAAG,CAACG,GAA2BH,CAAkB,CAAC;AAElD,QAAMU,IAAiBC;AAAA,IACnB;AAAA,IACAT,KAAW,WAAWA,CAAO;AAAA,IAC7BE,KAAoB;AAAA,IACpBC,KAAaA;AAAA,EAAA;AAKjB,SACI,gBAAAO,EAACC,GAAA,EAAI,WAAWH,GAAgB,WAAWV,GAAoB,UAH9C,CAACc,MAA+Bb,EAAkB,OAAOa,CAAW,CAAC,GAIjF,UAAAf,EAAO,IAAI,CAACgB,GAAaC,MACtB,gBAAAJ;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MAEG,UAAUG;AAAA,MACV,UAAUA,IAAQV;AAAA,MAClB,IAAG;AAAA,MACH,WAAWK,EAAW,YAAYI,EAAY,qBAAqB;AAAA,MAEnE,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,QAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,aAAa,UAAAG,EAAY,MAAK;AAAA,QAC7C,gBAAAH,EAAC,SAAI,WAAWD,EAAW,cAAcI,EAAY,cAAc,GAAI,UAAAA,EAAY,MAAA,CAAM;AAAA,MAAA,EAAA,CAC7F;AAAA,IAAA;AAAA,IATKC;AAAA,EAAA,CAWZ,GACL;AAER;AAEAnB,EAAmB,iBAAiB;AACpCA,EAAmB,oBAAoB;AACvCA,EAAmB,mBAAmB;"}
+{"version":3,"file":"SteppedProgressBar.js","names":[],"sources":["../../../src/components/steppedProgressBar/SteppedProgressBar.tsx"],"sourcesContent":["import { type KeyboardEvent, type MouseEvent, type ReactNode, useEffect, useState } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type SteppedProgressBarLabel = {\n    /**\n     * The element shown in the step element.\n     *\n     * This can be a single step number or an icon element.\n     */\n    icon?: string | ReactNode;\n\n    /**\n     * The label shown below the step element.\n     */\n    label?: string | ReactNode;\n\n    /**\n     * Additional classes to be set on the label element.\n     */\n    labelClassName?: string;\n\n    /**\n     * Additional classes to be set on the label wrapping element.\n     */\n    labelWrapperClassName?: string;\n};\n\nexport type SteppedProgressBarProps = {\n    /**\n     * Objects to defining the icon and the label of the navigation items.\n     *\n     * The icon can be a string or an icon.\n     */\n    labels: SteppedProgressBarLabel[];\n\n    /**\n     * Index of the selected navigation item.\n     */\n    selectedStepNumber: number;\n\n    /**\n     * Called with the new selected index after the user clicked a nav item.\n     */\n    onSelectedChanged: (selectedKey: number) => void;\n\n    /**\n     * The SteppedProgressBar Variant.\n     *\n     * One of `circle`, `rectangle` or `roadsign`.\n     *\n     * @default 'circle'\n     */\n    variant?: 'circle' | 'rectangle' | 'roadsign';\n\n    /**\n     * All navigation items with a higher index than this will be disabled.\n     */\n    disableFollowingPages?: number;\n\n    /**\n     * Deactivating the wrapping of bubbles on mobile.\n     *\n     * @default true\n     */\n    mobileBreakpoint?: boolean;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nconst SteppedProgressBar = (props: SteppedProgressBarProps) => {\n    const {\n        labels,\n        selectedStepNumber,\n        onSelectedChanged,\n        variant = 'circle',\n        disableFollowingPages: disableFollowingPageIndex,\n        mobileBreakpoint = true,\n        className = '',\n    } = props;\n\n    const [disableFollowingPages, setDisableFollowingPages] = useState(\n        disableFollowingPageIndex ? disableFollowingPageIndex : selectedStepNumber\n    );\n\n    useEffect(() => {\n        if (disableFollowingPageIndex !== undefined) {\n            if (disableFollowingPageIndex < selectedStepNumber) {\n                console.warn(\n                    'Invalid component state detected in SteppedProgressBar: can not disable following ' +\n                        `pages ${disableFollowingPageIndex} when selectedStep is ${selectedStepNumber}!`\n                );\n                return;\n            }\n\n            setDisableFollowingPages(disableFollowingPageIndex);\n        } else if (selectedStepNumber > disableFollowingPages) {\n            setDisableFollowingPages(selectedStepNumber);\n        }\n    }, [disableFollowingPageIndex, selectedStepNumber]);\n\n    const wrapperClasses = classNames(\n        'stepped-progress-bar',\n        variant && `variant-${variant}`,\n        mobileBreakpoint && 'mobile-breakpoint',\n        className && className\n    );\n\n    const handleSelect = (event: MouseEvent<HTMLAnchorElement>, index: number, selectable: boolean) => {\n        event.preventDefault();\n\n        if (selectable) {\n            onSelectedChanged(index);\n        }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLAnchorElement>, index: number, selectable: boolean) => {\n        if (event.key === ' ') {\n            event.preventDefault();\n\n            if (selectable) {\n                onSelectedChanged(index);\n            }\n        }\n    };\n\n    return (\n        <div className={wrapperClasses}>\n            {labels.map((labelObject, index) => {\n                const disabled = index > disableFollowingPages;\n                const active = index === selectedStepNumber;\n                const selectable = !active && !disabled;\n\n                return (\n                    <a\n                        key={index}\n                        href='#'\n                        role='button'\n                        aria-current={active ? 'step' : undefined}\n                        aria-disabled={disabled ? true : undefined}\n                        tabIndex={disabled ? -1 : undefined}\n                        className={classNames(\n                            'step-tab',\n                            'text-decoration-none',\n                            active && 'active',\n                            disabled && 'disabled',\n                            labelObject.labelWrapperClassName\n                        )}\n                        onClick={event => handleSelect(event, index, selectable)}\n                        onKeyDown={event => handleKeyDown(event, index, selectable)}\n                    >\n                        <div className='step-tab-content'>\n                            <div className='item-icon'>{labelObject.icon}</div>\n                            <div className={classNames('item-label', labelObject.labelClassName)}>\n                                {labelObject.label}\n                            </div>\n                        </div>\n                    </a>\n                );\n            })}\n        </div>\n    );\n};\n\nSteppedProgressBar.VARIANT_CIRCLE = 'circle' as const;\nSteppedProgressBar.VARIANT_RECTANGLE = 'rectangle' as const;\nSteppedProgressBar.VARIANT_ROADSIGN = 'roadsign' as const;\n\nexport default SteppedProgressBar;\n"],"mappings":";;;;AAyEA,IAAM,KAAsB,MAAmC;CAC3D,IAAM,EACF,WACA,uBACA,sBACA,aAAU,UACV,uBAAuB,GACvB,sBAAmB,IACnB,eAAY,OACZ,GAEE,CAAC,GAAuB,KAA4B,EACtD,KAAwD,CAC5D;CAEA,QAAgB;EACZ,IAAI,MAA8B,KAAA,GAAW;GACzC,IAAI,IAA4B,GAAoB;IAChD,QAAQ,KACJ,2FACa,EAA0B,wBAAwB,EAAmB,EACtF;IACA;GACJ;GAEA,EAAyB,CAAyB;EACtD,OAAO,AAAI,IAAqB,KAC5B,EAAyB,CAAkB;CAEnD,GAAG,CAAC,GAA2B,CAAkB,CAAC;CAElD,IAAM,IAAiB,EACnB,wBACA,KAAW,WAAW,KACtB,KAAoB,qBACpB,KAAa,CACjB,GAEM,KAAgB,GAAsC,GAAe,MAAwB;EAG/F,AAFA,EAAM,eAAe,GAEjB,KACA,EAAkB,CAAK;CAE/B,GAEM,KAAiB,GAAyC,GAAe,MAAwB;EACnG,AAAI,EAAM,QAAQ,QACd,EAAM,eAAe,GAEjB,KACA,EAAkB,CAAK;CAGnC;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW;YACX,EAAO,KAAK,GAAa,MAAU;GAChC,IAAM,IAAW,IAAQ,GACnB,IAAS,MAAU,GACnB,IAAa,CAAC,KAAU,CAAC;GAE/B,OACI,kBAAC,KAAD;IAEI,MAAK;IACL,MAAK;IACL,gBAAc,IAAS,SAAS,KAAA;IAChC,iBAAe,IAAW,KAAO,KAAA;IACjC,UAAU,IAAW,KAAK,KAAA;IAC1B,WAAW,EACP,YACA,wBACA,KAAU,UACV,KAAY,YACZ,EAAY,qBAChB;IACA,UAAS,MAAS,EAAa,GAAO,GAAO,CAAU;IACvD,YAAW,MAAS,EAAc,GAAO,GAAO,CAAU;cAE1D,kBAAC,OAAD;KAAK,WAAU;eAAf,CACI,kBAAC,OAAD;MAAK,WAAU;gBAAa,EAAY;KAAU,CAAA,GAClD,kBAAC,OAAD;MAAK,WAAW,EAAW,cAAc,EAAY,cAAc;gBAC9D,EAAY;KACZ,CAAA,CACJ;;GACN,GAtBM,CAsBN;EAEX,CAAC;CACA,CAAA;AAEb;AAEA,EAAmB,iBAAiB,UACpC,EAAmB,oBAAoB,aACvC,EAAmB,mBAAmB"}

package/components/supportMarker/toggleSupportMarker.js

@@ -1,17 +1,14 @@
-const t = "show-support-marker", o = () => {
-  if (!document || !document.documentElement)
-    return;
-  const e = document.documentElement.classList;
-  e.contains(t) ? e.remove(t) : e.add(t);
-}, s = (e) => {
-  if (!document || !document.documentElement)
-    return;
-  const n = document.documentElement.classList;
-  e ? n.add(t) : n.remove(t);
+//#region src/components/supportMarker/toggleSupportMarker.ts
+var e = "show-support-marker", t = () => {
+	if (!document || !document.documentElement) return;
+	let t = document.documentElement.classList;
+	t.contains("show-support-marker") ? t.remove(e) : t.add(e);
+}, n = (t) => {
+	if (!document || !document.documentElement) return;
+	let n = document.documentElement.classList;
+	t ? n.add(e) : n.remove(e);
 };
-export {
-  t as SUPPORT_MARKER_CLASS,
-  s as enableSupportMarker,
-  o as toggleSupportMarker
-};
-//# sourceMappingURL=toggleSupportMarker.js.map
+//#endregion
+export { e as SUPPORT_MARKER_CLASS, n as enableSupportMarker, t as toggleSupportMarker };
+
+//# sourceMappingURL=toggleSupportMarker.js.map

package/components/supportMarker/toggleSupportMarker.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggleSupportMarker.js","sources":["../../../src/components/supportMarker/toggleSupportMarker.ts"],"sourcesContent":["export const SUPPORT_MARKER_CLASS = 'show-support-marker';\n\nexport const toggleSupportMarker = () => {\n    if (!document || !document.documentElement) {\n        return;\n    }\n\n    const htmlClassList = document.documentElement.classList;\n    if (htmlClassList.contains(SUPPORT_MARKER_CLASS)) {\n        htmlClassList.remove(SUPPORT_MARKER_CLASS);\n    } else {\n        htmlClassList.add(SUPPORT_MARKER_CLASS);\n    }\n};\n\nexport const enableSupportMarker = (enabled: boolean) => {\n    if (!document || !document.documentElement) {\n        return;\n    }\n\n    const htmlClassList = document.documentElement.classList;\n\n    if (enabled) {\n        htmlClassList.add(SUPPORT_MARKER_CLASS);\n    } else {\n        htmlClassList.remove(SUPPORT_MARKER_CLASS);\n    }\n};\n"],"names":["SUPPORT_MARKER_CLASS","toggleSupportMarker","htmlClassList","enableSupportMarker","enabled"],"mappings":"AAAO,MAAMA,IAAuB,uBAEvBC,IAAsB,MAAM;AACrC,MAAI,CAAC,YAAY,CAAC,SAAS;AACvB;AAGJ,QAAMC,IAAgB,SAAS,gBAAgB;AAC/C,EAAIA,EAAc,SAASF,CAAoB,IAC3CE,EAAc,OAAOF,CAAoB,IAEzCE,EAAc,IAAIF,CAAoB;AAE9C,GAEaG,IAAsB,CAACC,MAAqB;AACrD,MAAI,CAAC,YAAY,CAAC,SAAS;AACvB;AAGJ,QAAMF,IAAgB,SAAS,gBAAgB;AAE/C,EAAIE,IACAF,EAAc,IAAIF,CAAoB,IAEtCE,EAAc,OAAOF,CAAoB;AAEjD;"}
+{"version":3,"file":"toggleSupportMarker.js","names":[],"sources":["../../../src/components/supportMarker/toggleSupportMarker.ts"],"sourcesContent":["export const SUPPORT_MARKER_CLASS = 'show-support-marker';\n\nexport const toggleSupportMarker = () => {\n    if (!document || !document.documentElement) {\n        return;\n    }\n\n    const htmlClassList = document.documentElement.classList;\n    if (htmlClassList.contains(SUPPORT_MARKER_CLASS)) {\n        htmlClassList.remove(SUPPORT_MARKER_CLASS);\n    } else {\n        htmlClassList.add(SUPPORT_MARKER_CLASS);\n    }\n};\n\nexport const enableSupportMarker = (enabled: boolean) => {\n    if (!document || !document.documentElement) {\n        return;\n    }\n\n    const htmlClassList = document.documentElement.classList;\n\n    if (enabled) {\n        htmlClassList.add(SUPPORT_MARKER_CLASS);\n    } else {\n        htmlClassList.remove(SUPPORT_MARKER_CLASS);\n    }\n};\n"],"mappings":";AAAA,IAAa,IAAuB,uBAEvB,UAA4B;CACrC,IAAI,CAAC,YAAY,CAAC,SAAS,iBACvB;CAGJ,IAAM,IAAgB,SAAS,gBAAgB;CAC/C,AAAI,EAAc,SAAA,qBAA6B,IAC3C,EAAc,OAAO,CAAoB,IAEzC,EAAc,IAAI,CAAoB;AAE9C,GAEa,KAAuB,MAAqB;CACrD,IAAI,CAAC,YAAY,CAAC,SAAS,iBACvB;CAGJ,IAAM,IAAgB,SAAS,gBAAgB;CAE/C,AAAI,IACA,EAAc,IAAI,CAAoB,IAEtC,EAAc,OAAO,CAAoB;AAEjD"}

package/components/switch/Switch.js

@@ -1,94 +1,81 @@
-import { jsx as o, jsxs as N } from "react/jsx-runtime";
-import { forwardRef as S, useRef as E, useState as O, useLayoutEffect as R } from "react";
-import { noop as P } from "es-toolkit/function";
-import m from "../../utils/classNames.js";
-import { getCurrentBackgroundColor as D } from "../../utils/currentColors.js";
-const f = 40, H = 28, U = ({ enabledText: d, disabledText: h, minWidth: n, autoMinWidth: x }) => {
-  const t = E(null), [p, u] = O(f), c = n !== void 0, e = [d, h].filter((s) => !!s).reduce(
-    (s, i) => i.length > s.length ? i : s,
-    ""
-  ), l = !!(d || h), a = !c && x, r = c ? n : a ? p : l ? void 0 : f;
-  return R(() => {
-    if (!a)
-      return;
-    if (!e) {
-      u(f);
-      return;
-    }
-    const s = t.current?.offsetWidth ?? 0, i = Math.ceil(s) + H;
-    u(Math.max(f, i));
-  }, [e, a]), { computedMinWidth: r, longestText: e, shouldUseAutoTextWidth: a, textMeasureRef: t };
-}, M = S((d, h) => {
-  const {
-    keyName: n,
-    checked: x = !1,
-    enabledText: t,
-    minWidth: p,
-    autoMinWidth: u = !1,
-    disabled: c = !1,
-    color: T = "primary",
-    disabledText: e,
-    children: l,
-    className: a = "",
-    labelPosition: r = l ? "right" : void 0,
-    onChange: s = P,
-    customTextStyle: i = !1,
-    ...W
-  } = d, { computedMinWidth: C, longestText: g, shouldUseAutoTextWidth: v, textMeasureRef: A } = U({
-    enabledText: t,
-    disabledText: e,
-    minWidth: p,
-    autoMinWidth: u
-  }), I = (k) => {
-    s(k.target.checked);
-  }, L = !!(t && e), y = !!(t && !e), w = m("uikit-switch", a), B = m(
-    "switch-label",
-    w,
-    c && "cursor-not-allowed",
-    r && `label-position-${r}`,
-    r === "left" && "display-inline-flex height-20"
-  ), _ = m("switch-content"), b = D(T);
-  return /* @__PURE__ */ o("div", { ref: h, ...W, className: w, children: /* @__PURE__ */ N("label", { className: B, children: [
-    v && g && /* @__PURE__ */ o("span", { ref: A, className: "switch-text-measure", "aria-hidden": "true", children: g }),
-    /* @__PURE__ */ o(
-      "input",
-      {
-        onChange: I,
-        checked: x,
-        type: "checkbox",
-        id: n,
-        className: "switch-input",
-        disabled: c
-      },
-      n
-    ),
-    /* @__PURE__ */ N(
-      "div",
-      {
-        className: _,
-        style: { color: b, minWidth: C },
-        children: [
-          L ? /* @__PURE__ */ o("div", { className: "switch-text", "data-on": t, "data-off": e }) : y && /* @__PURE__ */ o("div", { className: "switch-text", "data-on": t, "data-off": t }),
-          /* @__PURE__ */ o("div", { className: "switch-handle" })
-        ]
-      }
-    ),
-    l && /* @__PURE__ */ o(
-      "div",
-      {
-        className: m(
-          "switch-text-wrapper",
-          "user-select-none",
-          i ? "" : "padding-top-1"
-        ),
-        children: l
-      }
-    )
-  ] }) });
+import e from "../../utils/classNames.js";
+import { getCurrentBackgroundColor as t } from "../../utils/currentColors.js";
+import { forwardRef as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
+import { noop as o } from "es-toolkit/function";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/switch/Switch.tsx
+var l = 40, u = 28, d = ({ enabledText: e, disabledText: t, minWidth: n, autoMinWidth: o }) => {
+	let s = i(null), [c, d] = a(l), f = n !== void 0, p = [e, t].filter((e) => !!e).reduce((e, t) => t.length > e.length ? t : e, ""), m = !!(e || t), h = !f && o, g = f ? n : h ? c : m ? void 0 : l;
+	return r(() => {
+		if (!h) return;
+		if (!p) {
+			d(l);
+			return;
+		}
+		let e = s.current?.offsetWidth ?? 0, t = Math.ceil(e) + u;
+		d(Math.max(l, t));
+	}, [p, h]), {
+		computedMinWidth: g,
+		longestText: p,
+		shouldUseAutoTextWidth: h,
+		textMeasureRef: s
+	};
+}, f = n((n, r) => {
+	let { keyName: i, checked: a = !1, enabledText: l, minWidth: u, autoMinWidth: f = !1, disabled: p = !1, color: m = "primary", disabledText: h, children: g, className: _ = "", labelPosition: v = g ? "right" : void 0, onChange: y = o, customTextStyle: b = !1, ...x } = n, { computedMinWidth: S, longestText: C, shouldUseAutoTextWidth: w, textMeasureRef: T } = d({
+		enabledText: l,
+		disabledText: h,
+		minWidth: u,
+		autoMinWidth: f
+	}), E = (e) => {
+		y(e.target.checked);
+	}, D = !!(l && h), O = !!(l && !h), k = e("uikit-switch", _), A = e("switch-label", k, p && "cursor-not-allowed", v && `label-position-${v}`, v === "left" && "display-inline-flex height-20"), j = e("switch-content"), M = t(m);
+	return /* @__PURE__ */ s("div", {
+		ref: r,
+		...x,
+		className: k,
+		children: /* @__PURE__ */ c("label", {
+			className: A,
+			children: [
+				w && C && /* @__PURE__ */ s("span", {
+					ref: T,
+					className: "switch-text-measure",
+					"aria-hidden": "true",
+					children: C
+				}),
+				/* @__PURE__ */ s("input", {
+					onChange: E,
+					checked: a,
+					type: "checkbox",
+					id: i,
+					className: "switch-input",
+					disabled: p
+				}, i),
+				/* @__PURE__ */ c("div", {
+					className: j,
+					style: {
+						color: M,
+						minWidth: S
+					},
+					children: [D ? /* @__PURE__ */ s("div", {
+						className: "switch-text",
+						"data-on": l,
+						"data-off": h
+					}) : O && /* @__PURE__ */ s("div", {
+						className: "switch-text",
+						"data-on": l,
+						"data-off": l
+					}), /* @__PURE__ */ s("div", { className: "switch-handle" })]
+				}),
+				g && /* @__PURE__ */ s("div", {
+					className: e("switch-text-wrapper", "user-select-none", b ? "" : "padding-top-1"),
+					children: g
+				})
+			]
+		})
+	});
 });
-M.LABEL_POSITION_LEFT = "left";
-M.LABEL_POSITION_RIGHT = "right";
-export {
-  M as default
-};
-//# sourceMappingURL=Switch.js.map
+f.LABEL_POSITION_LEFT = "left", f.LABEL_POSITION_RIGHT = "right";
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=Switch.js.map

package/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef, useLayoutEffect, useRef, useState, type ChangeEvent, type PropsWithChildren } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport { getCurrentBackgroundColor, type CurrentColor } from '../../utils/currentColors';\n\nconst DEFAULT_MIN_WIDTH = 40;\nconst TEXT_HORIZONTAL_PADDING = 28;\n\ntype UseAutoMinWidthParams = {\n    enabledText?: string;\n    disabledText?: string;\n    minWidth?: number;\n    autoMinWidth: boolean;\n};\n\nconst useAutoMinWidth = ({ enabledText, disabledText, minWidth, autoMinWidth }: UseAutoMinWidthParams) => {\n    const textMeasureRef = useRef<HTMLSpanElement>(null);\n    const [measuredMinWidth, setMeasuredMinWidth] = useState<number>(DEFAULT_MIN_WIDTH);\n\n    const isMinWidthSet = minWidth !== undefined;\n    const textsToMeasure = [enabledText, disabledText].filter((text): text is string => Boolean(text));\n    const longestText = textsToMeasure.reduce(\n        (previous, current) => (current.length > previous.length ? current : previous),\n        ''\n    );\n    const hasAnyText = Boolean(enabledText || disabledText);\n    const shouldUseAutoTextWidth = !isMinWidthSet && autoMinWidth;\n\n    const computedMinWidth = isMinWidthSet\n        ? minWidth\n        : shouldUseAutoTextWidth\n          ? measuredMinWidth\n          : hasAnyText\n            ? undefined\n            : DEFAULT_MIN_WIDTH;\n\n    useLayoutEffect(() => {\n        if (!shouldUseAutoTextWidth) {\n            return;\n        }\n\n        if (!longestText) {\n            setMeasuredMinWidth(DEFAULT_MIN_WIDTH);\n            return;\n        }\n\n        const measuredTextWidth = textMeasureRef.current?.offsetWidth ?? 0;\n        const derivedWidth = Math.ceil(measuredTextWidth) + TEXT_HORIZONTAL_PADDING;\n        setMeasuredMinWidth(Math.max(DEFAULT_MIN_WIDTH, derivedWidth));\n    }, [longestText, shouldUseAutoTextWidth]);\n\n    return { computedMinWidth, longestText, shouldUseAutoTextWidth, textMeasureRef };\n};\n\nexport type SwitchProps = {\n    /**\n     * Optional key that is used as key and as the id on the internal input.\n     */\n    keyName?: string;\n\n    /**\n     * Callback function triggered when clicking the button.\n     */\n    onChange?: (toggleState: boolean) => void;\n\n    /**\n     * Set active / inactive state.\n     *\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Defines the color of the switch.\n     *\n     * Possible values are:\n     *\n     * - `'primary'`\n     * - `'secondary'`\n     * - `'info'`\n     * - `'success'`\n     * - `'warning'`\n     * - `'danger'`\n     *\n     * @default 'primary'\n     */\n    color?: CurrentColor;\n\n    /**\n     * The min-width of the switch.\n     *\n     * If not set, the default min-width is `40`.\n     */\n    minWidth?: number;\n\n    /**\n     * Controls automatic text-based min-width behavior when `minWidth` is not set.\n     * Set to `true` to keep the width at the longer one of `enabledText` and `disabledText`.\n     *\n     * @default false\n     */\n    autoMinWidth?: boolean;\n\n    /**\n     * Disables the component.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The text used for the ON state.\n     */\n    enabledText?: string;\n\n    /**\n     * The text used for the OFF state.\n     */\n    disabledText?: string;\n\n    /**\n     * Defines the position of the switch label.\n     * Defaults to `'right'` when children are present.\n     *\n     * Possible values are `'left'` and `'right'`.\n     *\n     * @default 'right'\n     */\n    labelPosition?: 'left' | 'right';\n\n    /**\n     * Use this flag if you want to have custom text styles.\n     *\n     * @default false\n     */\n    customTextStyle?: boolean;\n\n    /**\n     * Additional class names added to the SVG element.\n     */\n    className?: string;\n};\n\nconst Switch = forwardRef((props: PropsWithChildren<SwitchProps>, ref: React.Ref<HTMLDivElement>) => {\n    const {\n        keyName,\n        checked = false,\n        enabledText,\n        minWidth,\n        autoMinWidth = false,\n        disabled = false,\n        color = 'primary',\n        disabledText,\n        children,\n        className = '',\n        labelPosition = children ? 'right' : undefined,\n        onChange = noop,\n        customTextStyle = false,\n        ...remainingProps\n    } = props;\n\n    const { computedMinWidth, longestText, shouldUseAutoTextWidth, textMeasureRef } = useAutoMinWidth({\n        enabledText,\n        disabledText,\n        minWidth,\n        autoMinWidth,\n    });\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        onChange(event.target.checked);\n    };\n\n    const hasMultipleText = Boolean(enabledText && disabledText);\n    const hasSingleText = Boolean(enabledText && !disabledText);\n\n    const switchClasses = classNames('uikit-switch', className);\n\n    const switchLabelClasses = classNames(\n        'switch-label',\n        switchClasses,\n        disabled && 'cursor-not-allowed',\n        labelPosition && `label-position-${labelPosition}`,\n        labelPosition === 'left' && 'display-inline-flex height-20'\n    );\n\n    const switchContentClasses = classNames('switch-content');\n\n    const switchBackgroundColor = getCurrentBackgroundColor(color);\n\n    return (\n        <div ref={ref} {...remainingProps} className={switchClasses}>\n            <label className={switchLabelClasses}>\n                {shouldUseAutoTextWidth && longestText && (\n                    <span ref={textMeasureRef} className='switch-text-measure' aria-hidden='true'>\n                        {longestText}\n                    </span>\n                )}\n                <input\n                    onChange={handleChange}\n                    checked={checked}\n                    type='checkbox'\n                    id={keyName}\n                    key={keyName}\n                    className='switch-input'\n                    disabled={disabled}\n                />\n                <div\n                    className={switchContentClasses}\n                    style={{ color: switchBackgroundColor, minWidth: computedMinWidth }}\n                >\n                    {hasMultipleText ? (\n                        <div className='switch-text' data-on={enabledText} data-off={disabledText} />\n                    ) : (\n                        hasSingleText && <div className='switch-text' data-on={enabledText} data-off={enabledText} />\n                    )}\n                    <div className='switch-handle' />\n                </div>\n\n                {children && (\n                    <div\n                        className={classNames(\n                            'switch-text-wrapper',\n                            'user-select-none',\n                            customTextStyle ? '' : 'padding-top-1'\n                        )}\n                    >\n                        {children}\n                    </div>\n                )}\n            </label>\n        </div>\n    );\n}) as React.ForwardRefExoticComponent<PropsWithChildren<SwitchProps> & React.RefAttributes<HTMLDivElement>> & {\n    LABEL_POSITION_LEFT: 'left';\n    LABEL_POSITION_RIGHT: 'right';\n};\n\nSwitch.LABEL_POSITION_LEFT = 'left' as const;\nSwitch.LABEL_POSITION_RIGHT = 'right' as const;\n\nexport default Switch;\n"],"names":["DEFAULT_MIN_WIDTH","TEXT_HORIZONTAL_PADDING","useAutoMinWidth","enabledText","disabledText","minWidth","autoMinWidth","textMeasureRef","useRef","measuredMinWidth","setMeasuredMinWidth","useState","isMinWidthSet","longestText","text","previous","current","hasAnyText","shouldUseAutoTextWidth","computedMinWidth","useLayoutEffect","measuredTextWidth","derivedWidth","Switch","forwardRef","props","ref","keyName","checked","disabled","color","children","className","labelPosition","onChange","noop","customTextStyle","remainingProps","handleChange","event","hasMultipleText","hasSingleText","switchClasses","classNames","switchLabelClasses","switchContentClasses","switchBackgroundColor","getCurrentBackgroundColor","jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef, useLayoutEffect, useRef, useState, type ChangeEvent, type PropsWithChildren } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport { getCurrentBackgroundColor, type CurrentColor } from '../../utils/currentColors';\n\nconst DEFAULT_MIN_WIDTH = 40;\nconst TEXT_HORIZONTAL_PADDING = 28;\n\ntype UseAutoMinWidthParams = {\n    enabledText?: string;\n    disabledText?: string;\n    minWidth?: number;\n    autoMinWidth: boolean;\n};\n\nconst useAutoMinWidth = ({ enabledText, disabledText, minWidth, autoMinWidth }: UseAutoMinWidthParams) => {\n    const textMeasureRef = useRef<HTMLSpanElement>(null);\n    const [measuredMinWidth, setMeasuredMinWidth] = useState<number>(DEFAULT_MIN_WIDTH);\n\n    const isMinWidthSet = minWidth !== undefined;\n    const textsToMeasure = [enabledText, disabledText].filter((text): text is string => Boolean(text));\n    const longestText = textsToMeasure.reduce(\n        (previous, current) => (current.length > previous.length ? current : previous),\n        ''\n    );\n    const hasAnyText = Boolean(enabledText || disabledText);\n    const shouldUseAutoTextWidth = !isMinWidthSet && autoMinWidth;\n\n    const computedMinWidth = isMinWidthSet\n        ? minWidth\n        : shouldUseAutoTextWidth\n          ? measuredMinWidth\n          : hasAnyText\n            ? undefined\n            : DEFAULT_MIN_WIDTH;\n\n    useLayoutEffect(() => {\n        if (!shouldUseAutoTextWidth) {\n            return;\n        }\n\n        if (!longestText) {\n            setMeasuredMinWidth(DEFAULT_MIN_WIDTH);\n            return;\n        }\n\n        const measuredTextWidth = textMeasureRef.current?.offsetWidth ?? 0;\n        const derivedWidth = Math.ceil(measuredTextWidth) + TEXT_HORIZONTAL_PADDING;\n        setMeasuredMinWidth(Math.max(DEFAULT_MIN_WIDTH, derivedWidth));\n    }, [longestText, shouldUseAutoTextWidth]);\n\n    return { computedMinWidth, longestText, shouldUseAutoTextWidth, textMeasureRef };\n};\n\nexport type SwitchProps = {\n    /**\n     * Optional key that is used as key and as the id on the internal input.\n     */\n    keyName?: string;\n\n    /**\n     * Callback function triggered when clicking the button.\n     */\n    onChange?: (toggleState: boolean) => void;\n\n    /**\n     * Set active / inactive state.\n     *\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Defines the color of the switch.\n     *\n     * Possible values are:\n     *\n     * - `'primary'`\n     * - `'secondary'`\n     * - `'info'`\n     * - `'success'`\n     * - `'warning'`\n     * - `'danger'`\n     *\n     * @default 'primary'\n     */\n    color?: CurrentColor;\n\n    /**\n     * The min-width of the switch.\n     *\n     * If not set, the default min-width is `40`.\n     */\n    minWidth?: number;\n\n    /**\n     * Controls automatic text-based min-width behavior when `minWidth` is not set.\n     * Set to `true` to keep the width at the longer one of `enabledText` and `disabledText`.\n     *\n     * @default false\n     */\n    autoMinWidth?: boolean;\n\n    /**\n     * Disables the component.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The text used for the ON state.\n     */\n    enabledText?: string;\n\n    /**\n     * The text used for the OFF state.\n     */\n    disabledText?: string;\n\n    /**\n     * Defines the position of the switch label.\n     * Defaults to `'right'` when children are present.\n     *\n     * Possible values are `'left'` and `'right'`.\n     *\n     * @default 'right'\n     */\n    labelPosition?: 'left' | 'right';\n\n    /**\n     * Use this flag if you want to have custom text styles.\n     *\n     * @default false\n     */\n    customTextStyle?: boolean;\n\n    /**\n     * Additional class names added to the SVG element.\n     */\n    className?: string;\n};\n\nconst Switch = forwardRef((props: PropsWithChildren<SwitchProps>, ref: React.Ref<HTMLDivElement>) => {\n    const {\n        keyName,\n        checked = false,\n        enabledText,\n        minWidth,\n        autoMinWidth = false,\n        disabled = false,\n        color = 'primary',\n        disabledText,\n        children,\n        className = '',\n        labelPosition = children ? 'right' : undefined,\n        onChange = noop,\n        customTextStyle = false,\n        ...remainingProps\n    } = props;\n\n    const { computedMinWidth, longestText, shouldUseAutoTextWidth, textMeasureRef } = useAutoMinWidth({\n        enabledText,\n        disabledText,\n        minWidth,\n        autoMinWidth,\n    });\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        onChange(event.target.checked);\n    };\n\n    const hasMultipleText = Boolean(enabledText && disabledText);\n    const hasSingleText = Boolean(enabledText && !disabledText);\n\n    const switchClasses = classNames('uikit-switch', className);\n\n    const switchLabelClasses = classNames(\n        'switch-label',\n        switchClasses,\n        disabled && 'cursor-not-allowed',\n        labelPosition && `label-position-${labelPosition}`,\n        labelPosition === 'left' && 'display-inline-flex height-20'\n    );\n\n    const switchContentClasses = classNames('switch-content');\n\n    const switchBackgroundColor = getCurrentBackgroundColor(color);\n\n    return (\n        <div ref={ref} {...remainingProps} className={switchClasses}>\n            <label className={switchLabelClasses}>\n                {shouldUseAutoTextWidth && longestText && (\n                    <span ref={textMeasureRef} className='switch-text-measure' aria-hidden='true'>\n                        {longestText}\n                    </span>\n                )}\n                <input\n                    onChange={handleChange}\n                    checked={checked}\n                    type='checkbox'\n                    id={keyName}\n                    key={keyName}\n                    className='switch-input'\n                    disabled={disabled}\n                />\n                <div\n                    className={switchContentClasses}\n                    style={{ color: switchBackgroundColor, minWidth: computedMinWidth }}\n                >\n                    {hasMultipleText ? (\n                        <div className='switch-text' data-on={enabledText} data-off={disabledText} />\n                    ) : (\n                        hasSingleText && <div className='switch-text' data-on={enabledText} data-off={enabledText} />\n                    )}\n                    <div className='switch-handle' />\n                </div>\n\n                {children && (\n                    <div\n                        className={classNames(\n                            'switch-text-wrapper',\n                            'user-select-none',\n                            customTextStyle ? '' : 'padding-top-1'\n                        )}\n                    >\n                        {children}\n                    </div>\n                )}\n            </label>\n        </div>\n    );\n}) as React.ForwardRefExoticComponent<PropsWithChildren<SwitchProps> & React.RefAttributes<HTMLDivElement>> & {\n    LABEL_POSITION_LEFT: 'left';\n    LABEL_POSITION_RIGHT: 'right';\n};\n\nSwitch.LABEL_POSITION_LEFT = 'left' as const;\nSwitch.LABEL_POSITION_RIGHT = 'right' as const;\n\nexport default Switch;\n"],"mappings":";;;;;;AAMA,IAAM,IAAoB,IACpB,IAA0B,IAS1B,KAAmB,EAAE,gBAAa,iBAAc,aAAU,sBAA0C;CACtG,IAAM,IAAiB,EAAwB,IAAI,GAC7C,CAAC,GAAkB,KAAuB,EAAiB,CAAiB,GAE5E,IAAgB,MAAa,KAAA,GAE7B,IADiB,CAAC,GAAa,CAAY,CAAC,CAAC,QAAQ,MAAyB,EAAQ,CACxE,CAAA,CAAe,QAC9B,GAAU,MAAa,EAAQ,SAAS,EAAS,SAAS,IAAU,GACrE,EACJ,GACM,IAAa,GAAQ,KAAe,IACpC,IAAyB,CAAC,KAAiB,GAE3C,IAAmB,IACnB,IACA,IACE,IACA,IACE,KAAA,IACA;CAiBV,OAfA,QAAsB;EAClB,IAAI,CAAC,GACD;EAGJ,IAAI,CAAC,GAAa;GACd,EAAoB,CAAiB;GACrC;EACJ;EAEA,IAAM,IAAoB,EAAe,SAAS,eAAe,GAC3D,IAAe,KAAK,KAAK,CAAiB,IAAI;EACpD,EAAoB,KAAK,IAAI,GAAmB,CAAY,CAAC;CACjE,GAAG,CAAC,GAAa,CAAsB,CAAC,GAEjC;EAAE;EAAkB;EAAa;EAAwB;CAAe;AACnF,GA2FM,IAAS,GAAY,GAAuC,MAAmC;CACjG,IAAM,EACF,YACA,aAAU,IACV,gBACA,aACA,kBAAe,IACf,cAAW,IACX,WAAQ,WACR,iBACA,aACA,eAAY,IACZ,mBAAgB,IAAW,UAAU,KAAA,GACrC,cAAW,GACX,qBAAkB,IAClB,GAAG,MACH,GAEE,EAAE,qBAAkB,gBAAa,2BAAwB,sBAAmB,EAAgB;EAC9F;EACA;EACA;EACA;CACJ,CAAC,GAEK,KAAgB,MAAyC;EAC3D,EAAS,EAAM,OAAO,OAAO;CACjC,GAEM,IAAkB,GAAQ,KAAe,IACzC,IAAgB,GAAQ,KAAe,CAAC,IAExC,IAAgB,EAAW,gBAAgB,CAAS,GAEpD,IAAqB,EACvB,gBACA,GACA,KAAY,sBACZ,KAAiB,kBAAkB,KACnC,MAAkB,UAAU,+BAChC,GAEM,IAAuB,EAAW,gBAAgB,GAElD,IAAwB,EAA0B,CAAK;CAE7D,OACI,kBAAC,OAAD;EAAU;EAAK,GAAI;EAAgB,WAAW;YAC1C,kBAAC,SAAD;GAAO,WAAW;aAAlB;IACK,KAA0B,KACvB,kBAAC,QAAD;KAAM,KAAK;KAAgB,WAAU;KAAsB,eAAY;eAClE;IACC,CAAA;IAEV,kBAAC,SAAD;KACI,UAAU;KACD;KACT,MAAK;KACL,IAAI;KAEJ,WAAU;KACA;IACb,GAHQ,CAGR;IACD,kBAAC,OAAD;KACI,WAAW;KACX,OAAO;MAAE,OAAO;MAAuB,UAAU;KAAiB;eAFtE,CAIK,IACG,kBAAC,OAAD;MAAK,WAAU;MAAc,WAAS;MAAa,YAAU;KAAe,CAAA,IAE5E,KAAiB,kBAAC,OAAD;MAAK,WAAU;MAAc,WAAS;MAAa,YAAU;KAAc,CAAA,GAEhG,kBAAC,OAAD,EAAK,WAAU,gBAAiB,CAAA,CAC/B;;IAEJ,KACG,kBAAC,OAAD;KACI,WAAW,EACP,uBACA,oBACA,IAAkB,KAAK,eAC3B;KAEC;IACA,CAAA;GAEN;;CACN,CAAA;AAEb,CAAC;AAKD,EAAO,sBAAsB,QAC7B,EAAO,uBAAuB"}

package/components/tabbedPanel/TabbedPanel.js

@@ -1,119 +1,102 @@
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { useId as Z, useState as k } from "react";
-import { useReducedMotion as _, motion as u, AnimatePresence as C } from "motion/react";
-import { noop as ee } from "es-toolkit/function";
-import r from "../../utils/classNames.js";
-import { mergeClassNameOverrides as c } from "../../utils/mergeClassNameOverrides.js";
-import ae from "../../hooks/useResizeObserver.js";
-const A = (t) => t.find((s) => !s.disabled) ?? t[0], re = (t) => {
-  const {
-    activeKey: s,
-    defaultActiveKey: T,
-    tabs: l,
-    bsStyle: $ = "default",
-    bodyTransition: x = "height-fade",
-    duration: m = 0.16,
-    headerRight: y,
-    onSelectTab: B = ee,
-    className: R,
-    headerClassName: K,
-    navClassName: w,
-    tabLinkClassName: I,
-    bodyClassName: S,
-    activeContentClassName: D,
-    headerRightClassName: j,
-    ...P
-  } = t, o = Z(), z = _(), [E, , { blockSize: H }] = ae(), [L, N] = k(!1), [M, O] = k(T ?? A(l)?.key), F = s ?? M, n = l.find((e) => e.key === F) ?? A(l), p = z ? "none" : x, b = (e) => {
-    e.disabled || e.key === n?.key || (s === void 0 && O(e.key), B(e.key));
-  }, q = (e, i) => {
-    i.preventDefault(), b(e);
-  }, G = (e, i) => {
-    (i.key === "Enter" || i.key === " ") && (i.preventDefault(), b(e));
-  }, J = c(`tabbed-panel panel panel-${$} margin-bottom-20`, R), Q = c(
-    "panel-heading display-flex align-items-center justify-content-between gap-15 padding-0 margin-bottom-0",
-    K
-  ), h = r("panel-body", S), U = c("nav nav-pills align-items-end margin-0 shadow-none", w), V = c("padding-right-10", j), W = r(D, n?.contentClassName);
-  let d = null;
-  typeof y == "function" ? d = n ? y(n) : null : d = y;
-  const f = () => /* @__PURE__ */ a(
-    "div",
-    {
-      className: W,
-      role: "tabpanel",
-      id: `${o}-${n?.key}-panel`,
-      "aria-labelledby": `${o}-${n?.key}-tab`,
-      children: n?.content
-    }
-  ), X = () => p === "none" ? /* @__PURE__ */ a("div", { className: h, children: f() }) : p === "height-fade" ? /* @__PURE__ */ a("div", { className: h, children: /* @__PURE__ */ a(
-    u.div,
-    {
-      initial: !1,
-      animate: { height: H ?? "auto" },
-      className: r(L && "overflow-hidden"),
-      transition: { duration: m },
-      onAnimationStart: () => N(!0),
-      onAnimationComplete: () => N(!1),
-      children: /* @__PURE__ */ a("div", { ref: E, children: /* @__PURE__ */ a(C, { initial: !1, mode: "popLayout", children: /* @__PURE__ */ a(
-        u.div,
-        {
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-          transition: { duration: m },
-          children: f()
-        },
-        n?.key
-      ) }) })
-    }
-  ) }) : p === "fade" ? /* @__PURE__ */ a("div", { className: h, children: /* @__PURE__ */ a(C, { initial: !1, mode: "wait", children: /* @__PURE__ */ a(
-    u.div,
-    {
-      transition: { duration: m },
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      exit: { opacity: 0 },
-      children: f()
-    },
-    n?.key
-  ) }) }) : null;
-  return /* @__PURE__ */ g("div", { ...P, className: J, children: [
-    /* @__PURE__ */ g("div", { className: Q, children: [
-      /* @__PURE__ */ a("ul", { className: U, role: "tablist", children: l.map((e) => {
-        const i = e.key === n?.key, Y = `${o}-${e.key}-tab`;
-        return /* @__PURE__ */ a(
-          "li",
-          {
-            className: r(
-              i && "active text-medium",
-              e.disabled && "disabled",
-              e.className
-            ),
-            role: "presentation",
-            children: /* @__PURE__ */ a(
-              "span",
-              {
-                id: Y,
-                role: "tab",
-                "aria-selected": i,
-                "aria-controls": `${o}-${e.key}-panel`,
-                "aria-disabled": e.disabled,
-                tabIndex: e.disabled ? -1 : 0,
-                className: I,
-                onClick: (v) => q(e, v),
-                onKeyDown: (v) => G(e, v),
-                children: e.title
-              }
-            )
-          },
-          e.key
-        );
-      }) }),
-      d && /* @__PURE__ */ a("div", { className: V, children: d })
-    ] }),
-    X()
-  ] });
+import e from "../../hooks/useResizeObserver.js";
+import { mergeClassNameOverrides as t } from "../../utils/mergeClassNameOverrides.js";
+import n from "../../utils/classNames.js";
+import { useId as r, useState as i } from "react";
+import { noop as a } from "es-toolkit/function";
+import { AnimatePresence as o, motion as s, useReducedMotion as c } from "motion/react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/tabbedPanel/TabbedPanel.tsx
+var d = (e) => e.find((e) => !e.disabled) ?? e[0], f = (f) => {
+	let { activeKey: p, defaultActiveKey: m, tabs: h, bsStyle: g = "default", bodyTransition: _ = "height-fade", duration: v = .16, headerRight: y, onSelectTab: b = a, className: x, headerClassName: S, navClassName: C, tabLinkClassName: w, bodyClassName: T, activeContentClassName: E, headerRightClassName: D, ...O } = f, k = r(), A = c(), [j, , { blockSize: M }] = e(), [N, P] = i(!1), [F, I] = i(m ?? d(h)?.key), L = p ?? F, R = h.find((e) => e.key === L) ?? d(h), z = A ? "none" : _, B = (e) => {
+		e.disabled || e.key === R?.key || (p === void 0 && I(e.key), b(e.key));
+	}, V = (e, t) => {
+		t.preventDefault(), B(e);
+	}, H = (e, t) => {
+		(t.key === "Enter" || t.key === " ") && (t.preventDefault(), B(e));
+	}, U = t(`tabbed-panel panel panel-${g} margin-bottom-20`, x), W = t("panel-heading display-flex align-items-center justify-content-between gap-15 padding-0 margin-bottom-0", S), G = n("panel-body", T), K = t("nav nav-pills align-items-end margin-0 shadow-none", C), q = t("padding-right-10", D), J = n(E, R?.contentClassName), Y = null;
+	Y = typeof y == "function" ? R ? y(R) : null : y;
+	let X = () => /* @__PURE__ */ l("div", {
+		className: J,
+		role: "tabpanel",
+		id: `${k}-${R?.key}-panel`,
+		"aria-labelledby": `${k}-${R?.key}-tab`,
+		children: R?.content
+	}), Z = () => z === "none" ? /* @__PURE__ */ l("div", {
+		className: G,
+		children: X()
+	}) : z === "height-fade" ? /* @__PURE__ */ l("div", {
+		className: G,
+		children: /* @__PURE__ */ l(s.div, {
+			initial: !1,
+			animate: { height: M ?? "auto" },
+			className: n(N && "overflow-hidden"),
+			transition: { duration: v },
+			onAnimationStart: () => P(!0),
+			onAnimationComplete: () => P(!1),
+			children: /* @__PURE__ */ l("div", {
+				ref: j,
+				children: /* @__PURE__ */ l(o, {
+					initial: !1,
+					mode: "popLayout",
+					children: /* @__PURE__ */ l(s.div, {
+						initial: { opacity: 0 },
+						animate: { opacity: 1 },
+						exit: { opacity: 0 },
+						transition: { duration: v },
+						children: X()
+					}, R?.key)
+				})
+			})
+		})
+	}) : z === "fade" ? /* @__PURE__ */ l("div", {
+		className: G,
+		children: /* @__PURE__ */ l(o, {
+			initial: !1,
+			mode: "wait",
+			children: /* @__PURE__ */ l(s.div, {
+				transition: { duration: v },
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: { opacity: 0 },
+				children: X()
+			}, R?.key)
+		})
+	}) : null;
+	return /* @__PURE__ */ u("div", {
+		...O,
+		className: U,
+		children: [/* @__PURE__ */ u("div", {
+			className: W,
+			children: [/* @__PURE__ */ l("ul", {
+				className: K,
+				role: "tablist",
+				children: h.map((e) => {
+					let t = e.key === R?.key, r = `${k}-${e.key}-tab`;
+					return /* @__PURE__ */ l("li", {
+						className: n(t && "active text-medium", e.disabled && "disabled", e.className),
+						role: "presentation",
+						children: /* @__PURE__ */ l("span", {
+							id: r,
+							role: "tab",
+							"aria-selected": t,
+							"aria-controls": `${k}-${e.key}-panel`,
+							"aria-disabled": e.disabled,
+							tabIndex: e.disabled ? -1 : 0,
+							className: w,
+							onClick: (t) => V(e, t),
+							onKeyDown: (t) => H(e, t),
+							children: e.title
+						})
+					}, e.key);
+				})
+			}), Y && /* @__PURE__ */ l("div", {
+				className: q,
+				children: Y
+			})]
+		}), Z()]
+	});
 };
-export {
-  re as default
-};
-//# sourceMappingURL=TabbedPanel.js.map
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=TabbedPanel.js.map