@xaui/native 0.9.1-alpha.4 → 0.9.1-alpha.41

package/dist/{chunk-AW63PTQ4.cjs → chunk-ACAPTWE3.cjs}

@@ -1,68 +1,58 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
+var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
 
 
-var _chunk3QBT3Q65cjs = require('./chunk-3QBT3Q65.cjs');
+
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/provider/xaui-provider.tsx
 var _reactnative = require('react-native');
 
-// src/utils/stable-hash.ts
-function canonical(value) {
-  if (value === null || typeof value !== "object") return _nullishCoalesce(JSON.stringify(value), () => ( "null"));
-  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
-  const entries = Object.entries(value).filter(([, v]) => typeof v !== "function").sort(([a], [b]) => a < b ? -1 : 1).map(([k, v]) => `${JSON.stringify(k)}:${canonical(v)}`);
-  return `{${entries.join(",")}}`;
-}
-function stableHash(value) {
-  const input = canonical(value);
-  let hash = 2166136261;
-  for (let i = 0; i < input.length; i++) {
-    hash ^= input.charCodeAt(i);
-    hash = Math.imul(hash, 16777619) >>> 0;
-  }
-  return hash.toString(36);
-}
-
 // src/theme/derive-colors.ts
 function deriveColors(s) {
   return {
-    accentPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.accent, s.accentForeground, 0.1),
-    successPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.success, s.successForeground, 0.1),
-    warningPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.warning, s.warningForeground, 0.1),
-    dangerPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.danger, s.dangerForeground, 0.1),
-    defaultPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.default, s.defaultForeground, 0.04),
-    surfacePressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.08),
-    defaultSoft: _chunk3QBT3Q65cjs.alpha.call(void 0, s.default, 0.5),
+    accentPressed: _chunk57SJ4LJFcjs.mix.call(void 0, s.accent, s.foreground, 0.1),
+    successPressed: _chunk57SJ4LJFcjs.mix.call(void 0, s.success, s.foreground, 0.1),
+    warningPressed: _chunk57SJ4LJFcjs.mix.call(void 0, s.warning, s.foreground, 0.1),
+    dangerPressed: _chunk57SJ4LJFcjs.mix.call(void 0, s.danger, s.foreground, 0.1),
+    defaultPressed: _chunk57SJ4LJFcjs.mix.call(void 0, s.default, s.defaultForeground, 0.04),
+    surfacePressed: _chunk57SJ4LJFcjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.08),
+    defaultSoft: _chunk57SJ4LJFcjs.alpha.call(void 0, s.default, 0.5),
     defaultSoftForeground: s.defaultForeground,
-    defaultSoftPressed: _chunk3QBT3Q65cjs.alpha.call(void 0, s.default, 0.6),
-    accentSoft: _chunk3QBT3Q65cjs.alpha.call(void 0, s.accent, 0.15),
-    accentSoftForeground: _chunk3QBT3Q65cjs.mix.call(void 0, s.accent, s.foreground, 0.2),
-    accentSoftPressed: _chunk3QBT3Q65cjs.alpha.call(void 0, s.accent, 0.2),
-    successSoft: _chunk3QBT3Q65cjs.alpha.call(void 0, s.success, 0.15),
-    successSoftForeground: _chunk3QBT3Q65cjs.mix.call(void 0, s.success, s.foreground, 0.3),
-    successSoftPressed: _chunk3QBT3Q65cjs.alpha.call(void 0, s.success, 0.2),
-    warningSoft: _chunk3QBT3Q65cjs.alpha.call(void 0, s.warning, 0.15),
-    warningSoftForeground: _chunk3QBT3Q65cjs.mix.call(void 0, s.warning, s.foreground, 0.35),
-    warningSoftPressed: _chunk3QBT3Q65cjs.alpha.call(void 0, s.warning, 0.2),
-    dangerSoft: _chunk3QBT3Q65cjs.alpha.call(void 0, s.danger, 0.15),
-    dangerSoftForeground: _chunk3QBT3Q65cjs.mix.call(void 0, s.danger, s.foreground, 0.2),
-    dangerSoftPressed: _chunk3QBT3Q65cjs.alpha.call(void 0, s.danger, 0.2),
-    backgroundSecondary: _chunk3QBT3Q65cjs.mix.call(void 0, s.background, s.foreground, 0.04),
-    backgroundTertiary: _chunk3QBT3Q65cjs.mix.call(void 0, s.background, s.foreground, 0.08),
+    defaultSoftPressed: _chunk57SJ4LJFcjs.alpha.call(void 0, s.default, 0.6),
+    accentSoft: _chunk57SJ4LJFcjs.alpha.call(void 0, s.accent, 0.15),
+    accentSoftForeground: _chunk57SJ4LJFcjs.mix.call(void 0, s.accent, s.foreground, 0.2),
+    accentSoftPressed: _chunk57SJ4LJFcjs.alpha.call(void 0, s.accent, 0.2),
+    successSoft: _chunk57SJ4LJFcjs.alpha.call(void 0, s.success, 0.15),
+    successSoftForeground: _chunk57SJ4LJFcjs.mix.call(void 0, s.success, s.foreground, 0.3),
+    successSoftPressed: _chunk57SJ4LJFcjs.alpha.call(void 0, s.success, 0.2),
+    warningSoft: _chunk57SJ4LJFcjs.alpha.call(void 0, s.warning, 0.15),
+    warningSoftForeground: _chunk57SJ4LJFcjs.mix.call(void 0, s.warning, s.foreground, 0.35),
+    warningSoftPressed: _chunk57SJ4LJFcjs.alpha.call(void 0, s.warning, 0.2),
+    dangerSoft: _chunk57SJ4LJFcjs.alpha.call(void 0, s.danger, 0.15),
+    dangerSoftForeground: _chunk57SJ4LJFcjs.mix.call(void 0, s.danger, s.foreground, 0.2),
+    dangerSoftPressed: _chunk57SJ4LJFcjs.alpha.call(void 0, s.danger, 0.2),
+    backgroundSecondary: _chunk57SJ4LJFcjs.mix.call(void 0, s.background, s.foreground, 0.04),
+    backgroundTertiary: _chunk57SJ4LJFcjs.mix.call(void 0, s.background, s.foreground, 0.08),
     backgroundInverse: s.foreground,
-    borderSecondary: _chunk3QBT3Q65cjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.22),
-    borderTertiary: _chunk3QBT3Q65cjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.34),
-    separatorSecondary: _chunk3QBT3Q65cjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.15),
-    separatorTertiary: _chunk3QBT3Q65cjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.19),
-    fieldPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.fieldBackground, s.fieldForeground, 0.1),
+    borderSecondary: _chunk57SJ4LJFcjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.22),
+    borderTertiary: _chunk57SJ4LJFcjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.34),
+    separatorSecondary: _chunk57SJ4LJFcjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.15),
+    separatorTertiary: _chunk57SJ4LJFcjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.19),
+    fieldPressed: _chunk57SJ4LJFcjs.mix.call(void 0, s.fieldBackground, s.fieldForeground, 0.1),
     fieldFocus: s.fieldBackground,
-    fieldBorderPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.fieldBorder, s.fieldForeground, 0.12),
-    fieldBorderFocus: _chunk3QBT3Q65cjs.mix.call(void 0, s.fieldBorder, s.fieldForeground, 0.26)
+    fieldBorderPressed: _chunk57SJ4LJFcjs.mix.call(void 0, s.fieldBorder, s.fieldForeground, 0.12),
+    fieldBorderFocus: _chunk57SJ4LJFcjs.mix.call(void 0, s.fieldBorder, s.fieldForeground, 0.26)
   };
 }
 
 // src/theme/scales.ts
+
 var SPACING_UNIT = 4;
 var RADIUS_BASE = 12;
 function buildRadius(base) {
@@ -75,7 +65,16 @@ function buildRadius(base) {
     "2xl": base * 2,
     "3xl": base * 3,
     "4xl": base * 4,
-    field: base * 1.75,
+    /**
+     * HeroUI's value, reached from the other side of the scale: their `--radius-field` is
+     * an alias of their `--radius-xl`, and their base is 8 where ours is 12 — so their
+     * field corner is 12 points and, at our default base, so is this.
+     *
+     * It coincides with `lg` today and is still its own key, because that is what lets a
+     * theme round its fields without rounding its cards. It was `base * 1.75`, which put a
+     * 48-tall field at 87% of its geometric maximum — a gélule rather than a rounded box.
+     */
+    field: base,
     full: 9999
   };
 }
@@ -114,7 +113,10 @@ var fontWeights = {
 var fontFamilies = {
   body: "System",
   heading: "System",
-  mono: "monospace"
+  // `'monospace'` is an Android family name, not a generic one: iOS does not resolve it and
+  // silently falls back to the system face, so code set with it is not monospaced there.
+  // Menlo is the face iOS ships, and it is what HeroUI Native selects for the same reason.
+  mono: _reactnative.Platform.OS === "ios" ? "Menlo" : "monospace"
 };
 var borderWidth = { default: 1, field: 1 };
 var opacity = { disabled: 0.5 };
@@ -131,10 +133,10 @@ function buildShadows(mode) {
       surface: noShadow,
       overlay: {
         shadowColor: "#000000",
-        shadowOffset: { width: 0, height: 8 },
-        shadowOpacity: 0.6,
-        shadowRadius: 24,
-        elevation: 16
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.45,
+        shadowRadius: 16,
+        elevation: 8
       },
       field: noShadow
     };
@@ -149,10 +151,10 @@ function buildShadows(mode) {
     },
     overlay: {
       shadowColor: "#000000",
-      shadowOffset: { width: 0, height: 8 },
-      shadowOpacity: 0.14,
-      shadowRadius: 24,
-      elevation: 16
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 0.1,
+      shadowRadius: 16,
+      elevation: 8
     },
     field: {
       shadowColor: "#000000",
@@ -171,7 +173,7 @@ var tokens = {
     foreground: "#18181b",
     surface: "#ffffff",
     surfaceForeground: "#18181b",
-    surfaceSecondary: "#f4f4f5",
+    surfaceSecondary: "#ececee",
     surfaceSecondaryForeground: "#18181b",
     surfaceTertiary: "#e4e4e7",
     surfaceTertiaryForeground: "#18181b",
@@ -179,7 +181,7 @@ var tokens = {
     overlayForeground: "#18181b",
     backdrop: "rgba(0, 0, 0, 0.2)",
     muted: "#71717a",
-    default: "#f4f4f5",
+    default: "#e4e4e7",
     defaultForeground: "#18181b",
     accent: "#9333ea",
     accentForeground: "#faf5ff",
@@ -189,7 +191,7 @@ var tokens = {
     fieldBorder: "#e4e4e7",
     success: "#15803d",
     successForeground: "#fafafa",
-    warning: "#b45309",
+    warning: "#c2410c",
     warningForeground: "#fafafa",
     danger: "#dc2626",
     dangerForeground: "#fafafa",
@@ -199,24 +201,24 @@ var tokens = {
     separator: "#d4d4d8",
     focus: "#9333ea",
     link: "#18181b",
-    accentPressed: "#9c4eee",
-    successPressed: "#378c50",
-    warningPressed: "#bd642f",
-    dangerPressed: "#e2473f",
-    defaultPressed: "#eaeaeb",
+    accentPressed: "#8533d3",
+    successPressed: "#1b753a",
+    warningPressed: "#af3e15",
+    dangerPressed: "#c72927",
+    defaultPressed: "#dbdbde",
     surfacePressed: "#eaeaea",
-    defaultSoft: "rgba(244, 244, 245, 0.5)",
+    defaultSoft: "rgba(228, 228, 231, 0.5)",
     defaultSoftForeground: "#18181b",
-    defaultSoftPressed: "rgba(244, 244, 245, 0.6)",
+    defaultSoftPressed: "rgba(228, 228, 231, 0.6)",
     accentSoft: "rgba(147, 51, 234, 0.15)",
     accentSoftForeground: "#7833bc",
     accentSoftPressed: "rgba(147, 51, 234, 0.2)",
     successSoft: "rgba(21, 128, 61, 0.15)",
     successSoftForeground: "#205f34",
     successSoftPressed: "rgba(21, 128, 61, 0.2)",
-    warningSoft: "rgba(180, 83, 9, 0.15)",
-    warningSoftForeground: "#793f1e",
-    warningSoftPressed: "rgba(180, 83, 9, 0.2)",
+    warningSoft: "rgba(194, 65, 12, 0.15)",
+    warningSoftForeground: "#82361e",
+    warningSoftPressed: "rgba(194, 65, 12, 0.2)",
     dangerSoft: "rgba(220, 38, 38, 0.15)",
     dangerSoftForeground: "#b22b28",
     dangerSoftPressed: "rgba(220, 38, 38, 0.2)",
@@ -259,7 +261,7 @@ var tokens = {
     fieldBorder: "#3f3f46",
     success: "#4ade80",
     successForeground: "#18181b",
-    warning: "#fbbf24",
+    warning: "#fb923c",
     warningForeground: "#18181b",
     danger: "#f87171",
     dangerForeground: "#18181b",
@@ -269,10 +271,10 @@ var tokens = {
     separator: "#52525b",
     focus: "#c084fc",
     link: "#fafafa",
-    accentPressed: "#ad78e3",
-    successPressed: "#47c875",
-    warningPressed: "#e1ac2b",
-    dangerPressed: "#df6868",
+    accentPressed: "#c691fd",
+    successPressed: "#64e18d",
+    warningPressed: "#fc9d55",
+    dangerPressed: "#fa807e",
     defaultPressed: "#2e2e31",
     surfacePressed: "#27272a",
     defaultSoft: "rgba(39, 39, 42, 0.5)",
@@ -284,9 +286,9 @@ var tokens = {
     successSoft: "rgba(74, 222, 128, 0.15)",
     successSoftForeground: "#8de8a6",
     successSoftPressed: "rgba(74, 222, 128, 0.2)",
-    warningSoft: "rgba(251, 191, 36, 0.15)",
-    warningSoftForeground: "#fbd586",
-    warningSoftPressed: "rgba(251, 191, 36, 0.2)",
+    warningSoft: "rgba(251, 146, 60, 0.15)",
+    warningSoftForeground: "#feb887",
+    warningSoftPressed: "rgba(251, 146, 60, 0.2)",
     dangerSoft: "rgba(248, 113, 113, 0.15)",
     dangerSoftForeground: "#fc8f8c",
     dangerSoftPressed: "rgba(248, 113, 113, 0.2)",
@@ -377,7 +379,7 @@ function resolveMode(mode, config, id) {
   };
 }
 function createTheme(config = {}) {
-  const id = stableHash(config);
+  const id = _chunkTK44VBIEcjs.stableHash.call(void 0, config);
   return {
     id,
     light: resolveMode("light", config, id),
@@ -387,14 +389,16 @@ function createTheme(config = {}) {
 var defaultTheme = createTheme();
 
 // src/provider/xaui-provider.tsx
+var _jsxruntime = require('react/jsx-runtime');
 function XAUIProvider({
   children,
   theme = defaultTheme,
-  colorMode = "system"
+  colorMode = "system",
+  hasPortalHost = true
 }) {
   const scheme = _reactnative.useColorScheme.call(void 0, );
   const resolved = colorMode === "system" ? scheme === "dark" ? "dark" : "light" : colorMode;
-  return /* @__PURE__ */ React.createElement(_chunk3QBT3Q65cjs.ThemeContext.Provider, { value: theme[resolved] }, children);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57SJ4LJFcjs.ThemeContext.Provider, { value: theme[resolved], children: hasPortalHost ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.PortalHost, { children }) : children });
 }
 
 // src/theme/palette.ts

package/dist/chunk-AMCSSOJT.cjs

@@ -0,0 +1,104 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
+
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
+
+
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/typography/typography.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/typography/typography.recipe.ts
+var SLOTS = ["root"];
+var VARIANT_TOKENS = {
+  h1: { fg: "foreground" },
+  h2: { fg: "foreground" },
+  h3: { fg: "foreground" },
+  h4: { fg: "foreground" },
+  h5: { fg: "foreground" },
+  h6: { fg: "foreground" },
+  body: { fg: "foreground" },
+  "body-sm": { fg: "foreground" },
+  "body-xs": { fg: "foreground" },
+  code: { fg: "foreground" }
+};
+var ROLES = {
+  h1: { step: "4xl", weight: "bold", family: "heading", letterSpacing: -0.5 },
+  h2: { step: "3xl", weight: "bold", family: "heading", letterSpacing: -0.4 },
+  h3: { step: "2xl", weight: "bold", family: "heading", letterSpacing: -0.3 },
+  h4: { step: "xl", weight: "semibold", family: "heading" },
+  h5: { step: "lg", weight: "semibold", family: "heading" },
+  h6: { step: "md", weight: "semibold", family: "heading" },
+  body: { step: "md", weight: "regular", family: "body" },
+  "body-sm": { step: "sm", weight: "regular", family: "body" },
+  "body-xs": { step: "xs", weight: "regular", family: "body" },
+  code: { step: "sm", weight: "regular", family: "mono", chip: true }
+};
+function metricsOf({ step, weight, family, letterSpacing, chip }) {
+  return (theme) => ({
+    root: {
+      fontSize: theme.fontSizes[step],
+      lineHeight: theme.lineHeights[step],
+      fontWeight: theme.fontWeights[weight],
+      fontFamily: theme.fontFamilies[family],
+      ...letterSpacing === void 0 ? {} : { letterSpacing },
+      ...chip === void 0 ? {} : {
+        alignSelf: "flex-start",
+        backgroundColor: theme.colors.default,
+        paddingHorizontal: theme.spacing(1.5),
+        paddingVertical: theme.spacing(0.5),
+        borderRadius: theme.radius.md
+      }
+    }
+  });
+}
+var ROLE_AXIS = Object.fromEntries(
+  Object.entries(ROLES).map(([name, spec]) => [name, metricsOf(spec)])
+);
+var typographyRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  variantTokens: VARIANT_TOKENS,
+  // Ink only. The chip's fill is a token, not a role, so it belongs to the metrics above —
+  // where it also stays inside the cache key instead of being recomputed with the tint.
+  paint: (_theme, colors) => ({ root: { color: colors.fg } }),
+  variants: { variant: ROLE_AXIS },
+  defaultVariants: { variant: "body" }
+});
+
+// src/components/typography/typography.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Typography = _react.forwardRef.call(void 0, function Typography2({ children, variant, color, asChild = false, style, ...props }, ref) {
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const selection = { variant };
+  const styles = typographyRecipe.resolve({ theme, selection });
+  const tint = color ? typographyRecipe.tint({ theme, color, selection }) : void 0;
+  const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _ => _.root]), styleProps, style];
+  const Root = asChild ? _chunk7GHM4GKLcjs.Slot : _reactnative.Text;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Root, { ref, style: rootStyle, ...rest, children });
+});
+Typography.displayName = "XAUI.Typography";
+
+// src/components/typography/text-span.tsx
+
+
+
+var TextSpan = _react.forwardRef.call(void 0, function TextSpan2({ children, asChild = false, style, ...props }, ref) {
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const Root = asChild ? _chunk7GHM4GKLcjs.Slot : _reactnative.Text;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Root, { ref, style: [styleProps, style], ...rest, children });
+});
+TextSpan.displayName = "XAUI.TextSpan";
+
+
+
+
+
+exports.typographyRecipe = typographyRecipe; exports.Typography = Typography; exports.TextSpan = TextSpan;

package/dist/chunk-BA2DBSAN.js

@@ -0,0 +1,102 @@
+// src/system/selection-fill/selection-fill.tsx
+import { View } from "react-native";
+import Animated, { useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
+import { jsx } from "react/jsx-runtime";
+var DURATION = 120;
+var FROM_SCALE = 0.8;
+function SelectionFill({
+  isVisible,
+  style,
+  animation = true,
+  children
+}) {
+  if (!animation) {
+    return isVisible ? /* @__PURE__ */jsx(View, {
+      style,
+      children
+    }) : null;
+  }
+  return /* @__PURE__ */jsx(AnimatedFill, {
+    isVisible,
+    style,
+    children
+  });
+}
+SelectionFill.displayName = "XAUI.SelectionFill";
+const _worklet_13281565252924_init_data = {
+  code: "function chunkBA2DBSANJs1(){const{withTiming,isVisible,DURATION}=this.__closure;return withTiming(isVisible?1:0,{duration:DURATION});}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-BA2DBSAN.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkBA2DBSANJs1\",\"withTiming\",\"isVisible\",\"DURATION\",\"__closure\",\"duration\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-BA2DBSAN.js\"],\"mappings\":\"AA2BmC,SAAAA,gBAAMA,CAAA,QAAAC,UAAA,CAAAC,SAAA,CAAAC,QAAA,OAAAC,SAAA,CAErC,MAAO,CAAAH,UAAU,CAACC,SAAS,CAAG,CAAC,CAAG,CAAC,CAAE,CAAEG,QAAQ,CAAEF,QAAS,CAAC,CAAC,CAC9D\",\"ignoreList\":[]}"
+};
+const _worklet_2224484425301_init_data = {
+  code: "function chunkBA2DBSANJs2(){const{progress,FROM_SCALE}=this.__closure;return{opacity:progress.value,transform:[{scale:FROM_SCALE+(1-FROM_SCALE)*progress.value}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-BA2DBSAN.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkBA2DBSANJs2\",\"progress\",\"FROM_SCALE\",\"__closure\",\"opacity\",\"value\",\"transform\",\"scale\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-BA2DBSAN.js\"],\"mappings\":\"AA+ByC,SAAAA,gBAAMA,CAAA,QAAAC,QAAA,CAAAC,UAAA,OAAAC,SAAA,CAE3C,MAAO,CACLC,OAAO,CAAEH,QAAQ,CAACI,KAAK,CACvBC,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAEL,UAAU,CAAG,CAAC,CAAC,CAAGA,UAAU,EAAID,QAAQ,CAACI,KAAM,CAAC,CACvE,CAAC,CACH\",\"ignoreList\":[]}"
+};
+function AnimatedFill({
+  isVisible,
+  style,
+  children
+}) {
+  const progress = useDerivedValue(function chunkBA2DBSANJs1Factory({
+    _worklet_13281565252924_init_data,
+    withTiming,
+    isVisible,
+    DURATION
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkBA2DBSANJs1 = function () {
+      return withTiming(isVisible ? 1 : 0, {
+        duration: DURATION
+      });
+    };
+    chunkBA2DBSANJs1.__closure = {
+      withTiming,
+      isVisible,
+      DURATION
+    };
+    chunkBA2DBSANJs1.__workletHash = 13281565252924;
+    chunkBA2DBSANJs1.__pluginVersion = "0.7.4";
+    chunkBA2DBSANJs1.__initData = _worklet_13281565252924_init_data;
+    chunkBA2DBSANJs1.__stackDetails = _e;
+    return chunkBA2DBSANJs1;
+  }({
+    _worklet_13281565252924_init_data,
+    withTiming,
+    isVisible,
+    DURATION
+  }), [isVisible]);
+  const animatedStyle = useAnimatedStyle(function chunkBA2DBSANJs2Factory({
+    _worklet_2224484425301_init_data,
+    progress,
+    FROM_SCALE
+  }) {
+    const _e = [new global.Error(), -3, -27];
+    const chunkBA2DBSANJs2 = function () {
+      return {
+        opacity: progress.value,
+        transform: [{
+          scale: FROM_SCALE + (1 - FROM_SCALE) * progress.value
+        }]
+      };
+    };
+    chunkBA2DBSANJs2.__closure = {
+      progress,
+      FROM_SCALE
+    };
+    chunkBA2DBSANJs2.__workletHash = 2224484425301;
+    chunkBA2DBSANJs2.__pluginVersion = "0.7.4";
+    chunkBA2DBSANJs2.__initData = _worklet_2224484425301_init_data;
+    chunkBA2DBSANJs2.__stackDetails = _e;
+    return chunkBA2DBSANJs2;
+  }({
+    _worklet_2224484425301_init_data,
+    progress,
+    FROM_SCALE
+  }), [progress]);
+  return /* @__PURE__ */jsx(Animated.View, {
+    style: [style, animatedStyle],
+    children
+  });
+}
+export { SelectionFill };