@xaui/native 0.9.1-alpha.21 → 0.9.1-alpha.22

package/dist/{chunk-ISVUXVFL.js → chunk-FNQF4KQV.js}

@@ -1,9 +1,8 @@
-import { usePressState, warnDev } from "./chunk-SGHP76GU.js";
-import { Icon } from "./chunk-JL27KVRT.js";
-import { PressableFeedback } from "./chunk-IBRVMLUF.js";
-import { createRecipe } from "./chunk-N7C4UNUL.js";
-import { childrenToString, createSlotContext, useStyleProps } from "./chunk-EXX6ATAS.js";
+import { Icon } from "./chunk-FVP5FUVS.js";
+import { PressableFeedback, usePressState, warnDev } from "./chunk-KM2TI5IC.js";
+import { createRecipe, radiusAxis } from "./chunk-3JATAB7S.js";
 import { useXAUITheme } from "./chunk-A3EGFI6T.js";
+import { childrenToString, createSlotContext, useStyleProps } from "./chunk-PMO62QK4.js";
 
 // src/components/button/button.context.ts
 var [ButtonProvider, useButton] = createSlotContext("Button");
@@ -74,10 +73,10 @@ function ButtonSpinner({
   });
 }
 ButtonSpinner.displayName = "XAUI.Button.Spinner";
-const _worklet_4101557563546_init_data = {
-  code: "function chunkISVUXVFLJs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-ISVUXVFL.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkISVUXVFLJs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-ISVUXVFL.js\"],\"mappings\":\"AAoFyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+const _worklet_763735822272_init_data = {
+  code: "function chunkFNQF4KQVJs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-FNQF4KQV.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkFNQF4KQVJs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-FNQF4KQV.js\"],\"mappings\":\"AAmFyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
 };
 function SpinningRing({
   style
@@ -90,28 +89,28 @@ function SpinningRing({
     }), -1, false);
     return () => cancelAnimation(angle);
   }, [angle]);
-  const animatedStyle = useAnimatedStyle(function chunkISVUXVFLJs1Factory({
-    _worklet_4101557563546_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkFNQF4KQVJs1Factory({
+    _worklet_763735822272_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkISVUXVFLJs1 = function () {
+    const chunkFNQF4KQVJs1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunkISVUXVFLJs1.__closure = {
+    chunkFNQF4KQVJs1.__closure = {
       angle
     };
-    chunkISVUXVFLJs1.__workletHash = 4101557563546;
-    chunkISVUXVFLJs1.__pluginVersion = "0.7.4";
-    chunkISVUXVFLJs1.__initData = _worklet_4101557563546_init_data;
-    chunkISVUXVFLJs1.__stackDetails = _e;
-    return chunkISVUXVFLJs1;
+    chunkFNQF4KQVJs1.__workletHash = 763735822272;
+    chunkFNQF4KQVJs1.__pluginVersion = "0.7.4";
+    chunkFNQF4KQVJs1.__initData = _worklet_763735822272_init_data;
+    chunkFNQF4KQVJs1.__stackDetails = _e;
+    return chunkFNQF4KQVJs1;
   }({
-    _worklet_4101557563546_init_data,
+    _worklet_763735822272_init_data,
     angle
   }), [angle]);
   return /* @__PURE__ */jsx3(Animated.View, {
@@ -273,58 +272,7 @@ var buttonRecipe = createRecipe({
         radius: "4xl"
       })
     },
-    radius: {
-      xs: t => ({
-        root: {
-          borderRadius: t.radius.xs
-        }
-      }),
-      sm: t => ({
-        root: {
-          borderRadius: t.radius.sm
-        }
-      }),
-      md: t => ({
-        root: {
-          borderRadius: t.radius.md
-        }
-      }),
-      lg: t => ({
-        root: {
-          borderRadius: t.radius.lg
-        }
-      }),
-      xl: t => ({
-        root: {
-          borderRadius: t.radius.xl
-        }
-      }),
-      "2xl": t => ({
-        root: {
-          borderRadius: t.radius["2xl"]
-        }
-      }),
-      "3xl": t => ({
-        root: {
-          borderRadius: t.radius["3xl"]
-        }
-      }),
-      "4xl": t => ({
-        root: {
-          borderRadius: t.radius["4xl"]
-        }
-      }),
-      field: t => ({
-        root: {
-          borderRadius: t.radius.field
-        }
-      }),
-      full: t => ({
-        root: {
-          borderRadius: t.radius.full
-        }
-      })
-    },
+    radius: radiusAxis("root"),
     // A square on a fixed height. No width is computed, and none needs to be.
     isIconOnly: {
       true: () => ({

package/dist/{chunk-YRCUALUQ.js → chunk-FTCTTBLG.js}

@@ -1,22 +1,20 @@
 import {
+  PressableFeedback,
   usePressState,
   warnDev
-} from "./chunk-SGHP76GU.js";
-import {
-  PressableFeedback
-} from "./chunk-IBRVMLUF.js";
+} from "./chunk-KM2TI5IC.js";
 import {
   createRecipe
-} from "./chunk-N7C4UNUL.js";
+} from "./chunk-3JATAB7S.js";
+import {
+  useXAUITheme
+} from "./chunk-A3EGFI6T.js";
 import {
   Slot,
   childrenToString,
   createSlotContext,
   useStyleProps
-} from "./chunk-EXX6ATAS.js";
-import {
-  useXAUITheme
-} from "./chunk-A3EGFI6T.js";
+} from "./chunk-PMO62QK4.js";
 
 // src/components/card/card-background.tsx
 import { forwardRef } from "react";

package/dist/{chunk-JL27KVRT.js → chunk-FVP5FUVS.js}

@@ -1,9 +1,9 @@
-import {
-  useStyleProps
-} from "./chunk-EXX6ATAS.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-PMO62QK4.js";
 
 // src/system/icon/icon-context.ts
 import { createContext, useContext } from "react";

package/dist/{chunk-UL263KGM.cjs → chunk-GBPWTFTU.cjs}

@@ -179,7 +179,7 @@ var tokens = {
     fieldBorder: "#e4e4e7",
     success: "#15803d",
     successForeground: "#fafafa",
-    warning: "#b45309",
+    warning: "#c2410c",
     warningForeground: "#fafafa",
     danger: "#dc2626",
     dangerForeground: "#fafafa",
@@ -191,7 +191,7 @@ var tokens = {
     link: "#18181b",
     accentPressed: "#8533d3",
     successPressed: "#1b753a",
-    warningPressed: "#a34d13",
+    warningPressed: "#af3e15",
     dangerPressed: "#c72927",
     defaultPressed: "#dbdbde",
     surfacePressed: "#eaeaea",
@@ -204,9 +204,9 @@ var tokens = {
     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)",
@@ -249,7 +249,7 @@ var tokens = {
     fieldBorder: "#3f3f46",
     success: "#4ade80",
     successForeground: "#18181b",
-    warning: "#fbbf24",
+    warning: "#fb923c",
     warningForeground: "#18181b",
     danger: "#f87171",
     dangerForeground: "#18181b",
@@ -261,7 +261,7 @@ var tokens = {
     link: "#fafafa",
     accentPressed: "#c691fd",
     successPressed: "#64e18d",
-    warningPressed: "#fbc54b",
+    warningPressed: "#fc9d55",
     dangerPressed: "#fa807e",
     defaultPressed: "#2e2e31",
     surfacePressed: "#27272a",
@@ -274,9 +274,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)",

package/dist/{chunk-TUJBDS5M.js → chunk-GG2WWCBK.js}

@@ -179,7 +179,7 @@ var tokens = {
     fieldBorder: "#e4e4e7",
     success: "#15803d",
     successForeground: "#fafafa",
-    warning: "#b45309",
+    warning: "#c2410c",
     warningForeground: "#fafafa",
     danger: "#dc2626",
     dangerForeground: "#fafafa",
@@ -191,7 +191,7 @@ var tokens = {
     link: "#18181b",
     accentPressed: "#8533d3",
     successPressed: "#1b753a",
-    warningPressed: "#a34d13",
+    warningPressed: "#af3e15",
     dangerPressed: "#c72927",
     defaultPressed: "#dbdbde",
     surfacePressed: "#eaeaea",
@@ -204,9 +204,9 @@ var tokens = {
     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)",
@@ -249,7 +249,7 @@ var tokens = {
     fieldBorder: "#3f3f46",
     success: "#4ade80",
     successForeground: "#18181b",
-    warning: "#fbbf24",
+    warning: "#fb923c",
     warningForeground: "#18181b",
     danger: "#f87171",
     dangerForeground: "#18181b",
@@ -261,7 +261,7 @@ var tokens = {
     link: "#fafafa",
     accentPressed: "#c691fd",
     successPressed: "#64e18d",
-    warningPressed: "#fbc54b",
+    warningPressed: "#fc9d55",
     dangerPressed: "#fa807e",
     defaultPressed: "#2e2e31",
     surfacePressed: "#27272a",
@@ -274,9 +274,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)",

package/dist/{chunk-EVXZGNPA.cjs → chunk-HUZ4AUM2.cjs}

@@ -2,8 +2,104 @@
 
 var _chunkMC7SY2QHcjs = require('./chunk-MC7SY2QH.cjs');
 
-// src/system/style-props/use-style-props.ts
+// src/system/slot/create-slot-context.ts
 var _react = require('react');
+function createSlotContext(name) {
+  const Context = _react.createContext.call(void 0, null);
+  Context.displayName = `XAUI.${name}.Context`;
+  function useSlotContext() {
+    const value = _react.useContext.call(void 0, Context);
+    if (value === null) {
+      const error = new Error(
+        `XAUI: use${name} must be called inside <${name}>. A slot reads the values its root resolved, so it can only be rendered as a child of one.`
+      );
+      _optionalChain([Error, 'access', _ => _.captureStackTrace, 'optionalCall', _2 => _2(
+        error,
+        useSlotContext
+      )]);
+      throw error;
+    }
+    return value;
+  }
+  return [Context.Provider, useSlotContext];
+}
+
+// src/system/slot/merge-refs.ts
+function mergeRefs(...refs) {
+  return (value) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(value);
+      else if (ref) ref.current = value;
+    }
+  };
+}
+
+// src/system/slot/merge-props.ts
+var EVENT_HANDLER = /^on[A-Z]/;
+function mergeProps(ours, theirs) {
+  const merged = { ...ours };
+  for (const key of Object.keys(theirs)) {
+    const ourValue = ours[key];
+    const theirValue = theirs[key];
+    if (EVENT_HANDLER.test(key)) {
+      merged[key] = composeHandlers(ourValue, theirValue);
+    } else if (key === "style") {
+      merged[key] = mergeStyles(ourValue, theirValue);
+    } else if (key === "ref") {
+      merged[key] = mergeRefs(
+        ourValue,
+        theirValue
+      );
+    } else {
+      merged[key] = theirValue;
+    }
+  }
+  return merged;
+}
+function composeHandlers(ours, theirs) {
+  if (typeof ours !== "function") return theirs;
+  if (typeof theirs !== "function") return ours;
+  return (...args) => {
+    ;
+    ours(...args);
+    return theirs(...args);
+  };
+}
+function mergeStyles(ours, theirs) {
+  if (typeof ours === "function" || typeof theirs === "function") {
+    return (state) => [
+      resolveStyle(ours, state),
+      resolveStyle(theirs, state)
+    ];
+  }
+  return [ours, theirs];
+}
+function resolveStyle(style, state) {
+  return typeof style === "function" ? style(state) : style;
+}
+
+// src/system/slot/slot.tsx
+
+var Slot = _react.forwardRef.call(void 0, function Slot2({ children, ...ours }, ref) {
+  if (!_react.isValidElement.call(void 0, children)) {
+    throw new Error(
+      "XAUI: asChild expects exactly one React element as its child, and merges the component's props into it. Text, a fragment, several children or none give it nothing to merge into \u2014 drop `asChild` to render the component itself."
+    );
+  }
+  const child = children;
+  const merged = mergeProps(ours, child.props);
+  merged.ref = mergeRefs(ref, refOf(child));
+  return _react.cloneElement.call(void 0, child, merged);
+});
+Slot.displayName = "XAUI.Slot";
+function refOf(element) {
+  const fromProps = element.props.ref;
+  const fromElement = element.ref;
+  return _nullishCoalesce(fromProps, () => ( fromElement));
+}
+
+// src/system/style-props/use-style-props.ts
+
 
 // src/utils/style-props.ts
 var STYLE_PROP_KEYS = [
@@ -197,102 +293,6 @@ function stringify(node) {
   return null;
 }
 
-// src/system/slot/create-slot-context.ts
-
-function createSlotContext(name) {
-  const Context = _react.createContext.call(void 0, null);
-  Context.displayName = `XAUI.${name}.Context`;
-  function useSlotContext() {
-    const value = _react.useContext.call(void 0, Context);
-    if (value === null) {
-      const error = new Error(
-        `XAUI: use${name} must be called inside <${name}>. A slot reads the values its root resolved, so it can only be rendered as a child of one.`
-      );
-      _optionalChain([Error, 'access', _ => _.captureStackTrace, 'optionalCall', _2 => _2(
-        error,
-        useSlotContext
-      )]);
-      throw error;
-    }
-    return value;
-  }
-  return [Context.Provider, useSlotContext];
-}
-
-// src/system/slot/merge-refs.ts
-function mergeRefs(...refs) {
-  return (value) => {
-    for (const ref of refs) {
-      if (typeof ref === "function") ref(value);
-      else if (ref) ref.current = value;
-    }
-  };
-}
-
-// src/system/slot/merge-props.ts
-var EVENT_HANDLER = /^on[A-Z]/;
-function mergeProps(ours, theirs) {
-  const merged = { ...ours };
-  for (const key of Object.keys(theirs)) {
-    const ourValue = ours[key];
-    const theirValue = theirs[key];
-    if (EVENT_HANDLER.test(key)) {
-      merged[key] = composeHandlers(ourValue, theirValue);
-    } else if (key === "style") {
-      merged[key] = mergeStyles(ourValue, theirValue);
-    } else if (key === "ref") {
-      merged[key] = mergeRefs(
-        ourValue,
-        theirValue
-      );
-    } else {
-      merged[key] = theirValue;
-    }
-  }
-  return merged;
-}
-function composeHandlers(ours, theirs) {
-  if (typeof ours !== "function") return theirs;
-  if (typeof theirs !== "function") return ours;
-  return (...args) => {
-    ;
-    ours(...args);
-    return theirs(...args);
-  };
-}
-function mergeStyles(ours, theirs) {
-  if (typeof ours === "function" || typeof theirs === "function") {
-    return (state) => [
-      resolveStyle(ours, state),
-      resolveStyle(theirs, state)
-    ];
-  }
-  return [ours, theirs];
-}
-function resolveStyle(style, state) {
-  return typeof style === "function" ? style(state) : style;
-}
-
-// src/system/slot/slot.tsx
-
-var Slot = _react.forwardRef.call(void 0, function Slot2({ children, ...ours }, ref) {
-  if (!_react.isValidElement.call(void 0, children)) {
-    throw new Error(
-      "XAUI: asChild expects exactly one React element as its child, and merges the component's props into it. Text, a fragment, several children or none give it nothing to merge into \u2014 drop `asChild` to render the component itself."
-    );
-  }
-  const child = children;
-  const merged = mergeProps(ours, child.props);
-  merged.ref = mergeRefs(ref, refOf(child));
-  return _react.cloneElement.call(void 0, child, merged);
-});
-Slot.displayName = "XAUI.Slot";
-function refOf(element) {
-  const fromProps = element.props.ref;
-  const fromElement = element.ref;
-  return _nullishCoalesce(fromProps, () => ( fromElement));
-}
-
 
 
 
@@ -300,4 +300,4 @@ function refOf(element) {
 
 
 
-exports.useStyleProps = useStyleProps; exports.childrenToString = childrenToString; exports.createSlotContext = createSlotContext; exports.mergeRefs = mergeRefs; exports.mergeProps = mergeProps; exports.Slot = Slot;
+exports.createSlotContext = createSlotContext; exports.mergeRefs = mergeRefs; exports.mergeProps = mergeProps; exports.Slot = Slot; exports.useStyleProps = useStyleProps; exports.childrenToString = childrenToString;