@ankhorage/zora 23.2.5 → 23.4.0

package/src/invertedThemeAcceptance.test.tsx

@@ -0,0 +1,177 @@
+import { join } from 'node:path';
+import { pathToFileURL } from 'node:url';
+
+import { getContrastRatio, parseHexColorOrThrow } from '@ankhorage/color-theory';
+import type { SurfaceTheme, ThemeMode } from '@ankhorage/surface';
+import { expect, test } from 'bun:test';
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+
+import type { AppHeader as AppHeaderComponent } from './features/app-header/public';
+import type { Breadcrumbs as BreadcrumbsComponent } from './features/breadcrumbs/public';
+import type {
+  Button as ButtonComponent,
+  IconButton as IconButtonComponent,
+} from './features/button/public';
+import type { GameField as GameFieldComponent } from './features/game/public';
+import type { View as ViewComponent } from './features/layout/public';
+import type { useZoraTheme as useZoraThemeHook } from './features/theme/composition/useZoraTheme';
+import type { ZoraProvider as ZoraProviderComponent } from './features/theme/runtime';
+import type { Text as TextComponent } from './features/typography/public';
+
+const webDist = join(import.meta.dir, '..', 'web-dist');
+
+test('web materialization exposes the public AppHeader component', async () => {
+  const manifest = (await Bun.file(join(webDist, 'manifest.json')).json()) as {
+    artifacts: readonly { component: string; exportName: string; files: readonly string[] }[];
+  };
+  const appHeader = manifest.artifacts.find((entry) => entry.component === 'app-header');
+  expect(appHeader?.exportName).toBe('AppHeader');
+  expect(appHeader?.files).toContain('components/app-header/index.js');
+  expect(appHeader?.files).toContain('components/app-header/AppHeader.d.ts');
+});
+
+test.each(['light', 'dark'] as const)(
+  '%s mode composes inherited inversion, reset, and AppHeader without changing mode',
+  async (mode) => {
+    const { ZoraProvider, useZoraTheme } = (await import(
+      pathToFileURL(join(webDist, 'runtime/ZoraProvider.js')).href
+    )) as { ZoraProvider: typeof ZoraProviderComponent; useZoraTheme: typeof useZoraThemeHook };
+    const { View } = (await import(
+      pathToFileURL(join(webDist, 'components/view/index.js')).href
+    )) as {
+      View: typeof ViewComponent;
+    };
+    const { Text } = (await import(
+      pathToFileURL(join(webDist, 'components/text/index.js')).href
+    )) as {
+      Text: typeof TextComponent;
+    };
+    const { Breadcrumbs } = (await import(
+      pathToFileURL(join(webDist, 'components/breadcrumbs/index.js')).href
+    )) as { Breadcrumbs: typeof BreadcrumbsComponent };
+    const { Button } = (await import(
+      pathToFileURL(join(webDist, 'components/button/index.js')).href
+    )) as { Button: typeof ButtonComponent };
+    const { IconButton } = (await import(
+      pathToFileURL(join(webDist, 'components/icon-button/index.js')).href
+    )) as { IconButton: typeof IconButtonComponent };
+    const { GameField } = (await import(
+      pathToFileURL(join(webDist, 'components/game-field/index.js')).href
+    )) as { GameField: typeof GameFieldComponent };
+    const { AppHeader } = (await import(
+      pathToFileURL(join(webDist, 'components/app-header/index.js')).href
+    )) as { AppHeader: typeof AppHeaderComponent };
+    const observed = new Map<
+      string,
+      { mode: ThemeMode; inverted: boolean | undefined; theme: SurfaceTheme }
+    >();
+
+    function Probe({ id }: { id: string }) {
+      const { mode: activeMode, inverted, theme } = useZoraTheme();
+      observed.set(id, { mode: activeMode, inverted, theme });
+      return <span data-probe={id} />;
+    }
+
+    const markup = renderToStaticMarkup(
+      <ZoraProvider initialMode={mode}>
+        <Probe id="root" />
+        <View inverted>
+          <Probe id="outer" />
+          <Text>Inherited text</Text>
+          <Breadcrumbs items={[{ id: 'home', label: 'Home', icon: { name: 'home-outline' } }]} />
+          <IconButton iconName="add-outline" label="Add" variant="ghost" />
+          <Button color="primary" variant="solid">
+            Save
+          </Button>
+          <GameField inverted={false}>
+            <Probe id="gameReset" />
+          </GameField>
+          <View inverted={false}>
+            <Probe id="reset" />
+            <Text>Reset text</Text>
+            <IconButton iconName="close-outline" label="Reset action" variant="ghost" />
+            <View inverted>
+              <Probe id="reinverted" />
+            </View>
+          </View>
+        </View>
+        <AppHeader
+          inverted
+          title="Workspace"
+          actions={
+            <>
+              <IconButton iconName="add-outline" label="Header action" variant="ghost" />
+              <Button color="primary" variant="solid">
+                Header save
+              </Button>
+            </>
+          }
+        >
+          <Probe id="header" />
+          <Breadcrumbs
+            items={[{ id: 'header-home', label: 'Header home', icon: { name: 'home-outline' } }]}
+          />
+          <IconButton
+            inverted={false}
+            iconName="close-outline"
+            label="Header reset"
+            variant="ghost"
+          />
+        </AppHeader>
+        <AppHeader>
+          <Probe id="normalHeader" />
+        </AppHeader>
+        <AppHeader title="Workspace title" />
+      </ZoraProvider>,
+    );
+
+    expect([...observed.keys()].sort()).toEqual([
+      'gameReset',
+      'header',
+      'normalHeader',
+      'outer',
+      'reinverted',
+      'reset',
+      'root',
+    ]);
+    expect([...observed.values()].every((entry) => entry.mode === mode)).toBe(true);
+    expect(observed.get('root')?.inverted).toBe(false);
+    expect(observed.get('outer')?.inverted).toBe(true);
+    expect(observed.get('reset')?.inverted).toBe(false);
+    expect(observed.get('gameReset')?.inverted).toBe(false);
+    expect(observed.get('reinverted')?.inverted).toBe(true);
+    expect(observed.get('header')?.inverted).toBe(true);
+    expect(observed.get('normalHeader')?.inverted).toBe(false);
+    expect(observed.get('outer')?.theme.semantics.surface.default).toBe(
+      observed.get('header')?.theme.semantics.surface.default,
+    );
+    expect(observed.get('reset')?.theme.semantics.surface.default).toBe(
+      observed.get('root')?.theme.semantics.surface.default,
+    );
+    expect(observed.get('outer')?.theme.semantics.surface.default).not.toBe(
+      observed.get('root')?.theme.semantics.surface.default,
+    );
+    const theme = observed.get('outer')?.theme;
+    expect(theme).toBeDefined();
+    if (theme === undefined) return;
+    expect(
+      getContrastRatio(
+        parseHexColorOrThrow(theme.semantics.content.muted),
+        parseHexColorOrThrow(theme.semantics.surface.default),
+      ),
+    ).toBeGreaterThanOrEqual(4.5);
+    expect(theme.semantics.action.primary.onSolidText).toBe(
+      observed.get('root')?.theme.semantics.action.primary.onSolidText,
+    );
+    expect(markup).toContain('Inherited text');
+    expect(markup).toContain('Reset text');
+    expect(markup).toContain('Home');
+    expect(markup).toContain('Save');
+    expect(markup).toContain('Workspace title');
+    expect(markup).toContain('Header home');
+    expect(markup).toContain('Header save');
+    expect(markup).toContain('data-probe="header"');
+    expect(markup).not.toContain('inverted=');
+  },
+);

package/src/structureOwnership.test.ts

@@ -9,7 +9,7 @@ describe('src ownership', () => {
       .map((entry) => entry.name)
       .sort();
 
-    expect(directories).toEqual(['cli', 'constants', 'features', 'types']);
+    expect(directories).toEqual(['capabilities', 'cli', 'constants', 'features', 'types']);
   });
 
   test('does not reintroduce technical ownership roots', () => {

package/src/types/app-header.ts

@@ -0,0 +1,3 @@
+import type { AppBarProps } from './app-bar';
+
+export type AppHeaderProps = AppBarProps;

package/src/types/base.ts

@@ -18,6 +18,9 @@ export interface ZoraBaseProps {
    */
   mode?: ZoraThemeMode;
 
+  /** Inherits the nearest surface polarity unless explicitly inverted or reset to normal. */
+  inverted?: boolean;
+
   testID?: string;
 
   /**

package/src/types/gamePresentation.ts

@@ -1,7 +1,8 @@
 import type { GameDefinition, GameInput, GameOutput } from '@ankhorage/game';
-import type { InteractionPolicyProps } from '@ankhorage/surface';
 import type React from 'react';
 
+import type { ZoraBaseProps } from './base';
+
 type GameOverlayCornerPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 
 export type GamePointerEvents = 'auto' | 'box-none' | 'box-only' | 'none';
@@ -26,7 +27,7 @@ export interface GameEntityMotionProps {
 export type GameOverlayPlacement =
   'fill' | 'center' | 'top' | 'bottom' | GameOverlayCornerPlacement;
 
-export interface GameFieldProps extends InteractionPolicyProps {
+export interface GameFieldProps extends ZoraBaseProps {
   readonly children?: React.ReactNode;
   readonly aspectRatio?: number;
   readonly minHeight?: number;
@@ -36,7 +37,7 @@ export interface GameFieldProps extends InteractionPolicyProps {
   readonly testID?: string;
 }
 
-export interface GameEntityProps extends GameEntityMotionProps, InteractionPolicyProps {
+export interface GameEntityProps extends GameEntityMotionProps, ZoraBaseProps {
   readonly children?: React.ReactNode;
   readonly x?: number;
   readonly y?: number;
@@ -60,7 +61,7 @@ export interface GameKeyboardBinding {
   readonly preventDefault?: boolean;
 }
 
-export interface GameInputZoneProps extends InteractionPolicyProps {
+export interface GameInputZoneProps extends ZoraBaseProps {
   readonly eventType: string;
   readonly entityId?: string;
   readonly x?: number;
@@ -75,7 +76,7 @@ export interface GameInputZoneProps extends InteractionPolicyProps {
   readonly testID?: string;
 }
 
-export interface GameMeasurementProbeProps extends InteractionPolicyProps {
+export interface GameMeasurementProbeProps extends ZoraBaseProps {
   readonly sourceId: string;
   readonly targetId: string;
   readonly eventType?: string;
@@ -84,7 +85,7 @@ export interface GameMeasurementProbeProps extends InteractionPolicyProps {
   readonly enabled?: boolean;
 }
 
-export interface GameOverlayProps extends InteractionPolicyProps {
+export interface GameOverlayProps extends ZoraBaseProps {
   readonly children?: React.ReactNode;
   readonly placement?: GameOverlayPlacement;
   readonly blocking?: boolean;

package/src/types/selection.ts

@@ -2,6 +2,8 @@ import type { InteractionPolicy } from '@ankhorage/surface';
 import type { SelectionIntent } from '@ankhorage/utility/selection';
 import type React from 'react';
 
+import type { ZoraBaseProps } from './base';
+
 export type SelectionMode = 'single' | 'multi';
 
 export type SelectionTrigger = 'press' | 'longPress' | 'manual';
@@ -40,7 +42,7 @@ export interface SelectableItemState {
   clear: () => void;
 }
 
-export interface SelectableItemProps {
+export interface SelectableItemProps extends ZoraBaseProps {
   id: string;
   trigger?: SelectionTrigger;
   disabled?: boolean;

package/src/types/theme-mode-toggle.ts

@@ -1,6 +1,5 @@
+import type { ZoraBaseProps } from './base';
 import type { IconButtonProps } from './icon-button';
 
-export type ThemeModeToggleProps = Pick<
-  IconButtonProps,
-  'disabled' | 'interactionPolicy' | 'size' | 'testID'
->;
+export type ThemeModeToggleProps = ZoraBaseProps &
+  Pick<IconButtonProps, 'disabled' | 'interactionPolicy' | 'size' | 'testID'>;

package/web-dist/chunks/{Accordion-c3yfjhex.js → Accordion-0047zyx7.js}

@@ -1,16 +1,16 @@
 'use client';
 import {
   Field3
-} from "./Accordion-qd4r5b4s.js";
+} from "./Accordion-q9zge7kd.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   View2
-} from "./Accordion-hztfb9ex.js";
+} from "./Accordion-0yvepteg.js";
 import {
   Text3
-} from "./Accordion-8zerapbc.js";
+} from "./Accordion-e2kr1z3g.js";
 
 // src/features/form/field/adapters/inbound/Field.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/web-dist/chunks/{Accordion-vq198z68.js → Accordion-0yhkg017.js}

@@ -4,29 +4,29 @@ import {
 } from "./Accordion-mnac2z83.js";
 import {
   View3
-} from "./Accordion-3w1t105s.js";
+} from "./Accordion-wytj5wwc.js";
 import {
   require_cjs,
   useTheme
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   Pressable
-} from "./Accordion-scacsnhj.js";
+} from "./Accordion-8bxy3g7a.js";
 import {
   Text2
-} from "./Accordion-pe49atda.js";
+} from "./Accordion-rmp9sfra.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   View2
-} from "./Accordion-hztfb9ex.js";
+} from "./Accordion-0yvepteg.js";
 import {
   Text3
-} from "./Accordion-8zerapbc.js";
+} from "./Accordion-e2kr1z3g.js";
 import {
   Icon2
-} from "./Accordion-g69czys5.js";
+} from "./Accordion-37n4bt3g.js";
 import {
   resolveFieldState,
   resolveIndicatorSize,
@@ -36,7 +36,7 @@ import {
 import {
   useZoraThemeRecipe,
   ZORA_COLORS
-} from "./Accordion-xdgpa7kf.js";
+} from "./Accordion-kxa15n19.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-hztfb9ex.js → Accordion-0yvepteg.js}

@@ -2,22 +2,22 @@
 import {
   resolveResponsive,
   useResponsiveRuntime
-} from "./Accordion-65kvpq6z.js";
+} from "./Accordion-gkx1kszz.js";
 import {
   View3,
   Divider3
-} from "./Accordion-3w1t105s.js";
+} from "./Accordion-wytj5wwc.js";
 import {
   require_cjs,
   useTheme
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   resolveSpacing,
   resolveViewStyles
-} from "./Accordion-3v7sz3vv.js";
+} from "./Accordion-v4n4ygwn.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-r1geqzsp.js → Accordion-1e1nfhtc.js}

@@ -1,21 +1,21 @@
 'use client';
 import {
   require_cjs
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   Icon2
-} from "./Accordion-g69czys5.js";
+} from "./Accordion-37n4bt3g.js";
 import {
   View2,
   Divider2
-} from "./Accordion-hztfb9ex.js";
+} from "./Accordion-0yvepteg.js";
 import {
   Heading2,
   Text3
-} from "./Accordion-8zerapbc.js";
+} from "./Accordion-e2kr1z3g.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-vc8pv1jf.js → Accordion-1xpq9bxk.js}

@@ -1,31 +1,31 @@
 'use client';
 import {
   FocusScope
-} from "./Accordion-0f748ad5.js";
+} from "./Accordion-3m6de80j.js";
 import {
   Portal
 } from "./Accordion-0gfsj9qh.js";
 import {
   resolvePointerEvents,
   View3
-} from "./Accordion-3w1t105s.js";
+} from "./Accordion-wytj5wwc.js";
 import {
   require_cjs,
   useTheme
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   Surface3
-} from "./Accordion-ej4p6ae3.js";
+} from "./Accordion-g2d4fskg.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   View2
-} from "./Accordion-hztfb9ex.js";
+} from "./Accordion-0yvepteg.js";
 import {
   Heading2,
   Text3
-} from "./Accordion-8zerapbc.js";
+} from "./Accordion-e2kr1z3g.js";
 import {
   resolveOverlayAnimation
 } from "./Accordion-n7y08rz5.js";

package/web-dist/chunks/{Accordion-11xym8p8.js → Accordion-2dqpjya2.js}

@@ -4,25 +4,25 @@ import {
 } from "./Accordion-mnac2z83.js";
 import {
   View3
-} from "./Accordion-3w1t105s.js";
+} from "./Accordion-wytj5wwc.js";
 import {
   useTheme
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   Pressable
-} from "./Accordion-scacsnhj.js";
+} from "./Accordion-8bxy3g7a.js";
 import {
   Text2
-} from "./Accordion-pe49atda.js";
+} from "./Accordion-rmp9sfra.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   View2
-} from "./Accordion-hztfb9ex.js";
+} from "./Accordion-0yvepteg.js";
 import {
   Text3
-} from "./Accordion-8zerapbc.js";
+} from "./Accordion-e2kr1z3g.js";
 import {
   resolveFieldState,
   resolveIndicatorSize,

package/web-dist/chunks/{Accordion-g69czys5.js → Accordion-37n4bt3g.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   Icon3
-} from "./Accordion-hdnpzyk9.js";
+} from "./Accordion-mbqtk7y0.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 
 // src/features/icon/adapters/inbound/Icon.tsx
 import { jsx } from "react/jsx-runtime";

package/web-dist/chunks/{Accordion-0f748ad5.js → Accordion-3m6de80j.js}

@@ -4,7 +4,7 @@ import {
 } from "./Accordion-6zb9d92y.js";
 import {
   require_cjs
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-jynbc7d0.js → Accordion-693gvpde.js}

@@ -3,13 +3,13 @@ import {
   require_cjs,
   parseHexColor,
   getReadableForeground
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   useZoraTheme2
-} from "./Accordion-een6jq8f.js";
+} from "./Accordion-6xrse5my.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-een6jq8f.js → Accordion-6xrse5my.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useTheme
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 
 // src/features/theme/composition/useZoraTheme.ts
 function useZoraTheme2() {

package/web-dist/chunks/{Accordion-904ncmad.js → Accordion-6ytrt7xj.js}

@@ -2,19 +2,19 @@
 import {
   require_cjs,
   useTheme
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   Icon2
-} from "./Accordion-g69czys5.js";
+} from "./Accordion-37n4bt3g.js";
 import {
   View2
-} from "./Accordion-hztfb9ex.js";
+} from "./Accordion-0yvepteg.js";
 import {
   useZoraTheme2
-} from "./Accordion-een6jq8f.js";
+} from "./Accordion-6xrse5my.js";
 import {
   resolveToken
 } from "./Accordion-fre84yaq.js";

package/web-dist/chunks/{Accordion-jfjery84.js → Accordion-70g7n6tk.js}

@@ -1,28 +1,28 @@
 'use client';
 import {
   require_cjs
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   Button2
-} from "./Accordion-v1fxp6yd.js";
+} from "./Accordion-snyacfyh.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   View2
-} from "./Accordion-hztfb9ex.js";
+} from "./Accordion-0yvepteg.js";
 import {
   Card2
-} from "./Accordion-whhnrz92.js";
+} from "./Accordion-a1ervhyg.js";
 import {
   Text3
-} from "./Accordion-8zerapbc.js";
+} from "./Accordion-e2kr1z3g.js";
 import {
   Badge2
-} from "./Accordion-katngqxf.js";
+} from "./Accordion-d24n7srd.js";
 import {
   useZoraTheme2
-} from "./Accordion-een6jq8f.js";
+} from "./Accordion-6xrse5my.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-n7hckxte.js → Accordion-73x0gt11.js}

@@ -1,22 +1,22 @@
 'use client';
 import {
   require_cjs
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   Icon2
-} from "./Accordion-g69czys5.js";
+} from "./Accordion-37n4bt3g.js";
 import {
   View2
-} from "./Accordion-hztfb9ex.js";
+} from "./Accordion-0yvepteg.js";
 import {
   Text3
-} from "./Accordion-8zerapbc.js";
+} from "./Accordion-e2kr1z3g.js";
 import {
   useZoraTheme2
-} from "./Accordion-een6jq8f.js";
+} from "./Accordion-6xrse5my.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-7cgv14wd.js → Accordion-7y9wt946.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   withZoraThemeScope
-} from "./Accordion-xak1mcaf.js";
+} from "./Accordion-8z7naxj2.js";
 import {
   View2
-} from "./Accordion-hztfb9ex.js";
+} from "./Accordion-0yvepteg.js";
 
 // src/features/gradient/adapters/inbound/GradientRendererContext.tsx
 import { createContext, use } from "react";

package/web-dist/chunks/{Accordion-scacsnhj.js → Accordion-8bxy3g7a.js}

@@ -1,18 +1,18 @@
 'use client';
 import {
   useResponsiveRuntime
-} from "./Accordion-65kvpq6z.js";
+} from "./Accordion-gkx1kszz.js";
 import {
   require_cjs,
   useTheme
-} from "./Accordion-a60dhqsv.js";
+} from "./Accordion-pvz3r99n.js";
 import {
   resolveFocusRingStyles,
   resolveInteractiveState
 } from "./Accordion-n7y08rz5.js";
 import {
   resolveViewStyles
-} from "./Accordion-3v7sz3vv.js";
+} from "./Accordion-v4n4ygwn.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";