@xaui/native 0.9.1-alpha.37 → 0.9.1-alpha.39

package/dist/{chunk-DVDQSW7U.cjs → chunk-76XDVA24.cjs}

@@ -1,24 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkLUPCPLNDcjs = require('./chunk-LUPCPLND.cjs');
+
 
 var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
 
 
 
-var _chunk7B3UBUC6cjs = require('./chunk-7B3UBUC6.cjs');
 
 
-var _chunkDRMT346Wcjs = require('./chunk-DRMT346W.cjs');
 
 
-var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
+
+
+var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
+
+
 
 
+var _chunk4KFKWBN5cjs = require('./chunk-4KFKWBN5.cjs');
 
-var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+
+
+var _chunkTGMVEHV7cjs = require('./chunk-TGMVEHV7.cjs');
+
+
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
 
-var _chunkH4E4HDEPcjs = require('./chunk-H4E4HDEP.cjs');
+
+
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
 
 
 
@@ -35,60 +49,18 @@ var _react = require('react');
 var _reactnative = require('react-native');
 var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
 
-// src/components/select/select.context.ts
-var [SelectProvider, useSelect] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Select");
-var [SelectItemProvider, useSelectItem] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Select.Item");
-
-// src/components/select/select.animation.ts
-
-var INDICATOR_SPRING = {
-  damping: 140,
-  stiffness: 1e3,
-  mass: 4
-};
-var INDICATOR_ROTATION = [0, -180];
-var ENTER_MS = 200;
-var EXIT_MS = 150;
-function contentEntering(placement) {
-  const from = placement === "bottom" ? -8 : 8;
-  return new (0, _reactnativereanimated.Keyframe)({
-    0: {
-      opacity: 0,
-      transform: [{ translateY: from }, { scale: 0.95 }]
-    },
-    100: {
-      opacity: 1,
-      transform: [{ translateY: 0 }, { scale: 1 }],
-      easing: _reactnativereanimated.Easing.out(_reactnativereanimated.Easing.cubic)
-    }
-  }).duration(ENTER_MS);
-}
-function contentExiting(placement) {
-  const to = placement === "bottom" ? -8 : 8;
-  return new (0, _reactnativereanimated.Keyframe)({
-    0: { opacity: 1, transform: [{ translateY: 0 }, { scale: 1 }] },
-    100: {
-      opacity: 0,
-      transform: [{ translateY: to }, { scale: 0.95 }],
-      easing: _reactnativereanimated.Easing.in(_reactnativereanimated.Easing.cubic)
-    }
-  }).duration(EXIT_MS);
-}
-var overlayEntering = new (0, _reactnativereanimated.Keyframe)({
-  0: { opacity: 0 },
-  100: { opacity: 1 }
-}).duration(ENTER_MS);
-var overlayExiting = new (0, _reactnativereanimated.Keyframe)({
-  0: { opacity: 1 },
-  100: { opacity: 0 }
-}).duration(EXIT_MS);
-
 // src/components/select/select-item.tsx
 
 
 // src/components/select/select-item-label.tsx
 
 
+
+// src/components/select/select.context.ts
+var [SelectProvider, useSelect] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "Select");
+var [SelectItemProvider, useSelectItem] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "Select.Item");
+
+// src/components/select/select-item-label.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var SelectItemLabel = _react.forwardRef.call(void 0, 
   function SelectItemLabel2({ children, numberOfLines = 1, style, ...props }, ref) {
@@ -134,7 +106,7 @@ var SelectItem = _react.forwardRef.call(void 0, function SelectItem2({
   const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
   const isSelected = selected === value;
-  const text = typeof children === "function" ? null : _chunk54FJOKANcjs.childrenToString.call(void 0, children);
+  const text = typeof children === "function" ? null : _chunk7GHM4GKLcjs.childrenToString.call(void 0, children);
   const registered = _nullishCoalesce(_nullishCoalesce(label, () => ( text)), () => ( void 0));
   _react.useEffect.call(void 0, () => {
     if (registered !== void 0) registerLabel(value, registered);
@@ -151,7 +123,7 @@ var SelectItem = _react.forwardRef.call(void 0, function SelectItem2({
     [isSelected, isPressed, isDisabled]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItemProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDRMT346Wcjs.PressableFeedback,
+    _chunkTGMVEHV7cjs.PressableFeedback,
     {
       ref,
       isPressed,
@@ -181,45 +153,6 @@ SelectItem.displayName = "XAUI.Select.Item";
 
 // src/components/select/select.utils.ts
 
-function resolvePlacement(input) {
-  const { anchor, content, window, offset, alignOffset, insets } = input;
-  const available = window.width - insets.start - insets.end;
-  const width = Math.min(resolveWidth(input), Math.max(available, 0));
-  const placement = choosePlacement(input);
-  const maxHeight = Math.max(roomFor(placement, input), 0);
-  const height = Math.min(content.height, maxHeight);
-  const top = placement === "bottom" ? anchor.y + anchor.height + offset : anchor.y - offset - height;
-  const start = clamp(
-    alignedStart(input, width) + alignOffset,
-    insets.start,
-    Math.max(window.width - insets.end - width, insets.start)
-  );
-  return { top, start, width, maxHeight, placement };
-}
-function resolveWidth({ width, anchor, content }) {
-  if (width === "trigger") return anchor.width;
-  if (width === "content-fit") return content.width;
-  return width;
-}
-function choosePlacement(input) {
-  const { placement, avoidCollisions, content } = input;
-  if (!avoidCollisions) return placement;
-  if (roomFor(placement, input) >= content.height) return placement;
-  const other = placement === "bottom" ? "top" : "bottom";
-  return roomFor(other, input) > roomFor(placement, input) ? other : placement;
-}
-function roomFor(placement, input) {
-  const { anchor, window, offset, insets } = input;
-  return placement === "bottom" ? window.height - insets.bottom - (anchor.y + anchor.height) - offset : anchor.y - insets.top - offset;
-}
-function alignedStart({ align, anchor }, width) {
-  if (align === "start") return anchor.x;
-  if (align === "end") return anchor.x + anchor.width - width;
-  return anchor.x + (anchor.width - width) / 2;
-}
-function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
 function collectItemLabels(children, isItem) {
   const found = [];
   const walk = (node) => {
@@ -227,7 +160,7 @@ function collectItemLabels(children, isItem) {
       if (!_react.isValidElement.call(void 0, child)) return;
       const props = child.props;
       if (isItem(child.type) && typeof props.value === "string") {
-        const label = _nullishCoalesce(props.label, () => ( _chunk54FJOKANcjs.childrenToString.call(void 0, props.children)));
+        const label = _nullishCoalesce(props.label, () => ( _chunk7GHM4GKLcjs.childrenToString.call(void 0, props.children)));
         if (label !== null && label !== void 0) found.push([props.value, label]);
         return;
       }
@@ -240,15 +173,15 @@ function collectItemLabels(children, isItem) {
 
 // src/components/select/select-content.tsx
 
+
 var DEFAULT_OFFSET = 8;
-var ZERO = { x: 0, y: 0 };
-var isSelectItem = (type) => type === SelectItem;
 var DEFAULT_INSETS = {
   top: 12,
   bottom: 12,
   start: 12,
   end: 12
 };
+var isSelectItem = (type) => type === SelectItem;
 var SelectContent = _react.forwardRef.call(void 0, 
   function SelectContent2({
     children,
@@ -264,56 +197,37 @@ var SelectContent = _react.forwardRef.call(void 0,
     ...props
   }, ref) {
     const context = useSelect();
-    const { contentStyle, isOpen, anchor } = context;
+    const { contentStyle, isOpen, anchor, registerLabel } = context;
     const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
-    const window = _reactnative.useWindowDimensions.call(void 0, );
-    const origin = _nullishCoalesce(_optionalChain([_react.useContext.call(void 0, _chunkWDDXU3OHcjs.PortalContext), 'optionalAccess', _2 => _2.origin]), () => ( ZERO));
-    const [measured, setMeasured] = _react.useState.call(void 0, null);
-    const { registerLabel } = context;
-    _react.useEffect.call(void 0, () => {
-      for (const [value, label] of collectItemLabels(children, isSelectItem)) {
-        registerLabel(value, label);
-      }
-    }, [children, registerLabel]);
-    if (!isOpen && measured !== null) setMeasured(null);
-    if (!isOpen || anchor === null) return null;
-    const measure = (event) => {
-      _optionalChain([onLayout, 'optionalCall', _3 => _3(event)]);
-      const { width: w, height: h } = event.nativeEvent.layout;
-      if (measured === null || measured.height !== h || measured.width !== w) {
-        setMeasured({ width: w, height: h });
-      }
-    };
-    const local = { ...anchor, x: anchor.x - origin.x, y: anchor.y - origin.y };
-    const position = measured && resolvePlacement({
-      anchor: local,
-      content: measured,
-      // The window in the host's own coordinates, for the same reason as the anchor.
-      window: {
-        width: window.width - origin.x,
-        height: window.height - origin.y
-      },
+    const { position, onContentLayout, measuringStyle } = _chunkLUPCPLNDcjs.useAnchoredPosition.call(void 0, {
+      anchor,
+      isOpen,
       placement,
       align,
       width,
       offset,
       alignOffset,
       avoidCollisions,
-      insets: { ...DEFAULT_INSETS, ...insets }
+      insets: { ...DEFAULT_INSETS, ...insets },
+      onLayout
     });
+    _react.useEffect.call(void 0, () => {
+      for (const [value, label] of collectItemLabels(children, isSelectItem)) {
+        registerLabel(value, label);
+      }
+    }, [children, registerLabel]);
+    if (!isOpen || anchor === null) return null;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _reactnativereanimated2.default.View,
       {
         ref,
-        entering: position ? contentEntering(position.placement) : void 0,
-        exiting: position ? contentExiting(position.placement) : void 0,
-        onLayout: measure,
+        entering: position ? _chunkEKS3W46Mcjs.anchoredEntering.call(void 0, position.placement) : void 0,
+        exiting: position ? _chunkEKS3W46Mcjs.anchoredExiting.call(void 0, position.placement) : void 0,
+        onLayout: onContentLayout,
         ...rest,
         style: [
           contentStyle,
-          // The measuring pass: laid out at the trigger's width so the rows wrap as they
-          // finally will, and invisible so the reader never sees it at the wrong place.
-          position === null ? { opacity: 0, top: 0, start: 0, width: local.width } : {
+          position === null ? measuringStyle : {
             top: position.top,
             start: position.start,
             width: position.width,
@@ -332,7 +246,7 @@ var SelectContent = _react.forwardRef.call(void 0,
           }
         )
       },
-      _nullishCoalesce(_optionalChain([position, 'optionalAccess', _4 => _4.placement]), () => ( "measuring"))
+      _nullishCoalesce(_optionalChain([position, 'optionalAccess', _2 => _2.placement]), () => ( "measuring"))
     ) }) });
   }
 );
@@ -347,45 +261,23 @@ SelectContent.displayName = "XAUI.Select.Content";
 
 
 
-// src/components/select/chevron-down-icon.tsx
-var _reactnativesvg = require('react-native-svg');
-
-function ChevronDownIcon({
-  size = 20,
-  color = "currentColor"
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativesvg.Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reactnativesvg.Path,
-    {
-      d: "m6 9 6 6 6-6",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
-ChevronDownIcon.displayName = "XAUI.Select.ChevronDownIcon";
-
-// src/components/select/select-indicator.tsx
-
 function SelectIndicator({
-  as = ChevronDownIcon,
+  as = _chunk4KFKWBN5cjs.ChevronDownIcon,
   ...props
 }) {
   const { indicatorStyle, isOpen } = useSelect();
   const progress = _reactnativereanimated.useSharedValue.call(void 0, isOpen ? 1 : 0);
   _react.useEffect.call(void 0, () => {
-    progress.set(_reactnativereanimated.withSpring.call(void 0, isOpen ? 1 : 0, INDICATOR_SPRING));
+    progress.set(_reactnativereanimated.withSpring.call(void 0, isOpen ? 1 : 0, _chunkEKS3W46Mcjs.INDICATOR_SPRING));
   }, [isOpen, progress]);
   const rotation = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
     transform: [
       {
-        rotate: `${_reactnativereanimated.interpolate.call(void 0, progress.get(), [0, 1], [INDICATOR_ROTATION[0], INDICATOR_ROTATION[1]])}deg`
+        rotate: `${_reactnativereanimated.interpolate.call(void 0, progress.get(), [0, 1], [_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0], _chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])}deg`
       }
     ]
   }));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, { style: [indicatorStyle, rotation], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7B3UBUC6cjs.Icon, { as, ...props }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, { style: [indicatorStyle, rotation], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4KFKWBN5cjs.Icon, { as, ...props }) });
 }
 SelectIndicator.displayName = "XAUI.Select.Indicator";
 
@@ -406,7 +298,7 @@ SelectItemDescription.displayName = "XAUI.Select.ItemDescription";
 
 
 // src/components/select/check-icon.tsx
-
+var _reactnativesvg = require('react-native-svg');
 
 function CheckIcon({
   size = 20,
@@ -434,7 +326,7 @@ function SelectItemIndicator({
 }) {
   const { itemIndicatorStyle, checkColor } = useSelect();
   const { isSelected } = useSelectItem();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { style: itemIndicatorStyle, children: isSelected ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7B3UBUC6cjs.Icon, { as, color: _nullishCoalesce(color, () => ( checkColor)), ...props }) : null });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { style: itemIndicatorStyle, children: isSelected ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4KFKWBN5cjs.Icon, { as, color: _nullishCoalesce(color, () => ( checkColor)), ...props }) : null });
 }
 SelectItemIndicator.displayName = "XAUI.Select.ItemIndicator";
 
@@ -474,8 +366,8 @@ var SelectOverlay = _react.forwardRef.call(void 0,
       AnimatedPressable,
       {
         ref,
-        entering: overlayEntering,
-        exiting: overlayExiting,
+        entering: _chunkEKS3W46Mcjs.overlayEntering,
+        exiting: _chunkEKS3W46Mcjs.overlayExiting,
         accessibilityRole: "none",
         importantForAccessibility: "no",
         onPress: isDismissable ? close : void 0,
@@ -517,15 +409,15 @@ var SelectTrigger = _react.forwardRef.call(void 0,
     const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
     const node = _react.useRef.call(void 0, null);
-    const refs = _react.useMemo.call(void 0, () => _chunkH4E4HDEPcjs.mergeRefs.call(void 0, node, ref), [ref]);
+    const refs = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, node, ref);
     const measure = _react.useCallback.call(void 0, () => {
-      _optionalChain([node, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.measureInWindow, 'call', _7 => _7((x, y, width, height) => {
+      _optionalChain([node, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.measureInWindow, 'call', _5 => _5((x, y, width, height) => {
         setAnchor({ x, y, width, height });
       })]);
     }, [setAnchor]);
     const handleLayout = _react.useCallback.call(void 0, 
       (event) => {
-        _optionalChain([onLayout, 'optionalCall', _8 => _8(event)]);
+        _optionalChain([onLayout, 'optionalCall', _6 => _6(event)]);
         measure();
       },
       [measure, onLayout]
@@ -535,14 +427,14 @@ var SelectTrigger = _react.forwardRef.call(void 0,
     }, [isOpen, measure]);
     const handlePress = _react.useCallback.call(void 0, 
       (event) => {
-        _optionalChain([onPress, 'optionalCall', _9 => _9(event)]);
+        _optionalChain([onPress, 'optionalCall', _7 => _7(event)]);
         measure();
         toggle();
       },
       [measure, onPress, toggle]
     );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7B3UBUC6cjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDRMT346Wcjs.PressableFeedback,
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4KFKWBN5cjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkTGMVEHV7cjs.PressableFeedback,
       {
         ref: refs,
         isPressed,
@@ -601,22 +493,6 @@ SelectValue.displayName = "XAUI.Select.Value";
 
 // src/components/select/select.hook.ts
 
-function useControllableState({
-  value,
-  defaultValue,
-  onChange
-}) {
-  const isControlled = _react.useRef.call(void 0, value !== void 0).current;
-  const [uncontrolled, setUncontrolled] = _react.useState.call(void 0, defaultValue);
-  const set = _react.useCallback.call(void 0, 
-    (next) => {
-      if (!isControlled) setUncontrolled(next);
-      _optionalChain([onChange, 'optionalCall', _10 => _10(next)]);
-    },
-    [isControlled, onChange]
-  );
-  return [isControlled ? value : uncontrolled, set];
-}
 function useLabelRegistry() {
   const labels = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
   const [, force] = _react.useState.call(void 0, 0);
@@ -869,12 +745,12 @@ function Select({
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
   const { labelFor, registerLabel } = useLabelRegistry();
   const [anchor, setAnchor] = _react.useState.call(void 0, null);
-  const [value, setValue] = useControllableState({
+  const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
     value: controlledValue,
     defaultValue,
     onChange: onValueChange
   });
-  const [isOpen = false, setOpen] = useControllableState({
+  const [isOpen, setOpen] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
     value: controlledOpen,
     defaultValue: defaultOpen,
     onChange: onOpenChange
@@ -911,7 +787,7 @@ function Select({
   const context = _react.useMemo.call(void 0, () => {
     const indicator = _reactnative.StyleSheet.flatten([
       styles.indicator,
-      _optionalChain([tint, 'optionalAccess', _11 => _11.indicator])
+      _optionalChain([tint, 'optionalAccess', _8 => _8.indicator])
     ]);
     const itemLabel = _reactnative.StyleSheet.flatten([styles.itemLabel]);
     const tintedPlaceholder = tint ? _reactnative.StyleSheet.flatten([tint.value]).color : void 0;
@@ -1002,5 +878,4 @@ var Select2 = Object.assign(Select, {
 
 
 
-
-exports.useSelect = useSelect; exports.useSelectItem = useSelectItem; exports.SelectItemLabel = SelectItemLabel; exports.SelectItem = SelectItem; exports.SelectContent = SelectContent; exports.ChevronDownIcon = ChevronDownIcon; exports.SelectIndicator = SelectIndicator; exports.SelectItemDescription = SelectItemDescription; exports.CheckIcon = CheckIcon; exports.SelectItemIndicator = SelectItemIndicator; exports.SelectLabel = SelectLabel; exports.SelectOverlay = SelectOverlay; exports.SelectTrigger = SelectTrigger; exports.SelectValue = SelectValue; exports.selectRecipe = selectRecipe; exports.Select = Select; exports.Select2 = Select2;
+exports.useSelect = useSelect; exports.useSelectItem = useSelectItem; exports.SelectItemLabel = SelectItemLabel; exports.SelectItem = SelectItem; exports.SelectContent = SelectContent; exports.SelectIndicator = SelectIndicator; exports.SelectItemDescription = SelectItemDescription; exports.CheckIcon = CheckIcon; exports.SelectItemIndicator = SelectItemIndicator; exports.SelectLabel = SelectLabel; exports.SelectOverlay = SelectOverlay; exports.SelectTrigger = SelectTrigger; exports.SelectValue = SelectValue; exports.selectRecipe = selectRecipe; exports.Select = Select; exports.Select2 = Select2;

package/dist/{chunk-54FJOKAN.cjs → chunk-7GHM4GKL.cjs}

@@ -2,8 +2,31 @@
 
 var _chunkH4E4HDEPcjs = require('./chunk-H4E4HDEP.cjs');
 
-// src/system/slot/create-slot-context.ts
+// src/system/slot/children-to-string.ts
 var _react = require('react');
+function childrenToString(children) {
+  const text = stringify(children);
+  return text === null || text === "" ? null : text;
+}
+function stringify(node) {
+  if (node === null || node === void 0 || typeof node === "boolean") return "";
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return String(node);
+  if (_react.isValidElement.call(void 0, node)) return null;
+  if (Array.isArray(node)) {
+    let text = "";
+    for (const child of node) {
+      const part = stringify(child);
+      if (part === null) return null;
+      text += part;
+    }
+    return text;
+  }
+  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`;
@@ -88,32 +111,9 @@ function refOf(element) {
   return _nullishCoalesce(fromProps, () => ( fromElement));
 }
 
-// src/system/slot/children-to-string.ts
-
-function childrenToString(children) {
-  const text = stringify(children);
-  return text === null || text === "" ? null : text;
-}
-function stringify(node) {
-  if (node === null || node === void 0 || typeof node === "boolean") return "";
-  if (typeof node === "string") return node;
-  if (typeof node === "number") return String(node);
-  if (_react.isValidElement.call(void 0, node)) return null;
-  if (Array.isArray(node)) {
-    let text = "";
-    for (const child of node) {
-      const part = stringify(child);
-      if (part === null) return null;
-      text += part;
-    }
-    return text;
-  }
-  return null;
-}
-
 
 
 
 
 
-exports.createSlotContext = createSlotContext; exports.mergeProps = mergeProps; exports.Slot = Slot; exports.childrenToString = childrenToString;
+exports.childrenToString = childrenToString; exports.createSlotContext = createSlotContext; exports.mergeProps = mergeProps; exports.Slot = Slot;