@flamingo-stack/openframe-frontend-core 0.0.741 → 0.0.743

package/dist/components/ui/radio-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
@@ -53,6 +53,66 @@ const RadioGroupBlock = forwardRef(
             const itemId = `${props.name ?? "radio-block"}-${option.value}`;
             const isDisabled = disabled || option.disabled;
             const isLast = index === options.length - 1;
+            const hasFooter = option.footer != null;
+            const row = /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                RadioGroupPrimitive.Item,
+                {
+                  id: itemId,
+                  value: option.value,
+                  disabled: isDisabled,
+                  className: cn(
+                    "h-6 w-6 shrink-0 rounded-full border-2 bg-ods-card",
+                    error ? "border-ods-error" : "border-[var(--color-border-strong)]",
+                    "transition-colors duration-150",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 focus-visible:ring-offset-ods-card",
+                    // Disabled: the EMPTY dot dims with the text; a selected one
+                    // keeps its accent so "on but locked" stays readable.
+                    "disabled:cursor-not-allowed",
+                    "disabled:data-[state=unchecked]:border-ods-border disabled:data-[state=unchecked]:bg-ods-bg",
+                    "data-[state=checked]:border-ods-accent"
+                  ),
+                  children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "block h-1/2 w-1/2 rounded-full bg-ods-accent" }) })
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex min-w-0 flex-1 flex-col justify-center",
+                    // Direct children only — these are the two component-owned
+                    // wrappers. `option.label` / `option.description` are
+                    // ReactNode, so a descendant rule would repaint content the
+                    // caller styled itself.
+                    isDisabled && "[&>span]:text-ods-text-disabled"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "font-[family-name:var(--font-h4-family)] text-[length:var(--font-size-h4-body)] font-[number:var(--font-h4-weight)] leading-[24px]",
+                          "select-none truncate text-ods-text-primary"
+                        ),
+                        title: typeof option.label === "string" ? option.label : void 0,
+                        children: option.label
+                      }
+                    ),
+                    option.description && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "font-[family-name:var(--font-h6-family)] text-[length:var(--font-size-h6-caption)] font-[number:var(--font-h6-weight)] leading-[20px]",
+                          "select-none text-ods-text-secondary"
+                        ),
+                        children: option.description
+                      }
+                    )
+                  ]
+                }
+              ),
+              option.trailing && /* @__PURE__ */ jsx("div", { className: "ml-auto flex shrink-0 items-center", children: option.trailing })
+            ] });
             return /* @__PURE__ */ jsxs(
               "label",
               {
@@ -83,66 +143,13 @@ const RadioGroupBlock = forwardRef(
                   // `Tag`'s label is a span too, and it went invisible against
                   // its own fill.
                   isDisabled && "bg-ods-bg",
+                  // With a footer the option stacks: its row, then the footer.
+                  hasFooter && "flex-col items-stretch gap-[var(--spacing-system-sf)]",
                   itemClassName
                 ),
                 children: [
-                  /* @__PURE__ */ jsx(
-                    RadioGroupPrimitive.Item,
-                    {
-                      id: itemId,
-                      value: option.value,
-                      disabled: isDisabled,
-                      className: cn(
-                        "h-6 w-6 shrink-0 rounded-full border-2 bg-ods-card",
-                        error ? "border-ods-error" : "border-[var(--color-border-strong)]",
-                        "transition-colors duration-150",
-                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 focus-visible:ring-offset-ods-card",
-                        // Disabled: the EMPTY dot dims with the text; a selected one
-                        // keeps its accent so "on but locked" stays readable.
-                        "disabled:cursor-not-allowed",
-                        "disabled:data-[state=unchecked]:border-ods-border disabled:data-[state=unchecked]:bg-ods-bg",
-                        "data-[state=checked]:border-ods-accent"
-                      ),
-                      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "block h-1/2 w-1/2 rounded-full bg-ods-accent" }) })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: cn(
-                        "flex min-w-0 flex-1 flex-col justify-center",
-                        // Direct children only — these are the two component-owned
-                        // wrappers. `option.label` / `option.description` are
-                        // ReactNode, so a descendant rule would repaint content the
-                        // caller styled itself.
-                        isDisabled && "[&>span]:text-ods-text-disabled"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: cn(
-                              "font-[family-name:var(--font-h4-family)] text-[length:var(--font-size-h4-body)] font-[number:var(--font-h4-weight)] leading-[24px]",
-                              "select-none truncate text-ods-text-primary"
-                            ),
-                            title: typeof option.label === "string" ? option.label : void 0,
-                            children: option.label
-                          }
-                        ),
-                        option.description && /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: cn(
-                              "font-[family-name:var(--font-h6-family)] text-[length:var(--font-size-h6-caption)] font-[number:var(--font-h6-weight)] leading-[20px]",
-                              "select-none text-ods-text-secondary"
-                            ),
-                            children: option.description
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  option.trailing && /* @__PURE__ */ jsx("div", { className: "ml-auto flex shrink-0 items-center", children: option.trailing })
+                  hasFooter ? /* @__PURE__ */ jsx("div", { className: "flex w-full items-center gap-[var(--spacing-system-sf)]", children: row }) : row,
+                  option.footer
                 ]
               },
               option.value

package/dist/components/ui/tab-navigation.d.ts

@@ -53,6 +53,22 @@ export interface TabItem {
      */
     accent?: string;
 }
+/**
+ * How a strip marks its tabs.
+ *
+ * - `default`: the tabs touch, and the open tab is marked by the underline alone.
+ * - `admin`: the product admin's tab bar. A gap between tabs, and the open and the
+ *   hovered tab carry an accent fade above the underline.
+ */
+export type TabNavigationVariant = 'default' | 'admin';
+/**
+ * Sets the variant of every `TabNavigation` below it that does not pass its own
+ * `variant`. An app whose tab bars all share one look mounts it once in its layout.
+ */
+export declare function TabNavigationVariantProvider({ variant, children, }: {
+    variant: TabNavigationVariant;
+    children: React.ReactNode;
+}): React.JSX.Element;
 export interface TabNavigationUrlSyncOptions {
     paramName?: string;
     replaceState?: boolean;
@@ -78,6 +94,8 @@ interface TabNavigationProps {
     tabAlign?: 'center' | 'start';
     /** How long the underline takes to reach a new `TabItem.progress` value. Default 200. */
     progressTransitionMs?: number;
+    /** How the strip marks its tabs. Omitted: the nearest `TabNavigationVariantProvider`'s, else `default`. */
+    variant?: TabNavigationVariant;
     urlSync?: boolean | TabNavigationUrlSyncOptions;
     defaultTab?: string;
     /**
@@ -91,7 +109,7 @@ interface TabNavigationProps {
         isStale: boolean;
     }) => React.ReactNode;
 }
-export declare function TabNavigation({ activeTab: controlledActiveTab, onTabChange: controlledOnTabChange, tabs, className, shadowClassName, showRightGradient, showLeftGradient, stretchTabs, tabAlign, progressTransitionMs, urlSync, defaultTab, children, }: TabNavigationProps): React.JSX.Element;
+export declare function TabNavigation({ activeTab: controlledActiveTab, onTabChange: controlledOnTabChange, tabs, className, shadowClassName, showRightGradient, showLeftGradient, stretchTabs, tabAlign, progressTransitionMs, variant: variantProp, urlSync, defaultTab, children, }: TabNavigationProps): React.JSX.Element;
 export declare const getTabById: (tabs: TabItem[], tabId: string) => TabItem | undefined;
 export declare const getTabComponent: (tabs: TabItem[], tabId: string) => TabItem["component"] | null;
 export {};

package/dist/components/ui/tab-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tab-navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1D;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,kBAAkB;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;iFAC6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC9B,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAG9B,OAAO,CAAC,EAAE,OAAO,GAAG,2BAA2B,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CAChF;AAmaD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,qBAAqB,EAClC,IAAI,EACJ,SAAS,EACT,eAAe,EACf,iBAAyB,EACzB,gBAAwB,EACxB,WAAmB,EACnB,QAAmB,EACnB,oBAA0B,EAC1B,OAAe,EACf,UAAU,EACV,QAAQ,GACT,EAAE,kBAAkB,qBAkLpB;AAGD,eAAO,MAAM,UAAU,GAAI,MAAM,OAAO,EAAE,EAAE,OAAO,MAAM,KAAG,OAAO,GAAG,SAA+C,CAAC;AAGtH,eAAO,MAAM,eAAe,GAAI,MAAM,OAAO,EAAE,EAAE,OAAO,MAAM,KAAG,OAAO,CAAC,WAAW,CAAC,GAAG,IAGvF,CAAC"}
+{"version":3,"file":"tab-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tab-navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1D;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,OAAO,CAAC;AAIvD;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAEA;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,kBAAkB;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;iFAC6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC9B,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAG/B,OAAO,CAAC,EAAE,OAAO,GAAG,2BAA2B,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CAChF;AAmbD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,qBAAqB,EAClC,IAAI,EACJ,SAAS,EACT,eAAe,EACf,iBAAyB,EACzB,gBAAwB,EACxB,WAAmB,EACnB,QAAmB,EACnB,oBAA0B,EAC1B,OAAO,EAAE,WAAW,EACpB,OAAe,EACf,UAAU,EACV,QAAQ,GACT,EAAE,kBAAkB,qBAqLpB;AAGD,eAAO,MAAM,UAAU,GAAI,MAAM,OAAO,EAAE,EAAE,OAAO,MAAM,KAAG,OAAO,GAAG,SAA+C,CAAC;AAGtH,eAAO,MAAM,eAAe,GAAI,MAAM,OAAO,EAAE,EAAE,OAAO,MAAM,KAAG,OAAO,CAAC,WAAW,CAAC,GAAG,IAGvF,CAAC"}

package/dist/components/ui/tab-navigation.js

@@ -1,6 +1,8 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import {
+  createContext,
+  useContext,
   useState,
   useEffect,
   useLayoutEffect,
@@ -14,6 +16,13 @@ import {
 import { useSearchParams, useRouter, usePathname } from "../../embed-shims/next-navigation.js";
 import { cn } from "../../utils/cn.js";
 import { Tag } from "./tag.js";
+const TabNavigationVariantContext = createContext("default");
+function TabNavigationVariantProvider({
+  variant,
+  children
+}) {
+  return /* @__PURE__ */ jsx(TabNavigationVariantContext.Provider, { value: variant, children });
+}
 const HIDDEN_INDICATOR = { left: 0, width: 0 };
 const StatusDot = ({ indicator, className }) => /* @__PURE__ */ jsx(
   "div",
@@ -37,8 +46,10 @@ const TabBar = memo(function TabBarImpl({
   showRightGradient,
   stretchTabs,
   tabAlign,
-  progressTransitionMs
+  progressTransitionMs,
+  variant
 }) {
+  const isAdmin = variant === "admin";
   const scrollRef = useRef(null);
   const activeTabRef = useRef(null);
   const isFirstActiveScrollRef = useRef(true);
@@ -168,7 +179,10 @@ const TabBar = memo(function TabBarImpl({
       "div",
       {
         ref: scrollRef,
-        className: "scrollbar-hide relative flex h-full items-center justify-start overflow-x-auto overflow-y-hidden",
+        className: cn(
+          "scrollbar-hide relative flex h-full items-center justify-start overflow-x-auto overflow-y-hidden",
+          isAdmin && "gap-[var(--spacing-system-xxs)]"
+        ),
         children: [
           tabs.map((tab) => {
             const isActive = activeTab === tab.id;
@@ -188,11 +202,16 @@ const TabBar = memo(function TabBarImpl({
                   // `outline-none` above drops the browser's own focus ring, so
                   // put one back or the strip is un-navigable by keyboard — you
                   // can tab through it with nothing to show where you are. Inset,
-                  // so it stays within the button: the tabs touch.
+                  // so it stays within the button and never overlaps a neighbour.
                   "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus",
                   stretchTabs && "flex-1",
-                  tab.avatar && "gap-[var(--spacing-system-xsf)]"
-                  // The open tab is marked by the underline alone: no surface of its own.
+                  tab.avatar && "gap-[var(--spacing-system-xsf)]",
+                  // `default`: the open tab is marked by the underline alone, no surface
+                  // of its own. `admin`: the open and the hovered tab carry an accent
+                  // fade. ODS colour vars hold hex values, so Tailwind alpha modifiers
+                  // (to-ods-accent/10) silently produce no CSS; color-mix() accepts
+                  // hex, so the 10%-alpha stop is derived from the token.
+                  isAdmin && (isActive ? "bg-gradient-to-b from-transparent to-[color-mix(in_srgb,var(--color-accent-primary)_10%,transparent)]" : "hover:bg-gradient-to-b hover:from-transparent hover:to-[color-mix(in_srgb,var(--color-accent-primary)_10%,transparent)]")
                 ),
                 children: [
                   tab.avatar ? /* @__PURE__ */ jsxs("div", { className: "relative flex shrink-0 items-center justify-center", children: [
@@ -204,7 +223,7 @@ const TabBar = memo(function TabBarImpl({
                       {
                         className: cn(
                           "h-4 w-4 transition-colors content-md:h-6 content-md:w-6",
-                          isActive ? !tab.accent && "text-ods-accent" : "text-ods-text-secondary group-hover:text-ods-text-primary"
+                          isActive ? !tab.accent && "text-ods-accent" : cn("text-ods-text-secondary", !isAdmin && "group-hover:text-ods-text-primary")
                         ),
                         style: isActive && tab.accent ? { color: tab.accent } : void 0
                       }
@@ -221,7 +240,7 @@ const TabBar = memo(function TabBarImpl({
                       {
                         className: cn(
                           "whitespace-nowrap transition-colors text-h4",
-                          isActive ? "text-ods-text-primary" : "text-ods-text-secondary group-hover:text-ods-text-primary"
+                          isActive ? "text-ods-text-primary" : cn("text-ods-text-secondary", !isAdmin && "group-hover:text-ods-text-primary")
                         ),
                         children: tab.label
                       }
@@ -304,10 +323,13 @@ function TabNavigation({
   stretchTabs = false,
   tabAlign = "center",
   progressTransitionMs = 200,
+  variant: variantProp,
   urlSync = false,
   defaultTab,
   children
 }) {
+  const providedVariant = useContext(TabNavigationVariantContext);
+  const variant = variantProp ?? providedVariant;
   const router = useRouter();
   const pathname = usePathname();
   const searchParams = useSearchParams();
@@ -380,7 +402,8 @@ function TabNavigation({
         showRightGradient,
         stretchTabs,
         tabAlign,
-        progressTransitionMs
+        progressTransitionMs,
+        variant
       }
     ),
     children && children(deferredActiveTab, { isStale })
@@ -393,6 +416,7 @@ const getTabComponent = (tabs, tabId) => {
 };
 export {
   TabNavigation,
+  TabNavigationVariantProvider,
   getTabById,
   getTabComponent
 };

package/dist/{devices-W3S7Q2PG.cjs → devices-MFGE2JQV.cjs}

@@ -11,24 +11,24 @@ require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkIK2RJUEAcjs = require('./chunk-IK2RJUEA.cjs');
-require('./chunk-O67V3HJR.cjs');
-require('./chunk-3HPB4H4C.cjs');
-require('./chunk-DSVNFRY5.cjs');
+var _chunkWCY35GB5cjs = require('./chunk-WCY35GB5.cjs');
+require('./chunk-URVIPSAJ.cjs');
+require('./chunk-NTGIQP7O.cjs');
+require('./chunk-U2O5YQRP.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
-require('./chunk-VA7OMDZO.cjs');
-require('./chunk-AAFW4STC.cjs');
+require('./chunk-4FWURR3W.cjs');
+require('./chunk-LU7TD6QS.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-KLI4OSRA.cjs');
+require('./chunk-GAGNKWOC.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-CWRVTQUO.cjs');
-require('./chunk-BV5WZVOP.cjs');
-require('./chunk-GABDE3FM.cjs');
+require('./chunk-BM6JZRVD.cjs');
+require('./chunk-7YDF3QBN.cjs');
+require('./chunk-OWGLRE74.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
-require('./chunk-PQ2M7P2U.cjs');
+require('./chunk-5TCIRWHL.cjs');
 require('./chunk-B27QEHYR.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
@@ -1818,20 +1818,20 @@ require('./chunk-LMBYZITR.cjs');
 require('./chunk-TMVC7S2R.cjs');
 require('./chunk-IYHH5EIO.cjs');
 require('./chunk-XIBCMGBW.cjs');
-require('./chunk-DUVOQHQI.cjs');
-require('./chunk-SA7LDEVJ.cjs');
-require('./chunk-NTJE6SM6.cjs');
+require('./chunk-W2RM764D.cjs');
+require('./chunk-CSJO7ZGN.cjs');
+require('./chunk-WI2OTGKC.cjs');
 require('./chunk-JKX2C3I2.cjs');
 require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-YRE3O65E.cjs');
-require('./chunk-YXKB5WRE.cjs');
-require('./chunk-IFS4AH77.cjs');
+require('./chunk-JGZEHBBD.cjs');
+require('./chunk-LJ46XYYP.cjs');
+require('./chunk-QYLIHZKZ.cjs');
 require('./chunk-63N4FN5V.cjs');
-require('./chunk-GSWQZX23.cjs');
-require('./chunk-7ZFCR7UY.cjs');
+require('./chunk-UY6A6TEY.cjs');
+require('./chunk-ABLUMGCI.cjs');
 require('./chunk-S5C3OZCO.cjs');
 require('./chunk-32ASZMTV.cjs');
 require('./chunk-OOYBIS7D.cjs');
@@ -1841,11 +1841,11 @@ require('./chunk-ORO54HDF.cjs');
 require('./chunk-RUHKTWGB.cjs');
 require('./chunk-BLH2SFOO.cjs');
 require('./chunk-I5MSCD57.cjs');
-require('./chunk-PX7FY655.cjs');
+require('./chunk-ASMNNSUQ.cjs');
 require('./chunk-CW3ML76U.cjs');
-require('./chunk-GVTDVS5U.cjs');
-require('./chunk-FICJS5OA.cjs');
-require('./chunk-VOX4E6AX.cjs');
+require('./chunk-R34JD6NP.cjs');
+require('./chunk-KTPR66EE.cjs');
+require('./chunk-DGFDBPO7.cjs');
 require('./chunk-HOTM4UM6.cjs');
 require('./chunk-UJ7AXHRZ.cjs');
 require('./chunk-HTRILBJD.cjs');
@@ -1865,14 +1865,14 @@ require('./chunk-3ATAYP36.cjs');
 // src/components/product-demo/screens/devices.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var TOOLBAR = { ..._chunkIK2RJUEAcjs.IDLE_DEVICES_TOOLBAR, searchValue: _chunk7AM3AFM4cjs.DEVICES_SEARCH_QUERY };
+var TOOLBAR = { ..._chunkWCY35GB5cjs.IDLE_DEVICES_TOOLBAR, searchValue: _chunk7AM3AFM4cjs.DEVICES_SEARCH_QUERY };
 var NO_HEADER = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
 var HIDDEN_WHEN_COMPACT = ["organization"];
 function DevicesScreen({ compact = false }) {
   const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => _chunk7AM3AFM4cjs.buildWindowsDevicesFixture.call(void 0, cast), [cast]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkIK2RJUEAcjs.DevicesPanelView,
+    _chunkWCY35GB5cjs.DevicesPanelView,
     {
       className: "p-[var(--spacing-system-l)]",
       headerSlot: NO_HEADER,