@xaui/native 0.9.1-alpha.30 → 0.9.1-alpha.32

package/dist/{chunk-X4HQ4H2V.js → chunk-SLUJFE6R.js}

@@ -1,8 +1,8 @@
 import { useControllableState } from "./chunk-F6W3JQ7K.js";
+import { createSlotContext } from "./chunk-YXPYOOHU.js";
 import { createRecipe, radiusAxis } from "./chunk-4GTAZM2C.js";
+import { useStyleProps } from "./chunk-MEYCZS32.js";
 import { useXAUITheme } from "./chunk-A3EGFI6T.js";
-import { createSlotContext } from "./chunk-E2CWBQTV.js";
-import { useStyleProps } from "./chunk-URSKA2VR.js";
 
 // src/components/input-otp/input-otp-box.tsx
 import { forwardRef as forwardRef3, useMemo } from "react";
@@ -40,10 +40,10 @@ function InputOTPCaret({
   });
 }
 InputOTPCaret.displayName = "XAUI.InputOTP.Caret";
-const _worklet_6223106876401_init_data = {
-  code: "function chunkX4HQ4H2VJs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-X4HQ4H2V.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkX4HQ4H2VJs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-X4HQ4H2V.js\"],\"mappings\":\"AA8DyC,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
+const _worklet_11424396762619_init_data = {
+  code: "function chunkSLUJFE6RJs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SLUJFE6R.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkSLUJFE6RJs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SLUJFE6R.js\"],\"mappings\":\"AA8DyC,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
 };
 function BlinkingCaret({
   style
@@ -56,26 +56,26 @@ function BlinkingCaret({
     }), -1, true);
     return () => cancelAnimation(opacity);
   }, [opacity]);
-  const animatedStyle = useAnimatedStyle(function chunkX4HQ4H2VJs1Factory({
-    _worklet_6223106876401_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkSLUJFE6RJs1Factory({
+    _worklet_11424396762619_init_data,
     opacity
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkX4HQ4H2VJs1 = function () {
+    const chunkSLUJFE6RJs1 = function () {
       return {
         opacity: opacity.value
       };
     };
-    chunkX4HQ4H2VJs1.__closure = {
+    chunkSLUJFE6RJs1.__closure = {
       opacity
     };
-    chunkX4HQ4H2VJs1.__workletHash = 6223106876401;
-    chunkX4HQ4H2VJs1.__pluginVersion = "0.7.4";
-    chunkX4HQ4H2VJs1.__initData = _worklet_6223106876401_init_data;
-    chunkX4HQ4H2VJs1.__stackDetails = _e;
-    return chunkX4HQ4H2VJs1;
+    chunkSLUJFE6RJs1.__workletHash = 11424396762619;
+    chunkSLUJFE6RJs1.__pluginVersion = "0.7.4";
+    chunkSLUJFE6RJs1.__initData = _worklet_11424396762619_init_data;
+    chunkSLUJFE6RJs1.__stackDetails = _e;
+    return chunkSLUJFE6RJs1;
   }({
-    _worklet_6223106876401_init_data,
+    _worklet_11424396762619_init_data,
     opacity
   }), [opacity]);
   return /* @__PURE__ */jsx(Animated.View, {

package/dist/{chunk-4XPLPQLM.cjs → chunk-TVCS5UOE.cjs}

@@ -1,23 +1,23 @@
 "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 _chunk5Z4P6WHRcjs = require('./chunk-5Z4P6WHR.cjs');
+var _chunkQ3D6KIVFcjs = require('./chunk-Q3D6KIVF.cjs');
 
 
-var _chunkWR7YLDVVcjs = require('./chunk-WR7YLDVV.cjs');
+var _chunkPCWT2YBEcjs = require('./chunk-PCWT2YBE.cjs');
 
 
 
-var _chunkZP2E2H2Gcjs = require('./chunk-ZP2E2H2G.cjs');
+var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 
 
-var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.cjs');
+var _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
 
 // src/components/input-group/input-group-field.tsx
 var _react = require('react');
 
 // src/components/input-group/input-group.context.ts
-var [InputGroupProvider, useInputGroup] = _chunkZP2E2H2Gcjs.createSlotContext.call(void 0, "InputGroup");
+var [InputGroupProvider, useInputGroup] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "InputGroup");
 
 // src/components/input-group/input-group.utils.ts
 function decoratorPadding(prefixWidth, suffixWidth) {
@@ -36,7 +36,7 @@ var InputGroupField = _react.forwardRef.call(void 0,
       () => decoratorPadding(prefixWidth, suffixWidth),
       [prefixWidth, suffixWidth]
     );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5Z4P6WHRcjs.InputField, { ref, ...props, style: [padding, style] });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ3D6KIVFcjs.InputField, { ref, ...props, style: [padding, style] });
   }
 );
 InputGroupField.displayName = "XAUI.InputGroup.Field";
@@ -44,8 +44,8 @@ InputGroupField.displayName = "XAUI.InputGroup.Field";
 // src/components/input-group/input-group-icon.tsx
 
 function InputGroupIcon({ size, color, ...rest }) {
-  const { icon } = _chunk5Z4P6WHRcjs.useInput.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWR7YLDVVcjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
+  const { icon } = _chunkQ3D6KIVFcjs.useInput.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPCWT2YBEcjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
 }
 InputGroupIcon.displayName = "XAUI.InputGroup.Icon";
 
@@ -58,9 +58,9 @@ var _reactnative = require('react-native');
 
 var InputGroupDecorator = _react.forwardRef.call(void 0, 
   function InputGroupDecorator2({ side, children, isDecorative = false, onLayout, style, ...props }, ref) {
-    const { prefixStyle, suffixStyle, isDisabled } = _chunk5Z4P6WHRcjs.useInput.call(void 0, );
+    const { prefixStyle, suffixStyle, isDisabled } = _chunkQ3D6KIVFcjs.useInput.call(void 0, );
     const { setPrefixWidth, setSuffixWidth } = useInputGroup();
-    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
     const report = side === "prefix" ? setPrefixWidth : setSuffixWidth;
     const handleLayout = _react.useCallback.call(void 0, 
       (event) => {
@@ -111,7 +111,7 @@ InputGroupSuffix.displayName = "XAUI.InputGroup.Suffix";
 
 
 var InputGroupRoot = _react.forwardRef.call(void 0, function InputGroup({ children, asChild = false, style, ...props }, ref) {
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   const [prefixWidth, setPrefixWidth] = _react.useState.call(void 0, 0);
   const [suffixWidth, setSuffixWidth] = _react.useState.call(void 0, 0);
   const context = _react.useMemo.call(void 0, 
@@ -121,7 +121,7 @@ var InputGroupRoot = _react.forwardRef.call(void 0, function InputGroup({ childr
   const rootStyle = [styleProps, style];
   const surface = asChild ? (
     // R12 — the caller's element *is* the row.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZP2E2H2Gcjs.Slot, { ref, ...rest, style: rootStyle, children })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk54FJOKANcjs.Slot, { ref, ...rest, style: rootStyle, children })
   ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: rootStyle, children });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputGroupProvider, { value: context, children: surface });
 });

package/dist/{chunk-V4WDMM6Z.js → chunk-U3RDU3HU.js}

@@ -1,6 +1,6 @@
 import {
   PressableFeedback
-} from "./chunk-BFMTUMTU.js";
+} from "./chunk-XNNJM5DQ.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-EGLLDKN6.js";
 import {
   useStyleProps
-} from "./chunk-URSKA2VR.js";
+} from "./chunk-MEYCZS32.js";
 
 // src/system/close-button/close-button.tsx
 import { forwardRef } from "react";

package/dist/{chunk-5RQ7AZPN.cjs → chunk-UORTYL63.cjs}

@@ -1,6 +1,6 @@
 "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 _chunkGPVNCJ3Zcjs = require('./chunk-GPVNCJ3Z.cjs');
+var _chunk6M7RUU7Vcjs = require('./chunk-6M7RUU7V.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -9,18 +9,18 @@ var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
 var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
 
 
-var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 
 
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkZP2E2H2Gcjs = require('./chunk-ZP2E2H2G.cjs');
+var _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
 
 
-var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 // src/components/card/card-background.tsx
 var _react = require('react');
@@ -50,7 +50,7 @@ function partitionBackground(children) {
 }
 
 // src/components/card/card.context.ts
-var [CardProvider, useCard] = _chunkZP2E2H2Gcjs.createSlotContext.call(void 0, "Card");
+var [CardProvider, useCard] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Card");
 
 // src/components/card/card.style.ts
 
@@ -63,7 +63,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var CardBackground = markBackground(
   _react.forwardRef.call(void 0, function CardBackground2({ children, source, style, ...props }, ref) {
     const { backgroundStyle } = useCard();
-    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _reactnative.View,
       {
@@ -85,7 +85,7 @@ CardBackground.displayName = "XAUI.Card.Background";
 
 var CardBody = _react.forwardRef.call(void 0, function CardBody2({ children, style, ...props }, ref) {
   const { bodyStyle } = useCard();
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [bodyStyle, styleProps, style], ...rest, children });
 });
 CardBody.displayName = "XAUI.Card.Body";
@@ -97,7 +97,7 @@ CardBody.displayName = "XAUI.Card.Body";
 var CardDescription = _react.forwardRef.call(void 0, 
   function CardDescription2({ children, style, ...props }, ref) {
     const { descriptionStyle } = useCard();
-    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [descriptionStyle, styleProps, style], ...rest, children });
   }
 );
@@ -109,7 +109,7 @@ CardDescription.displayName = "XAUI.Card.Description";
 
 var CardFooter = _react.forwardRef.call(void 0, function CardFooter2({ children, style, ...props }, ref) {
   const { footerStyle } = useCard();
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [footerStyle, styleProps, style], ...rest, children });
 });
 CardFooter.displayName = "XAUI.Card.Footer";
@@ -120,7 +120,7 @@ CardFooter.displayName = "XAUI.Card.Footer";
 
 var CardHeader = _react.forwardRef.call(void 0, function CardHeader2({ children, style, ...props }, ref) {
   const { headerStyle } = useCard();
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [headerStyle, styleProps, style], ...rest, children });
 });
 CardHeader.displayName = "XAUI.Card.Header";
@@ -131,7 +131,7 @@ CardHeader.displayName = "XAUI.Card.Header";
 
 var CardTitle = _react.forwardRef.call(void 0, function CardTitle2({ children, style, ...props }, ref) {
   const { titleStyle } = useCard();
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [titleStyle, styleProps, style], ...rest, children });
 });
 CardTitle.displayName = "XAUI.Card.Title";
@@ -351,7 +351,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
   const selection = { variant, size, radius };
   const states = { disabled: isDisabled };
@@ -375,7 +375,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     styleProps,
     typeof style === "function" ? style({ pressed: isPressed }) : style
   ];
-  const text = _chunkZP2E2H2Gcjs.childrenToString.call(void 0, children);
+  const text = _chunk54FJOKANcjs.childrenToString.call(void 0, children);
   const content = text !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardDescription, { children: text }) : children;
   if (!isPressable && !asChild && (onPressIn || onPressOut || rest.onPress || rest.onLongPress)) {
     _chunkEJQCQPETcjs.warnDev.call(void 0, 
@@ -388,7 +388,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     body
   ] });
   const surface = isPressable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGPVNCJ3Zcjs.PressableFeedback,
+    _chunk6M7RUU7Vcjs.PressableFeedback,
     {
       ref,
       isPressed,
@@ -403,7 +403,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
       onPressOut: press.onPressOut,
       children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         background,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGPVNCJ3Zcjs.PressableFeedback.Highlight, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6M7RUU7Vcjs.PressableFeedback.Highlight, {}),
         body
       ] })
     }
@@ -411,7 +411,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     // R12 — the caller's element is the card, so it takes the children it was written
     // with and the auto-wrap does not apply.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkZP2E2H2Gcjs.Slot,
+      _chunk54FJOKANcjs.Slot,
       {
         ref,
         accessibilityRole,

package/dist/{chunk-YKL6XHM6.js → chunk-UR6DNU2M.js}

@@ -1,29 +1,29 @@
 import {
   SelectionFill
 } from "./chunk-BA2DBSAN.js";
+import {
+  useControllableState
+} from "./chunk-F6W3JQ7K.js";
 import {
   PressableFeedback
-} from "./chunk-BFMTUMTU.js";
+} from "./chunk-XNNJM5DQ.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";
 import {
-  useControllableState
-} from "./chunk-F6W3JQ7K.js";
+  childrenToString,
+  createSlotContext
+} from "./chunk-YXPYOOHU.js";
 import {
   createRecipe,
   radiusAxis
 } from "./chunk-4GTAZM2C.js";
+import {
+  useStyleProps
+} from "./chunk-MEYCZS32.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
-import {
-  childrenToString,
-  createSlotContext
-} from "./chunk-E2CWBQTV.js";
-import {
-  useStyleProps
-} from "./chunk-URSKA2VR.js";
 
 // src/components/checkbox/checkbox-indicator.tsx
 import { forwardRef } from "react";

package/dist/chunk-VSALV7VO.cjs

@@ -0,0 +1,92 @@
+"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 _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
+
+
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
+
+
+var _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
+
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+// src/components/divider/divider.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/divider/divider.recipe.ts
+
+var SLOTS = ["root"];
+var VARIANT_TOKENS = { default: { bg: "separator" } };
+var HAIRLINE = _reactnative.StyleSheet.hairlineWidth;
+function thickness(of) {
+  return (theme) => {
+    const value = of(theme);
+    return { root: { height: value, width: value } };
+  };
+}
+var dividerRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: () => ({
+    // One line for both orientations. In a column the cross axis is horizontal, so a
+    // stretched child is full width; in a row it is vertical, so the same word makes a
+    // vertical rule full height. `stretch` is ignored on the axis the thickness fixes,
+    // which is what lets one declaration serve both.
+    root: { alignSelf: "stretch" }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (_theme, colors) => ({ root: { backgroundColor: colors.bg } }),
+  variants: {
+    // Multiples of `borderWidth.default`, so a theme that thickens its edges thickens
+    // these with it. Only the hairline stands outside the scale, being a device pixel.
+    size: {
+      xs: thickness(() => HAIRLINE),
+      sm: thickness((theme) => theme.borderWidth.default),
+      md: thickness((theme) => theme.borderWidth.default * 2),
+      lg: thickness((theme) => theme.borderWidth.default * 6)
+    },
+    /** Second, so it releases the axis `size` had to write blind. */
+    orientation: {
+      horizontal: () => ({ root: { width: "auto" } }),
+      vertical: () => ({ root: { height: "auto" } })
+    }
+  },
+  /**
+   * `xs` where every other component defaults to `md`, and it is the one place in the
+   * library that departs from that: a rule you notice is a rule that is too thick, and
+   * the hairline is what a separator is at rest.
+   *
+   * `variant` is named here and nowhere else — there is one, the caller cannot choose it,
+   * and the recipe still needs it selected for `paint` and the tint to resolve.
+   */
+  defaultVariants: { variant: "default", size: "xs", orientation: "horizontal" }
+});
+
+// src/components/divider/divider.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Divider = _react.forwardRef.call(void 0, function Divider2({ children, orientation, size, color, asChild = false, style, ...props }, ref) {
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+  const selection = { orientation, size };
+  const styles = dividerRecipe.resolve({ theme, selection });
+  const tint = color ? dividerRecipe.tint({ theme, color, selection }) : void 0;
+  const Root = asChild ? _chunk54FJOKANcjs.Slot : _reactnative.View;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Root,
+    {
+      ref,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no",
+      ...rest,
+      style: [styles.root, _optionalChain([tint, 'optionalAccess', _ => _.root]), styleProps, style],
+      children: asChild ? children : null
+    }
+  );
+});
+Divider.displayName = "XAUI.Divider";
+
+
+
+
+exports.dividerRecipe = dividerRecipe; exports.Divider = Divider;

package/dist/{chunk-3FV4COTM.js → chunk-WJPQARJ5.js}

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