@tcn/ui 0.13.1 → 0.15.0

package/dist/mobile/viewport/mobile_viewport.js

@@ -0,0 +1,31 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as c, useLayoutEffect as a } from "react";
+import { clsx as m } from "clsx";
+import '../../mobile_viewport.css';const h = "_mobileViewport_88266ab", y = { mobileViewport: h };
+function x({ children: v, className: d, style: p }) {
+  const i = c(null);
+  return a(() => {
+    const o = i.current;
+    if (!o) return;
+    const t = window.visualViewport, e = () => {
+      const f = t?.width ?? window.innerWidth, r = t?.height ?? window.innerHeight, n = t?.offsetTop ?? 0, l = t?.offsetLeft ?? 0, w = Math.max(0, window.innerHeight - r - n);
+      o.style.setProperty("--vv-width", `${f}px`), o.style.setProperty("--vv-height", `${r}px`), o.style.setProperty("--vv-offset-top", `${n}px`), o.style.setProperty("--vv-offset-left", `${l}px`), o.style.setProperty("--keyboard-inset", `${w}px`);
+    };
+    return e(), t?.addEventListener("resize", e), t?.addEventListener("scroll", e), window.addEventListener("resize", e), window.addEventListener("orientationchange", e), () => {
+      t?.removeEventListener("resize", e), t?.removeEventListener("scroll", e), window.removeEventListener("resize", e), window.removeEventListener("orientationchange", e);
+    };
+  }, []), /* @__PURE__ */ s(
+    "div",
+    {
+      ref: i,
+      id: "mobile-vieport",
+      className: m(y.mobileViewport, d, "tcn-mobile-viewport"),
+      style: p,
+      children: /* @__PURE__ */ s("div", { children: v })
+    }
+  );
+}
+export {
+  x as MobileViewport
+};
+//# sourceMappingURL=mobile_viewport.js.map

package/dist/mobile/viewport/mobile_viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_viewport.js","sources":["../../../src/mobile/viewport/mobile_viewport.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef } from 'react';\nimport styles from './mobile_viewport.module.css';\nimport { clsx } from 'clsx';\n\ninterface MobileViewportProps {\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\n/**\n * MobileRoot: an app-like viewport container that tracks the Visual Viewport.\n *\n * Exposes CSS variables on the root element:\n * --vv-width: px (visual viewport width)\n * --vv-height: px (visual viewport height)\n * --vv-offset-top: px\n * --vv-offset-left: px\n * --keyboard-inset: px (how much the keyboard overlaps the bottom of the layout viewport)\n *\n * Also relies on safe-area env vars for padding (iOS notch/home indicator).\n */\nexport function MobileViewport({ children, className, style }: MobileViewportProps) {\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  // Keep the root sized to the *visual viewport* and publish CSS vars.\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n\n    const vv = window.visualViewport;\n\n    const update = () => {\n      // Fallback if VisualViewport is missing (rare now, but safe).\n      const vvWidth = vv?.width ?? window.innerWidth;\n      const vvHeight = vv?.height ?? window.innerHeight;\n      const vvOffsetTop = vv?.offsetTop ?? 0;\n      const vvOffsetLeft = vv?.offsetLeft ?? 0;\n\n      // Keyboard overlap estimate.\n      // Works well cross-platform: when keyboard opens, vvHeight shrinks.\n      // offsetTop matters most on iOS (viewport can shift).\n      const keyboardInset = Math.max(0, window.innerHeight - vvHeight - vvOffsetTop);\n\n      el.style.setProperty('--vv-width', `${vvWidth}px`);\n      el.style.setProperty('--vv-height', `${vvHeight}px`);\n      el.style.setProperty('--vv-offset-top', `${vvOffsetTop}px`);\n      el.style.setProperty('--vv-offset-left', `${vvOffsetLeft}px`);\n      el.style.setProperty('--keyboard-inset', `${keyboardInset}px`);\n    };\n\n    update();\n\n    // VisualViewport events are the most accurate for keyboard + browser UI changes.\n    vv?.addEventListener('resize', update);\n    vv?.addEventListener('scroll', update);\n\n    // Window resize helps in a few Android/WebView edge cases.\n    window.addEventListener('resize', update);\n    window.addEventListener('orientationchange', update);\n\n    return () => {\n      vv?.removeEventListener('resize', update);\n      vv?.removeEventListener('scroll', update);\n      window.removeEventListener('resize', update);\n      window.removeEventListener('orientationchange', update);\n    };\n  }, []);\n\n  return (\n    <div\n      ref={ref}\n      id=\"mobile-vieport\"\n      className={clsx(styles['mobileViewport'], className, 'tcn-mobile-viewport')}\n      style={style}\n    >\n      <div>{children}</div>\n    </div>\n  );\n}\n"],"names":["MobileViewport","children","className","style","ref","useRef","useLayoutEffect","el","vv","update","vvWidth","vvHeight","vvOffsetTop","vvOffsetLeft","keyboardInset","jsx","clsx","styles"],"mappings":";;;;AAsBO,SAASA,EAAe,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,KAA8B;AAClF,QAAMC,IAAMC,EAA8B,IAAI;AAG9C,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAKH,EAAI;AACf,QAAI,CAACG,EAAI;AAET,UAAMC,IAAK,OAAO,gBAEZC,IAAS,MAAM;AAEnB,YAAMC,IAAUF,GAAI,SAAS,OAAO,YAC9BG,IAAWH,GAAI,UAAU,OAAO,aAChCI,IAAcJ,GAAI,aAAa,GAC/BK,IAAeL,GAAI,cAAc,GAKjCM,IAAgB,KAAK,IAAI,GAAG,OAAO,cAAcH,IAAWC,CAAW;AAE7E,MAAAL,EAAG,MAAM,YAAY,cAAc,GAAGG,CAAO,IAAI,GACjDH,EAAG,MAAM,YAAY,eAAe,GAAGI,CAAQ,IAAI,GACnDJ,EAAG,MAAM,YAAY,mBAAmB,GAAGK,CAAW,IAAI,GAC1DL,EAAG,MAAM,YAAY,oBAAoB,GAAGM,CAAY,IAAI,GAC5DN,EAAG,MAAM,YAAY,oBAAoB,GAAGO,CAAa,IAAI;AAAA,IAC/D;AAEA,WAAAL,EAAA,GAGAD,GAAI,iBAAiB,UAAUC,CAAM,GACrCD,GAAI,iBAAiB,UAAUC,CAAM,GAGrC,OAAO,iBAAiB,UAAUA,CAAM,GACxC,OAAO,iBAAiB,qBAAqBA,CAAM,GAE5C,MAAM;AACX,MAAAD,GAAI,oBAAoB,UAAUC,CAAM,GACxCD,GAAI,oBAAoB,UAAUC,CAAM,GACxC,OAAO,oBAAoB,UAAUA,CAAM,GAC3C,OAAO,oBAAoB,qBAAqBA,CAAM;AAAA,IACxD;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAX;AAAA,MACA,IAAG;AAAA,MACH,WAAWY,EAAKC,EAAO,gBAAmBf,GAAW,qBAAqB;AAAA,MAC1E,OAAAC;AAAA,MAEA,UAAA,gBAAAY,EAAC,SAAK,UAAAd,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrB;"}

package/dist/mobile_button.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._mobile-button_44bdeb0){--button-height: calc(44px * var(--scalar, 1));min-height:var(--button-height);font-size:calc(18px * var(--scalar, 1));-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(._mobile-button_44bdeb0[data-size=sm]){--button-height: calc(36px * var(--scalar, 1))}:where(._mobile-button_44bdeb0[data-size=md]){--button-height: calc(44px * var(--scalar, 1))}:where(._mobile-button_44bdeb0[data-size=lg]){--button-height: calc(52px * var(--scalar, 1))}:where(._mobile-button_44bdeb0[data-size=sm] ._mobile-button-text_4d530ed){font-size:calc(16px * var(--scalar, 1))}:where(._mobile-button_44bdeb0[data-size=md] ._mobile-button-text_4d530ed){font-size:calc(18px * var(--scalar, 1))}:where(._mobile-button_44bdeb0[data-size=lg] ._mobile-button-text_4d530ed){font-size:calc(20px * var(--scalar, 1))}}

package/dist/mobile_date_picker.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._mobile-date-picker_a4f6410){outline:none}:where(._mobile-date-picker-box_d3c7945){font-size:14px;border:0;border-radius:4px;padding:4px;box-sizing:border-box;color:var(--font-color);overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:transparent}:where(._mobile-date-picker-box_d3c7945[data-is-disabled=true]){opacity:.5;pointer-events:none}}

package/dist/mobile_date_picker_date.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._mobile-date-picker-date_96ddea0){width:100%;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--font-color);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}:where(._mobile-date-picker-date_96ddea0:hover),:where(._mobile-date-picker-date_96ddea0:focus),:where(._mobile-date-picker-date_96ddea0[data-is-today]:hover),:where(._mobile-date-picker-date_96ddea0[data-is-today]:focus){border:2px dotted var(--accent-color);outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(._mobile-date-picker-date_96ddea0[data-is-within-month=false]),:where(._mobile-date-picker-date_96ddea0[data-is-within-month=false]:hover),:where(._mobile-date-picker-date_96ddea0[data-is-within-range=false]),:where(._mobile-date-picker-date_96ddea0[data-is-disabled=true]),:where(._mobile-date-picker-date_96ddea0[data-is-disabled=true]:hover){border:2px dotted transparent;cursor:not-allowed;opacity:.5;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(._mobile-date-picker-date_96ddea0[data-is-selected=true]),:where(._mobile-date-picker-date_96ddea0[data-is-today=true][data-is-selected=true]){border:2px solid var(--accent-color);background-color:var(--accent-color);color:#fff;box-shadow:0 0 4px #00000059;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(._mobile-date-picker-date_96ddea0[data-is-selected=true][data-is-disabled=true]),:where(._mobile-date-picker-date_96ddea0[data-is-selected=true][data-is-within-range=false]){border:2px solid var(--error-color, var(--default-error-color));background-color:var(--error-color, var(--default-error-color));color:#ffffff80;opacity:1}:where(._mobile-date-picker-date_96ddea0[data-is-disabled=true] *){text-decoration:line-through}:where(._mobile-date-picker-today_36627c6){width:100%;height:100%;border-radius:50%;border:2px solid #dcdcdc}:where(._mobile-date-picker-today_36627c6[data-is-selected=true]){border:2px solid rgb(255,255,255,.5)}}

package/dist/mobile_date_picker_day.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._mobile-date-picker-day_562fbf3){width:100%;aspect-ratio:1}}

package/dist/mobile_date_picker_header.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._mobile-date-picker-header_0678759){height:auto}:where(._mobile-date-picker-overlay_d1d8dc4){width:100%;height:100%;background-color:var(--surface-color, #fff)}:where(._mobile-month-list_1081f6a){outline:none}:where(._mobile-year-overlay_daba362){width:100%;height:100%;background-color:var(--surface-color, #fff)}}

package/dist/mobile_date_picker_input.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._mobile-date-picker-overlay_099a224){width:100%;height:100%;background-color:var(--surface-color, #fff)}:where(._mobile-time-picker-overlay_6622396){width:100%;height:100%;background-color:var(--surface-color, #fff)}}

package/dist/mobile_date_picker_time_selector.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._mobile-time-selector_bf904b8){outline:none;background-color:var(--surface-color, #fff);color:var(--font-color)}}

package/dist/mobile_date_picker_year_selector.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._mobile-year-selector_31f3a58){background-color:var(--surface-color, #fff);outline:none}:where(._mobile-year-button_494c1af){flex:1 1 0%;aspect-ratio:1.6;display:flex;align-items:center;justify-content:center;padding:4px;border:2px solid transparent;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--font-color);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}:where(._mobile-year-button_494c1af:hover),:where(._mobile-year-button_494c1af:focus){border:2px dotted var(--accent-color);outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(._mobile-year-button_494c1af[data-is-selected=true]){border:2px solid var(--accent-color);background-color:var(--accent-color);color:#fff;box-shadow:0 0 4px #00000059;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(._mobile-year-button_494c1af[data-is-disabled=true]){text-decoration:line-through;opacity:.5;border:2px solid transparent;cursor:not-allowed}}

package/dist/mobile_overlay_header.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._mobile-overlay-header_c6e5f58){border-bottom:1px solid var(--border-color, #e0e0e0)}}

package/dist/mobile_viewport.css

@@ -0,0 +1 @@
+._mobileViewport_88266ab{position:fixed;top:0;left:0;width:var(--vv-width);height:var(--vv-height);transform:translate(var(--vv-offset-left),var(--vv-offset-top));transform-origin:top left;overflow:scroll;overscroll-behavior:none;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);touch-action:none}._mobileViewport_88266ab>div{width:calc(100% + 1px);height:calc(100% + 1px);overflow:hidden}

package/dist/navigation/tabs/state/link/use_tab_link.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 export declare function useTabLink(value: string): {
-    ref: import('react').RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement>;
     isMatch: boolean;
 };
 //# sourceMappingURL=use_tab_link.d.ts.map

package/dist/navigation/tabs/state/link/use_tab_link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_tab_link.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/tabs/state/link/use_tab_link.ts"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM;;;EAYvC"}
+{"version":3,"file":"use_tab_link.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/tabs/state/link/use_tab_link.ts"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM;;;EAYvC"}

package/dist/navigation/tabs/state/link/use_tab_link.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_tab_link.js","sources":["../../../../../src/navigation/tabs/state/link/use_tab_link.ts"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport { useTabs } from '../context.js';\nimport { useTrackActiveItemRectangle } from '../../../../utils/css_utils.js';\n\nexport function useTabLink(value: string) {\n  const { setActiveTrigger, value: currentValue } = useTabs();\n  const isMatch = currentValue === value;\n  const { ref, rectangle } = useTrackActiveItemRectangle(isMatch);\n\n  useLayoutEffect(() => {\n    if (rectangle) {\n      setActiveTrigger(rectangle);\n    }\n  }, [rectangle, setActiveTrigger]);\n\n  return { ref, isMatch };\n}\n"],"names":["useTabLink","value","setActiveTrigger","currentValue","useTabs","isMatch","ref","rectangle","useTrackActiveItemRectangle","useLayoutEffect"],"mappings":";;;AAIO,SAASA,EAAWC,GAAe;AACxC,QAAM,EAAE,kBAAAC,GAAkB,OAAOC,EAAA,IAAiBC,EAAA,GAC5CC,IAAUF,MAAiBF,GAC3B,EAAE,KAAAK,GAAK,WAAAC,MAAcC,EAA4BH,CAAO;AAE9D,SAAAI,EAAgB,MAAM;AACpB,IAAIF,KACFL,EAAiBK,CAAS;AAAA,EAE9B,GAAG,CAACA,GAAWL,CAAgB,CAAC,GAEzB,EAAE,KAAAI,GAAK,SAAAD,EAAA;AAChB;"}
+{"version":3,"file":"use_tab_link.js","sources":["../../../../../src/navigation/tabs/state/link/use_tab_link.ts"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport { useTabs } from '../context.js';\nimport { useTrackActiveItemRectangle } from '../../../../utils/css_utils.js';\n\nexport function useTabLink(value: string) {\n  const { setActiveTrigger, value: currentValue } = useTabs();\n  const isMatch = currentValue === value;\n  const { ref, rectangle } = useTrackActiveItemRectangle(isMatch);\n\n  useLayoutEffect(() => {\n    if (rectangle) {\n      setActiveTrigger(rectangle);\n    }\n  }, [rectangle, setActiveTrigger]);\n\n  return { ref, isMatch };\n}\n"],"names":["useTabLink","value","setActiveTrigger","currentValue","useTabs","isMatch","ref","rectangle","useTrackActiveItemRectangle","useLayoutEffect"],"mappings":";;;AAIO,SAASA,EAAWC,GAAe;AACxC,QAAM,EAAE,kBAAAC,GAAkB,OAAOC,EAAA,IAAiBC,EAAA,GAC5CC,IAAUF,MAAiBF,GAC3B,EAAE,KAAAK,GAAK,WAAAC,MAAcC,EAA4BH,CAAO;AAE9D,SAAAI,EAAgB,MAAM;AACpB,IAAIF,KACFL,EAAiBK,CAAS;AAAA,EAE9B,GAAG,CAACA,GAAWL,CAAgB,CAAC,GAEzB,EAAE,KAAAI,GAAK,SAAAD,EAAA;AAChB;"}

package/dist/overlay/tethered/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/overlay/tethered/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/panel.css

@@ -1 +1 @@
-@layer tcn-system{._panel_c1dbe05{height:100%}}
+@layer tcn-system{:where(._panel_c1dbe05){height:100%}}

package/dist/phone_number_input.css

@@ -1 +1 @@
-._phone-number-input_5c4483d{flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}
+@layer tcn-system{._phone-number-input_5c4483d{flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}}

package/dist/section.css

@@ -1 +1 @@
-@layer tcn-system{:where(._section_0d82329){position:relative}:where(._heading_7bf5e47){position:sticky;height:23px;z-index:4;padding-inline-end:8px;-webkit-user-select:none;user-select:none}:where(._section_0d82329>._heading_7bf5e47){top:0;padding-inline:8px 8px;z-index:3}:where(._section_0d82329>._section_0d82329>._heading_7bf5e47){top:30px;padding-inline:12px 8px;z-index:2}:where(._section_0d82329>._section_0d82329>._section_0d82329>._heading_7bf5e47){top:60px;padding-inline:16px 8px;z-index:1}:where(._section_0d82329>._section_0d82329>._section_0d82329>._section_0d82329>._heading_7bf5e47){top:90px;padding-inline:20px 8px;z-index:0}._section_0d82329>:not(._heading_7bf5e47,._section_0d82329){padding-inline-end:8px}}
+@layer tcn-system{:where(._section_0d82329){position:relative}}

package/dist/section.module-BXlxYmJK.js

@@ -0,0 +1,5 @@
+import './section.css';const s = "_section_0d82329", t = { section: s };
+export {
+  t as s
+};
+//# sourceMappingURL=section.module-BXlxYmJK.js.map

package/dist/section.module-BXlxYmJK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.module-BXlxYmJK.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/{showcase-y9D3_Y8T.js → showcase-DBFp_Epk.js}

@@ -7109,7 +7109,7 @@ var IB = (e) => e.transports !== void 0, NB = () => Math.random().toString(16).s
     let r = (...n) => (this.removeListener(e, r), t(...n));
     return r;
   }
-}, { document: Upe, location: zpe } = fe, { WebSocket: Vpe } = fe, { CONFIG_TYPE: Kpe } = fe, L0 = "backgrounds", FB = "outline", MB = {
+}, { document: Upe, location: zpe } = fe, { WebSocket: Vpe } = fe, { CHANNEL_OPTIONS: Kpe, CONFIG_TYPE: Gpe } = fe, L0 = "backgrounds", FB = "outline", MB = {
   light: { name: "light", value: "#F8F8F8" },
   dark: { name: "dark", value: "#333" }
 }, BB = F({
@@ -9778,16 +9778,16 @@ CSF .story annotations deprecated; annotate story functions directly:
 - StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators)
 See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.
 `;
-var { fetch: Wpe } = fe;
+var { fetch: Jpe } = fe;
 Me(Tl(), 1);
 Me(Tl(), 1);
-var { history: Jpe, document: Ype } = fe, QB = Me(zB(), 1);
+var { history: Ype, document: Xpe } = fe, QB = Me(zB(), 1);
 Me(Tl(), 1);
-var { document: Xpe } = fe;
+var { document: Zpe } = fe;
 new QB.default({
   escapeXML: !0
 });
-var { document: Zpe } = fe, sc = "storybook/highlight", eL = `${sc}/add`, tL = `${sc}/remove`, rL = `${sc}/reset`, nL = `${sc}/scroll-into-view`, q0 = 2147483647, Wn = 28, oL = "storybook/actions", aL = `${oL}/action-event`, iL = {
+var { document: Qpe } = fe, sc = "storybook/highlight", eL = `${sc}/add`, tL = `${sc}/remove`, rL = `${sc}/reset`, nL = `${sc}/scroll-into-view`, q0 = 2147483647, Wn = 28, oL = "storybook/actions", aL = `${oL}/action-event`, iL = {
   depth: 10,
   clearOnStoryChange: !0,
   limit: 50
@@ -34300,82 +34300,82 @@ cm.screen = new Proxy(cm.screen, {
   }
 });
 var {
-  buildQueries: Qpe,
-  configure: efe,
-  createEvent: tfe,
-  fireEvent: rfe,
-  findAllByAltText: nfe,
-  findAllByDisplayValue: ofe,
-  findAllByLabelText: afe,
-  findAllByPlaceholderText: ife,
-  findAllByRole: lfe,
-  findAllByTestId: sfe,
-  findAllByText: ufe,
-  findAllByTitle: cfe,
-  findByAltText: dfe,
-  findByDisplayValue: pfe,
-  findByLabelText: ffe,
-  findByPlaceholderText: hfe,
-  findByRole: mfe,
-  findByTestId: gfe,
-  findByText: yfe,
-  findByTitle: bfe,
-  getAllByAltText: vfe,
-  getAllByDisplayValue: Efe,
-  getAllByLabelText: wfe,
-  getAllByPlaceholderText: Sfe,
-  getAllByRole: xfe,
-  getAllByTestId: Tfe,
-  getAllByText: Cfe,
-  getAllByTitle: _fe,
-  getByAltText: Afe,
-  getByDisplayValue: Rfe,
-  getByLabelText: Pfe,
-  getByPlaceholderText: Ofe,
-  getByRole: $fe,
-  getByTestId: Dfe,
-  getByText: Ife,
-  getByTitle: Nfe,
-  getConfig: Ffe,
-  getDefaultNormalizer: Mfe,
-  getElementError: Bfe,
-  getNodeText: Lfe,
-  getQueriesForElement: kfe,
-  getRoles: jfe,
-  getSuggestedQuery: qfe,
-  isInaccessible: Hfe,
-  logDOM: Ufe,
-  logRoles: zfe,
-  prettyDOM: Vfe,
-  queries: Kfe,
-  queryAllByAltText: Gfe,
-  queryAllByAttribute: Wfe,
-  queryAllByDisplayValue: Jfe,
-  queryAllByLabelText: Yfe,
-  queryAllByPlaceholderText: Xfe,
-  queryAllByRole: Zfe,
-  queryAllByTestId: Qfe,
-  queryAllByText: ehe,
-  queryAllByTitle: the,
-  queryByAltText: rhe,
-  queryByAttribute: nhe,
-  queryByDisplayValue: ohe,
-  queryByLabelText: ahe,
-  queryByPlaceholderText: ihe,
-  queryByRole: lhe,
-  queryByTestId: she,
-  queryByText: uhe,
-  queryByTitle: che,
-  queryHelpers: dhe,
-  screen: phe,
-  waitFor: fhe,
-  waitForElementToBeRemoved: hhe,
-  within: mhe,
-  prettyFormat: ghe
-} = cm, { userEvent: yhe } = pc(
+  buildQueries: efe,
+  configure: tfe,
+  createEvent: rfe,
+  fireEvent: nfe,
+  findAllByAltText: ofe,
+  findAllByDisplayValue: afe,
+  findAllByLabelText: ife,
+  findAllByPlaceholderText: lfe,
+  findAllByRole: sfe,
+  findAllByTestId: ufe,
+  findAllByText: cfe,
+  findAllByTitle: dfe,
+  findByAltText: pfe,
+  findByDisplayValue: ffe,
+  findByLabelText: hfe,
+  findByPlaceholderText: mfe,
+  findByRole: gfe,
+  findByTestId: yfe,
+  findByText: bfe,
+  findByTitle: vfe,
+  getAllByAltText: Efe,
+  getAllByDisplayValue: wfe,
+  getAllByLabelText: Sfe,
+  getAllByPlaceholderText: xfe,
+  getAllByRole: Tfe,
+  getAllByTestId: Cfe,
+  getAllByText: _fe,
+  getAllByTitle: Afe,
+  getByAltText: Rfe,
+  getByDisplayValue: Pfe,
+  getByLabelText: Ofe,
+  getByPlaceholderText: $fe,
+  getByRole: Dfe,
+  getByTestId: Ife,
+  getByText: Nfe,
+  getByTitle: Ffe,
+  getConfig: Mfe,
+  getDefaultNormalizer: Bfe,
+  getElementError: Lfe,
+  getNodeText: kfe,
+  getQueriesForElement: jfe,
+  getRoles: qfe,
+  getSuggestedQuery: Hfe,
+  isInaccessible: Ufe,
+  logDOM: zfe,
+  logRoles: Vfe,
+  prettyDOM: Kfe,
+  queries: Gfe,
+  queryAllByAltText: Wfe,
+  queryAllByAttribute: Jfe,
+  queryAllByDisplayValue: Yfe,
+  queryAllByLabelText: Xfe,
+  queryAllByPlaceholderText: Zfe,
+  queryAllByRole: Qfe,
+  queryAllByTestId: ehe,
+  queryAllByText: the,
+  queryAllByTitle: rhe,
+  queryByAltText: nhe,
+  queryByAttribute: ohe,
+  queryByDisplayValue: ahe,
+  queryByLabelText: ihe,
+  queryByPlaceholderText: lhe,
+  queryByRole: she,
+  queryByTestId: uhe,
+  queryByText: che,
+  queryByTitle: dhe,
+  queryHelpers: phe,
+  screen: fhe,
+  waitFor: hhe,
+  waitForElementToBeRemoved: mhe,
+  within: ghe,
+  prettyFormat: yhe
+} = cm, { userEvent: bhe } = pc(
   { userEvent: XJ },
   { intercept: !0, getKeys: (e) => Object.keys(e).filter((t) => t !== "eventWrapper") }
-), { expect: bhe } = pc(
+), { expect: vhe } = pc(
   { expect: v_ },
   {
     getKeys: (e, t) => {
@@ -34575,7 +34575,7 @@ var J1 = !1, oY = (e) => {
   }, [x, C, y, M, f, E, S, A]), e();
 };
 globalThis.FEATURES?.backgrounds;
-var { step: vhe } = pc(
+var { step: Ehe } = pc(
   {
     // It seems like the label is unused, but the instrumenter has access to it
     // The context will be bounded later in StoryRender, so that the user can write just:
@@ -36563,7 +36563,7 @@ function kX(e, t) {
   }
   return (!e || e === ".") && i.route.index && (a.search = a.search ? a.search.replace(/^\?/, "?index&") : "?index"), n !== "/" && (a.pathname = a.pathname === "/" ? n : ib([n, a.pathname])), gm(a);
 }
-var { document: Ehe } = fe;
+var { document: whe } = fe;
 function jX(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -39731,7 +39731,7 @@ var mw = Me(Tl(), 1), wo = (e) => {
 wt(hP, {
   init: () => hQ
 });
-var cQ = Me(uo(), 1), dQ = "10.2.8", { VERSIONCHECK: pQ } = fe, bw = (0, cQ.default)(1)(() => {
+var cQ = Me(uo(), 1), dQ = "10.2.10", { VERSIONCHECK: pQ } = fe, bw = (0, cQ.default)(1)(() => {
   try {
     return { ...JSON.parse(pQ).data || {} };
   } catch {
@@ -39923,7 +39923,7 @@ var EQ = class {
     }
     return n && n(u), u;
   }
-}, { ActiveTabs: whe } = vb, yP = yZ({ api: void 0, state: Em({}) }), wQ = (...e) => bZ({}, ...e), SQ = class extends Ur {
+}, { ActiveTabs: She } = vb, yP = yZ({ api: void 0, state: Em({}) }), wQ = (...e) => bZ({}, ...e), SQ = class extends Ur {
   constructor(e) {
     super(e), this.api = {}, this.initModules = () => {
       this.modules.forEach((m) => {
@@ -40287,7 +40287,7 @@ var IQ = DQ(), nt = ({ ...e }, t) => {
     marginBottom: 0
   }
 })), jo = [], ka = null, FQ = vl(async () => {
-  let { SyntaxHighlighter: e } = await import("./syntaxhighlighter-ED5Y7EFY-CqInEOwQ.js");
+  let { SyntaxHighlighter: e } = await import("./syntaxhighlighter-ED5Y7EFY-B0ag_7lq.js");
   return jo.length > 0 && (jo.forEach((t) => {
     e.registerLanguage(...t);
   }), jo = []), ka === null && (ka = e), {
@@ -40295,8 +40295,8 @@ var IQ = DQ(), nt = ({ ...e }, t) => {
   };
 }), MQ = vl(async () => {
   let [{ SyntaxHighlighter: e }, { formatter: t }] = await Promise.all([
-    import("./syntaxhighlighter-ED5Y7EFY-CqInEOwQ.js"),
-    import("./formatter-EIJCOSYU-DWmgEY3b.js")
+    import("./syntaxhighlighter-ED5Y7EFY-B0ag_7lq.js"),
+    import("./formatter-EIJCOSYU-ByaSCvt6.js")
   ]);
   return jo.length > 0 && (jo.forEach((r) => {
     e.registerLanguage(...r);
@@ -53087,10 +53087,10 @@ var ND = ({
 }, FD = De((e, t) => _.createElement(Hl, { ref: t, ...e }));
 FD.displayName = "Tooltip";
 vl(
-  () => import("./WithTooltip-65CFNBJE-DEnh547F.js").then((e) => ({ default: e.WithTooltip }))
+  () => import("./WithTooltip-65CFNBJE-Bgt57Jw2.js").then((e) => ({ default: e.WithTooltip }))
 );
 vl(
-  () => import("./WithTooltip-65CFNBJE-DEnh547F.js").then((e) => ({ default: e.WithTooltipPure }))
+  () => import("./WithTooltip-65CFNBJE-Bgt57Jw2.js").then((e) => ({ default: e.WithTooltipPure }))
 );
 H.div(({ theme: e }) => ({
   fontWeight: e.typography.weight.bold
@@ -57416,7 +57416,7 @@ H.div(({ isMaxed: e }) => ({
 H(li.Input)({
   padding: 10
 });
-vl(() => import("./Color-6BZIO3FS-C9xkPWgz.js"));
+vl(() => import("./Color-6BZIO3FS-CKNkzBV6.js"));
 H.table(({ theme: e }) => ({
   "&&": {
     // Escape default table styles
@@ -60055,7 +60055,7 @@ H(Ude)(({ theme: e }) => ({
     marginTop: "56px"
   }
 }));
-const zde = "_showcase_57a1682", Vde = "_toolbar_944adb6", Kde = "_header_7789d59", Gde = "_title_034d539", Wde = "_subtitle_2478529", Jde = "_documentation_1ba3d31", Yde = "_description_4ed9c28", Xde = "_content_2c42bfd", Nr = { showcase: zde, toolbar: Vde, header: Kde, title: Gde, subtitle: Wde, documentation: Jde, description: Yde, content: Xde }, She = ({
+const zde = "_showcase_57a1682", Vde = "_toolbar_944adb6", Kde = "_header_7789d59", Gde = "_title_034d539", Wde = "_subtitle_2478529", Jde = "_documentation_1ba3d31", Yde = "_description_4ed9c28", Xde = "_content_2c42bfd", Nr = { showcase: zde, toolbar: Vde, header: Kde, title: Gde, subtitle: Wde, documentation: Jde, description: Yde, content: Xde }, xhe = ({
   title: e,
   description: t,
   of: r,
@@ -60089,7 +60089,7 @@ const zde = "_showcase_57a1682", Vde = "_toolbar_944adb6", Kde = "_header_7789d5
       )
     ]
   }
-), xhe = ({
+), The = ({
   title: e,
   description: t,
   children: r,
@@ -60158,10 +60158,10 @@ export {
   F as f,
   gr as g,
   QN as h,
-  xhe as i,
-  She as j,
+  The as i,
+  xhe as j,
   ig as l,
   uo as r,
   fe as s
 };
-//# sourceMappingURL=showcase-y9D3_Y8T.js.map
+//# sourceMappingURL=showcase-DBFp_Epk.js.map