@ankhorage/zora 21.0.5 → 21.0.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 21.0.7
+
+### Patch Changes
+
+- 99ef629: Expose the active ZORA theme runtime alongside the materialized web ZoraProvider so external renderers can consume the same theme mode and resolved semantic tokens.
+
+## 21.0.6
+
+### Patch Changes
+
+- e884fb4: Update Ankhorage dependencies: `@ankhorage/surface`.
+
 ## 21.0.5
 
 ### Patch Changes

package/README.md

@@ -3,7 +3,7 @@
 
 # @ankhorage/zora
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v21.0.5](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v21.0.7](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
 Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "21.0.5",
+  "version": "21.0.7",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {
@@ -42,7 +42,7 @@
   "dependencies": {
     "@ankhorage/color-theory": "^0.3.1",
     "@ankhorage/contracts": "^22.5.0",
-    "@ankhorage/surface": "^9.0.13",
+    "@ankhorage/surface": "^9.0.14",
     "@ankhorage/utility": "^1.4.0",
     "expo-document-picker": "~57.0.1",
     "expo-image-picker": "~57.0.16"

package/web-dist/chunks/{Accordion-e44js4wd.js → Accordion-31aeqxak.js}

@@ -8,7 +8,7 @@ import {
 import {
   Heading2,
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 
 // src/features/section/adapters/inbound/SectionHeader.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/web-dist/chunks/{Accordion-n2vxcm6e.js → Accordion-33rd76r7.js}

@@ -20,7 +20,7 @@ import {
 } from "./Accordion-grfbz6f2.js";
 import {
   useZoraThemeRecipe
-} from "./Accordion-wn04ytqz.js";
+} from "./Accordion-sz21xsf4.js";
 import {
   View2
 } from "./Accordion-96cqeekv.js";

package/web-dist/chunks/{Accordion-0807vg3c.js → Accordion-3404tth9.js}

@@ -10,16 +10,16 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
   Avatar2
-} from "./Accordion-v1t7m5kk.js";
+} from "./Accordion-gbba10rg.js";
 import {
   Badge2
 } from "./Accordion-1pp37dtg.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 
 // src/features/chat/adapters/inbound/ChatListItem.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -80,7 +80,7 @@ function ChatListItemInner({
   accessibilityLabel,
   onPress
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const padding = resolvePadding(compact);
   const avatarName = resolveAvatarName({ avatar, title });
   const isInteractive = Boolean(onPress);
@@ -322,7 +322,7 @@ function MessageBubbleInner({
   accessibilityLabel,
   onPress
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const padding = resolvePadding2(compact);
   const isInteractive = Boolean(onPress);
   const isOutgoing = direction === "outgoing";

package/web-dist/chunks/{Accordion-fmgs799n.js → Accordion-4a6wj3ez.js}

@@ -23,10 +23,10 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   useZoraThemeRecipe
-} from "./Accordion-wn04ytqz.js";
+} from "./Accordion-sz21xsf4.js";
 import {
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
   Icon2
 } from "./Accordion-paha5aje.js";

package/web-dist/chunks/{Accordion-jftka3t5.js → Accordion-7ja4mtbz.js}

@@ -4,8 +4,8 @@ import {
 } from "./Accordion-49gf1zb8.js";
 
 // src/features/theme/composition/useZoraTheme.ts
-function useZoraTheme() {
+function useZoraTheme2() {
   return useTheme();
 }
 
-export { useZoraTheme };
+export { useZoraTheme2 };

package/web-dist/chunks/{Accordion-hsbv8mrv.js → Accordion-8kgtg62g.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   Button2
-} from "./Accordion-n2vxcm6e.js";
+} from "./Accordion-33rd76r7.js";
 import {
   withZoraThemeScope
 } from "./Accordion-grfbz6f2.js";
@@ -13,13 +13,13 @@ import {
   FormError2,
   hasRequiredRule,
   useFormController
-} from "./Accordion-ddt106dy.js";
+} from "./Accordion-pkqj4g3r.js";
 import {
   Field2
-} from "./Accordion-4nnxzn40.js";
+} from "./Accordion-ch67q4t0.js";
 import {
   TextInput2
-} from "./Accordion-1xv7q28g.js";
+} from "./Accordion-f1h2f05v.js";
 
 // src/features/auth/adapters/inbound/ForgotPasswordForm.tsx
 import React from "react";

package/web-dist/chunks/{Accordion-4nnxzn40.js → Accordion-ch67q4t0.js}

@@ -10,7 +10,7 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 
 // src/features/form/field/adapters/inbound/Field.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/web-dist/chunks/{Accordion-0exp2200.js → Accordion-f05a7r28.js}

@@ -11,10 +11,10 @@ import {
 } from "./Accordion-grfbz6f2.js";
 import {
   useZoraThemeRecipe
-} from "./Accordion-wn04ytqz.js";
+} from "./Accordion-sz21xsf4.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";
@@ -261,7 +261,7 @@ function HeadingInner({
   testID,
   interactionPolicy: _interactionPolicy
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const { breakpoint } = useResponsiveRuntime();
   const themeRecipe = resolveHeadingThemeRecipe(useZoraThemeRecipe("Heading"));
   const content = resolveHeadingContent({ children, text, i18nKey });
@@ -558,7 +558,7 @@ function TextInner({
   testID,
   interactionPolicy: _interactionPolicy
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const { breakpoint } = useResponsiveRuntime();
   const themeRecipe = resolveTextThemeRecipe(useZoraThemeRecipe("Text"));
   const content = resolveTextContent({ children, text, i18nKey });

package/web-dist/chunks/{Accordion-1xv7q28g.js → Accordion-f1h2f05v.js}

@@ -8,7 +8,7 @@ import {
 } from "./Accordion-t6sdgmbz.js";
 import {
   IconButton2
-} from "./Accordion-n2vxcm6e.js";
+} from "./Accordion-33rd76r7.js";
 import {
   withZoraThemeScope
 } from "./Accordion-grfbz6f2.js";
@@ -16,8 +16,8 @@ import {
   resolveIconSize
 } from "./Accordion-961ncx4e.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 import {
   resolveControlSize,
   resolveFieldState,
@@ -160,7 +160,7 @@ function TextInputInner({
   interactionPolicy,
   ...props
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const iconSize = resolveIconSize(size);
   const iconColor = theme.semantics.content.muted;
   return /* @__PURE__ */ jsx2(TextInput, {

package/web-dist/chunks/{Accordion-m1ae9dzy.js → Accordion-far6szrp.js}

@@ -15,7 +15,7 @@ import {
 import {
   Heading2,
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-qyc49ygk.js → Accordion-fmxygyb6.js}

@@ -12,8 +12,8 @@ import {
   View2
 } from "./Accordion-96cqeekv.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";
@@ -74,7 +74,7 @@ function BottomSheetInner({
   onIndexChange
 }) {
   const { present, dismiss } = useBottomSheet();
-  const { mode } = useZoraTheme();
+  const { mode } = useZoraTheme2();
   const { themeId } = useZoraThemeRuntime();
   const active = open && interactionPolicy !== "passive";
   const dismissed = React3.useRef(false);

package/web-dist/chunks/{Accordion-v1t7m5kk.js → Accordion-gbba10rg.js}

@@ -13,10 +13,10 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";
@@ -142,7 +142,7 @@ function AvatarInner({
   color = "neutral",
   interactionPolicy: _interactionPolicy
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const resolvedSize = resolveAvatarSize(size);
   const resolvedInitials = initials ?? resolveAvatarInitials(name);
   const role = resolveRoleSemantics(theme, color);
@@ -204,7 +204,7 @@ function AvatarGroupInner({
   shape = "circle",
   overflowLabel = defaultOverflowLabel
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const visibleItems = items.slice(0, max);
   const overflowCount = Math.max(0, items.length - visibleItems.length);
   const overlap = size === "xs" ? 8 : size === "s" ? 10 : size === "m" ? 12 : size === "l" ? 14 : 16;

package/web-dist/chunks/{Accordion-dy17cf8h.js → Accordion-hxfa71g9.js}

@@ -22,7 +22,7 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
   resolveFieldState,
   resolveIndicatorSize,

package/web-dist/chunks/{Accordion-gf3hxf5v.js → Accordion-j2c7btke.js}

@@ -8,7 +8,7 @@ import {
 } from "./Accordion-grfbz6f2.js";
 import {
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
   View3
 } from "./Accordion-ars389m1.js";
@@ -24,10 +24,10 @@ import {
 } from "./Accordion-0jkm3y3w.js";
 import {
   SectionHeader2
-} from "./Accordion-e44js4wd.js";
+} from "./Accordion-31aeqxak.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";
@@ -251,7 +251,7 @@ function ListItemInner({
   compact = false,
   variant = "divider"
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const trailingContent = renderTrailing(trailing, action);
   return /* @__PURE__ */ jsx5(View2, {
     bg: variant === "card" ? theme.semantics.surface.raised : "transparent",

package/web-dist/chunks/{Accordion-3tmvwk1n.js → Accordion-jzbq36ec.js}

@@ -9,7 +9,7 @@ import {
 } from "./Accordion-49gf1zb8.js";
 import {
   IconButton2
-} from "./Accordion-n2vxcm6e.js";
+} from "./Accordion-33rd76r7.js";
 import {
   withZoraThemeScope
 } from "./Accordion-grfbz6f2.js";
@@ -18,14 +18,14 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   PopoverMenu2
-} from "./Accordion-w9xmhjv6.js";
+} from "./Accordion-v6ykq9hv.js";
 import {
   Heading2,
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";
@@ -145,7 +145,7 @@ function AppBarInner({
   testID,
   interactionPolicy
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const resolvedMode = resolveMode(appMode);
   const isSelectionMode = resolvedMode.type === "selection";
   const resolvedLeading = leading ?? resolveSelectionLeading(resolvedMode, interactionPolicy);

package/web-dist/chunks/{Accordion-42tn3yha.js → Accordion-kpq8dhze.js}

@@ -7,16 +7,16 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   ButtonGroup2
-} from "./Accordion-n2vxcm6e.js";
+} from "./Accordion-33rd76r7.js";
 import {
   Card2
-} from "./Accordion-xctsc2hx.js";
+} from "./Accordion-qpwhmqzd.js";
 import {
   List2
-} from "./Accordion-gf3hxf5v.js";
+} from "./Accordion-j2c7btke.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 
 // src/features/skeleton/adapters/inbound/Skeleton.tsx
 import { jsx } from "react/jsx-runtime";
@@ -28,7 +28,7 @@ function SkeletonInner({
   height = 16,
   radius = "m"
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   return /* @__PURE__ */ jsx(View2, {
     accessibilityLabel: "Loading",
     accessibilityRole: "text",

package/web-dist/chunks/{Accordion-ddt106dy.js → Accordion-pkqj4g3r.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   Button2
-} from "./Accordion-n2vxcm6e.js";
+} from "./Accordion-33rd76r7.js";
 import {
   withZoraThemeScope
 } from "./Accordion-grfbz6f2.js";
@@ -10,10 +10,10 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 
 // src/features/form/adapters/inbound/FormActions.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -86,7 +86,7 @@ var Form2 = withZoraThemeScope(FormInner);
 // src/features/form/adapters/inbound/FormError.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 function FormErrorInner({ themeId: _themeId, mode: _mode, error, testID }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   if (!error)
     return null;
   return /* @__PURE__ */ jsx3(View2, {

package/web-dist/chunks/{Accordion-xctsc2hx.js → Accordion-qpwhmqzd.js}

@@ -18,11 +18,11 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   useZoraThemeRecipe
-} from "./Accordion-wn04ytqz.js";
+} from "./Accordion-sz21xsf4.js";
 import {
   Heading2,
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
   resolveBadgeRecipe,
   Badge2
@@ -32,19 +32,19 @@ import {
 } from "./Accordion-paha5aje.js";
 import {
   Avatar2
-} from "./Accordion-v1t7m5kk.js";
+} from "./Accordion-gbba10rg.js";
 import {
   Button2
-} from "./Accordion-n2vxcm6e.js";
+} from "./Accordion-33rd76r7.js";
 import {
   Image2
-} from "./Accordion-wx5e97wt.js";
+} from "./Accordion-x0j8b2by.js";
 import {
   resolveIconSize
 } from "./Accordion-961ncx4e.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";
@@ -247,7 +247,7 @@ function MetricCardInner({
   compact = false,
   onPress
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const isInteractive = Boolean(onPress) && !actions;
   const badgeRecipe = resolveBadgeRecipe({ color: deltaColor, variant: "soft", size: "s" });
   const iconColor = theme.semantics.content.muted;
@@ -378,7 +378,7 @@ function PostCardAuthor({ author, compact = false }) {
   });
 }
 function PostCardMediaItem({ media }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const aspectRatio = resolveMediaAspectRatio(media.aspectRatio);
   if (!("source" in media)) {
     return /* @__PURE__ */ jsx4(View2, {
@@ -733,7 +733,7 @@ function MediaCardInner({
   compact = false,
   onPress
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const gap = compact ? "s" : "m";
   const isInteractive = Boolean(onPress) && !actions;
   const resolvedAspectRatio = resolveImageAspectRatio(imageAspectRatio);

package/web-dist/chunks/{Accordion-g9r7fyzg.js → Accordion-rrpej6sv.js}

@@ -25,7 +25,7 @@ import {
 import {
   Heading2,
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
   resolveOverlayAnimation
 } from "./Accordion-2d8xn32m.js";

package/web-dist/chunks/{Accordion-g1yeftrh.js → Accordion-s42wwh6m.js}

@@ -13,13 +13,13 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
   resolveIconSize
 } from "./Accordion-961ncx4e.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 
 // src/features/chip/utils/resolveChipColors.ts
 function resolveChipColors({
@@ -103,7 +103,7 @@ function ChipInner({
   interactionPolicy,
   onPress
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const padding = resolveChipPadding(size);
   const iconSize = resolveIconSize(size);
   const renderContent = (state) => {

package/web-dist/chunks/{Accordion-wn04ytqz.js → Accordion-sz21xsf4.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 
 // node_modules/@ankhorage/surface/src/constants/surfaceColor.ts
 var SURFACE_PALETTE_COLORS = [
@@ -239,7 +239,7 @@ function hasOwn(value, key) {
 
 // src/features/theme/composition/useZoraThemeRecipe.ts
 function useZoraThemeRecipe(recipeName) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   return resolveZoraThemeRecipe(theme, recipeName);
 }
 

package/web-dist/chunks/{Accordion-pznmbhc3.js → Accordion-t3p4ykg7.js}

@@ -4,7 +4,7 @@ import {
 } from "./Accordion-49gf1zb8.js";
 import {
   Button2
-} from "./Accordion-n2vxcm6e.js";
+} from "./Accordion-33rd76r7.js";
 import {
   withZoraThemeScope
 } from "./Accordion-grfbz6f2.js";
@@ -13,16 +13,16 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   Card2
-} from "./Accordion-xctsc2hx.js";
+} from "./Accordion-qpwhmqzd.js";
 import {
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
   Badge2
 } from "./Accordion-1pp37dtg.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";
@@ -130,7 +130,7 @@ function ScanOverlayInner({
   cornerLabel = "SCAN",
   testID
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const frameStyle = {
     borderColor: theme.semantics.border.default
   };
@@ -250,7 +250,7 @@ function BarcodeScannerViewInner({
   onManualEntry,
   testID
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const viewportStyle = {
     backgroundColor: theme.semantics.surface.default
   };

package/web-dist/chunks/{Accordion-6g3bqvf5.js → Accordion-tx78txec.js}

@@ -10,10 +10,10 @@ import {
 } from "./Accordion-96cqeekv.js";
 import {
   Text2
-} from "./Accordion-0exp2200.js";
+} from "./Accordion-f05a7r28.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";
@@ -83,7 +83,7 @@ function ProgressInner({
   color = "primary",
   size = "m"
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const fraction = resolveProgressFraction({ value, max });
   const height = resolveProgressHeight(size);
   const role = resolveProgressRole(theme, color);
@@ -156,7 +156,7 @@ function ProgressRingInner({
   trackColor = "neutral",
   value
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const fraction = resolveProgressFraction({ max, value });
   const geometry = resolveProgressRingGeometry({ fraction, size, thickness });
   const progressRole = resolveProgressRole(theme, color);

package/web-dist/chunks/{Accordion-w9xmhjv6.js → Accordion-v6ykq9hv.js}

@@ -34,8 +34,8 @@ import {
   resolveIconSize
 } from "./Accordion-961ncx4e.js";
 import {
-  useZoraTheme
-} from "./Accordion-jftka3t5.js";
+  useZoraTheme2
+} from "./Accordion-7ja4mtbz.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";
@@ -268,7 +268,7 @@ function PopoverMenuInner({
   onDismiss,
   ...props
 }) {
-  const { theme } = useZoraTheme();
+  const { theme } = useZoraTheme2();
   const iconColor = theme.semantics.content.muted;
   const surfaceActions = React3.useMemo(() => actions.map((action) => toSurfaceAction(action, iconColor)), [actions, iconColor]);
   return /* @__PURE__ */ jsx2(PopoverMenu, {