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

package/dist/chunk-6DOLGZVV.cjs

@@ -0,0 +1,147 @@
+"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 _chunkJ3MB4PI5cjs = require('./chunk-J3MB4PI5.cjs');
+
+
+var _chunk4KFKWBN5cjs = require('./chunk-4KFKWBN5.cjs');
+
+
+
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
+
+
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/field-group/field-group-field.tsx
+var _react = require('react');
+
+// src/components/field-group/field-group.context.ts
+var [FieldGroupProvider, useFieldGroup] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "FieldGroup");
+
+// src/components/field-group/field-group.utils.ts
+function decoratorPadding(prefixWidth, suffixWidth) {
+  const paddingStart = prefixWidth > 0 ? prefixWidth : void 0;
+  const paddingEnd = suffixWidth > 0 ? suffixWidth : void 0;
+  if (paddingStart === void 0 && paddingEnd === void 0) return void 0;
+  return { paddingStart, paddingEnd };
+}
+
+// src/components/field-group/field-group-field.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var FieldGroupField = _react.forwardRef.call(void 0, 
+  function FieldGroupField2({ style, ...props }, ref) {
+    const { prefixWidth, suffixWidth } = useFieldGroup();
+    const padding = _react.useMemo.call(void 0, 
+      () => decoratorPadding(prefixWidth, suffixWidth),
+      [prefixWidth, suffixWidth]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ3MB4PI5cjs.TextFieldField, { ref, ...props, style: [padding, style] });
+  }
+);
+FieldGroupField.displayName = "XAUI.FieldGroup.Field";
+
+// src/components/field-group/field-group-icon.tsx
+
+function FieldGroupIcon({ size, color, ...rest }) {
+  const { icon } = _chunkJ3MB4PI5cjs.useTextField.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4KFKWBN5cjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
+}
+FieldGroupIcon.displayName = "XAUI.FieldGroup.Icon";
+
+// src/components/field-group/field-group-prefix.tsx
+
+
+// src/components/field-group/field-group-decorator.tsx
+
+var _reactnative = require('react-native');
+
+var FieldGroupDecorator = _react.forwardRef.call(void 0, 
+  function FieldGroupDecorator2({ side, children, isDecorative = false, onLayout, style, ...props }, ref) {
+    const { prefixStyle, suffixStyle, isDisabled } = _chunkJ3MB4PI5cjs.useTextField.call(void 0, );
+    const { setPrefixWidth, setSuffixWidth } = useFieldGroup();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const report = side === "prefix" ? setPrefixWidth : setSuffixWidth;
+    const handleLayout = _react.useCallback.call(void 0, 
+      (event) => {
+        report(event.nativeEvent.layout.width);
+        _optionalChain([onLayout, 'optionalCall', _ => _(event)]);
+      },
+      [report, onLayout]
+    );
+    const isInert = isDecorative || isDisabled;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.View,
+      {
+        ref,
+        accessibilityElementsHidden: isDecorative || void 0,
+        importantForAccessibility: isDecorative ? "no-hide-descendants" : void 0,
+        pointerEvents: isInert ? "none" : void 0,
+        ...rest,
+        style: [side === "prefix" ? prefixStyle : suffixStyle, styleProps, style],
+        onLayout: handleLayout,
+        children
+      }
+    );
+  }
+);
+FieldGroupDecorator.displayName = "XAUI.FieldGroup.Decorator";
+
+// src/components/field-group/field-group-prefix.tsx
+
+var FieldGroupPrefix = _react.forwardRef.call(void 0, 
+  function FieldGroupPrefix2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldGroupDecorator, { ref, side: "prefix", ...props });
+  }
+);
+FieldGroupPrefix.displayName = "XAUI.FieldGroup.Prefix";
+
+// src/components/field-group/field-group-suffix.tsx
+
+
+var FieldGroupSuffix = _react.forwardRef.call(void 0, 
+  function FieldGroupSuffix2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldGroupDecorator, { ref, side: "suffix", ...props });
+  }
+);
+FieldGroupSuffix.displayName = "XAUI.FieldGroup.Suffix";
+
+// src/components/field-group/field-group.tsx
+
+
+
+var FieldGroupRoot = _react.forwardRef.call(void 0, function FieldGroup({ children, asChild = false, style, ...props }, ref) {
+  const [styleProps, rest] = _chunkTK44VBIEcjs.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, 
+    () => ({ prefixWidth, suffixWidth, setPrefixWidth, setSuffixWidth }),
+    [prefixWidth, suffixWidth]
+  );
+  const rootStyle = [styleProps, style];
+  const surface = asChild ? (
+    // R12 — the caller's element *is* the row.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7GHM4GKLcjs.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, FieldGroupProvider, { value: context, children: surface });
+});
+FieldGroupRoot.displayName = "XAUI.FieldGroup.Root";
+
+// src/components/field-group/index.ts
+var FieldGroup2 = Object.assign(FieldGroupRoot, {
+  Prefix: FieldGroupPrefix,
+  Field: FieldGroupField,
+  Suffix: FieldGroupSuffix,
+  Icon: FieldGroupIcon
+});
+
+
+
+
+
+
+
+
+
+
+exports.useFieldGroup = useFieldGroup; exports.decoratorPadding = decoratorPadding; exports.FieldGroupField = FieldGroupField; exports.FieldGroupIcon = FieldGroupIcon; exports.FieldGroupPrefix = FieldGroupPrefix; exports.FieldGroupSuffix = FieldGroupSuffix; exports.FieldGroupRoot = FieldGroupRoot; exports.FieldGroup = FieldGroup2;

package/dist/chunk-6L2TS2R3.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 _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/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] = _chunkTK44VBIEcjs.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 ? _chunk7GHM4GKLcjs.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;