@xaui/native 0.9.1-alpha.9 → 0.9.1-alpha.91

package/dist/chunk-WIX4SYZI.cjs

@@ -0,0 +1,599 @@
+"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 _chunkNADCILBLcjs = require('./chunk-NADCILBL.cjs');
+
+
+var _chunkAXKDHX5Vcjs = require('./chunk-AXKDHX5V.cjs');
+
+
+var _chunkWLWZG2PAcjs = require('./chunk-WLWZG2PA.cjs');
+
+
+var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
+
+
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+
+
+
+
+var _chunkGSZDN6EZcjs = require('./chunk-GSZDN6EZ.cjs');
+
+
+var _chunkFHNIGHN5cjs = require('./chunk-FHNIGHN5.cjs');
+
+
+
+var _chunkSL3V7R2Ycjs = require('./chunk-SL3V7R2Y.cjs');
+
+
+
+var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
+
+
+var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
+
+
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/dummy-field/dummy-field-description.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/dummy-field/dummy-field.context.ts
+var [DummyFieldProvider, useDummyField] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "DummyField");
+
+// src/components/dummy-field/dummy-field-description.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var DummyFieldDescription = _react.forwardRef.call(void 0, 
+  function DummyFieldDescription2({ children, style, nativeID, ...props }, ref) {
+    const { descriptionStyle, descriptionId } = useDummyField();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        nativeID: _nullishCoalesce(nativeID, () => ( descriptionId)),
+        style: [descriptionStyle, styleProps, style],
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DummyFieldDescription.displayName = "XAUI.DummyField.Description";
+
+// src/components/dummy-field/dummy-field-error.tsx
+
+
+
+var DummyFieldError = _react.forwardRef.call(void 0, 
+  function DummyFieldError2({ children, style, nativeID, ...props }, ref) {
+    const { errorStyle, descriptionId } = useDummyField();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        nativeID: _nullishCoalesce(nativeID, () => ( descriptionId)),
+        style: [errorStyle, styleProps, style],
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DummyFieldError.displayName = "XAUI.DummyField.Error";
+
+// src/components/dummy-field/dummy-field-field.tsx
+
+
+// src/components/dummy-field/dummy-field-value.tsx
+
+
+
+var DummyFieldValue = _react.forwardRef.call(void 0, 
+  function DummyFieldValue2({ placeholder, children, numberOfLines = 1, style, ...props }, ref) {
+    const { valueStyle, placeholderStyle } = useDummyField();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const text = _chunkFHNIGHN5cjs.childrenToString.call(void 0, children);
+    const content = text !== null ? text : children;
+    const isEmpty = content === void 0 || content === null || content === "";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        numberOfLines,
+        ...rest,
+        style: [valueStyle, isEmpty && placeholderStyle, styleProps, style],
+        children: isEmpty ? placeholder : content
+      }
+    );
+  }
+);
+DummyFieldValue.displayName = "XAUI.DummyField.Value";
+
+// src/components/dummy-field/dummy-field-field.tsx
+
+var DummyFieldField = _react.forwardRef.call(void 0, 
+  function DummyFieldField2({
+    children,
+    value,
+    placeholder,
+    asChild = false,
+    accessibilityRole = "button",
+    accessibilityState,
+    style,
+    onPressIn,
+    onPressOut,
+    onPress,
+    ...props
+  }, ref) {
+    const {
+      fieldStyle,
+      fieldPressedStyle,
+      glyph,
+      isDisabled,
+      isInvalid,
+      labelId,
+      descriptionId,
+      onPress: rootOnPress
+    } = useDummyField();
+    const group = _chunkNADCILBLcjs.useOptionalFieldGroup.call(void 0, );
+    const padding = _react.useMemo.call(void 0, 
+      () => _chunkNADCILBLcjs.decoratorPadding.call(void 0, _nullishCoalesce(_optionalChain([group, 'optionalAccess', _ => _.prefixWidth]), () => ( 0)), _nullishCoalesce(_optionalChain([group, 'optionalAccess', _2 => _2.suffixWidth]), () => ( 0))),
+      [_optionalChain([group, 'optionalAccess', _3 => _3.prefixWidth]), _optionalChain([group, 'optionalAccess', _4 => _4.suffixWidth])]
+    );
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
+    const handlePress = _react.useCallback.call(void 0, 
+      (event) => {
+        _optionalChain([onPress, 'optionalCall', _5 => _5(event)]);
+        _optionalChain([rootOnPress, 'optionalCall', _6 => _6(event)]);
+      },
+      [onPress, rootOnPress]
+    );
+    const stringChild = _chunkFHNIGHN5cjs.childrenToString.call(void 0, children);
+    let content;
+    if (asChild) {
+      content = children;
+    } else if (children !== void 0 && stringChild === null) {
+      content = children;
+    } else if (stringChild !== null) {
+      content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DummyFieldValue, { placeholder, children: stringChild });
+    } else {
+      content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DummyFieldValue, { placeholder, children: value });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkOW4N2C3Mcjs.PressableFeedback,
+      {
+        ref,
+        isPressed,
+        isDisabled,
+        asChild,
+        accessibilityRole,
+        accessibilityState: {
+          disabled: isDisabled,
+          ...accessibilityState
+        },
+        "aria-labelledby": labelId,
+        "aria-describedby": descriptionId,
+        "aria-invalid": isInvalid || void 0,
+        ...rest,
+        style: [
+          fieldStyle,
+          isPressed && fieldPressedStyle,
+          padding,
+          styleProps,
+          typeof style === "function" ? style({ pressed: isPressed }) : style
+        ],
+        onPress: handlePress,
+        onPressIn: press.onPressIn,
+        onPressOut: press.onPressOut,
+        children: content
+      }
+    ) });
+  }
+);
+DummyFieldField.displayName = "XAUI.DummyField.Field";
+
+// src/components/dummy-field/dummy-field-indicator.tsx
+
+
+
+var DummyFieldIndicator = _react.forwardRef.call(void 0, 
+  function DummyFieldIndicator2({ as = _chunkGSZDN6EZcjs.ChevronDownIcon, children, style, ...props }, ref) {
+    const { indicatorStyle } = useDummyField();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [indicatorStyle, styleProps, style], ...rest, children: children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, { children }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, { as }) });
+  }
+);
+DummyFieldIndicator.displayName = "XAUI.DummyField.Indicator";
+
+// src/components/dummy-field/dummy-field-label.tsx
+
+
+
+var DummyFieldLabel = _react.forwardRef.call(void 0, 
+  function DummyFieldLabel2({ children, style, nativeID, ...props }, ref) {
+    const { labelStyle, labelId } = useDummyField();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        nativeID: _nullishCoalesce(nativeID, () => ( labelId)),
+        style: [labelStyle, styleProps, style],
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DummyFieldLabel.displayName = "XAUI.DummyField.Label";
+
+// src/components/dummy-field/dummy-field.tsx
+
+
+
+// src/components/dummy-field/dummy-field.recipe.ts
+var SLOTS = [
+  "root",
+  "label",
+  "field",
+  "value",
+  "placeholder",
+  "indicator",
+  "description",
+  "error",
+  "prefix",
+  "suffix",
+  "icon"
+];
+var VARIANT_TOKENS = {
+  primary: {
+    bg: "fieldBackground",
+    border: "fieldBorder",
+    borderFocus: "fieldBorderFocus",
+    fg: "fieldForeground"
+  },
+  secondary: {
+    bg: "default",
+    border: "fieldBorder",
+    borderFocus: "fieldBorderFocus",
+    fg: "fieldForeground"
+  },
+  tertiary: {
+    border: "fieldBorder",
+    borderFocus: "fieldBorderFocus",
+    fg: "fieldForeground"
+  },
+  ghost: { borderFocus: "fieldBorderFocus", fg: "fieldForeground" }
+};
+var LABEL_INSET = 1.5;
+var LABEL_INSIDE_TOP = 1.5;
+var SIZES = {
+  xs: {
+    control: "xs",
+    padding: 2.5,
+    gap: 0.75,
+    indicatorGap: 2,
+    field: "sm",
+    label: "sm",
+    help: "xs",
+    glyph: "md",
+    labelInside: "xs"
+  },
+  sm: {
+    control: "sm",
+    padding: 3,
+    gap: 0.75,
+    indicatorGap: 2.5,
+    field: "md",
+    label: "sm",
+    help: "xs",
+    glyph: "lg",
+    labelInside: "xs"
+  },
+  md: {
+    control: "md",
+    padding: 3,
+    gap: 1.25,
+    indicatorGap: 3,
+    field: "md",
+    label: "md",
+    help: "sm",
+    glyph: "lg",
+    labelInside: "xs"
+  },
+  lg: {
+    control: "lg",
+    padding: 4,
+    gap: 1.75,
+    indicatorGap: 3,
+    field: "lg",
+    label: "lg",
+    help: "md",
+    glyph: "xl",
+    labelInside: "sm"
+  }
+};
+function sizeAxis(step) {
+  const { control, padding, gap, indicatorGap, field, label, help, glyph } = step;
+  return (theme) => {
+    const inset = { paddingHorizontal: theme.spacing(LABEL_INSET) };
+    const helpType = {
+      fontSize: theme.fontSizes[help],
+      lineHeight: theme.lineHeights[help]
+    };
+    const valueType = {
+      fontSize: theme.fontSizes[field],
+      lineHeight: theme.lineHeights[field]
+    };
+    const decorator = {
+      paddingHorizontal: theme.spacing(padding),
+      gap: theme.spacing(padding)
+    };
+    return {
+      root: { gap: theme.spacing(gap) },
+      label: {
+        ...inset,
+        fontSize: theme.fontSizes[label],
+        lineHeight: theme.lineHeights[label]
+      },
+      field: {
+        height: theme.controlHeights[control],
+        paddingHorizontal: theme.spacing(padding),
+        gap: theme.spacing(indicatorGap)
+      },
+      value: valueType,
+      placeholder: valueType,
+      indicator: { fontSize: theme.fontSizes[glyph] },
+      description: { ...inset, ...helpType },
+      error: { ...inset, ...helpType },
+      prefix: decorator,
+      suffix: decorator,
+      icon: { fontSize: theme.fontSizes[glyph] }
+    };
+  };
+}
+function insideLabel(step) {
+  const { control, padding, field, labelInside } = step;
+  return (theme) => {
+    const top = theme.spacing(LABEL_INSIDE_TOP);
+    const block = top + theme.lineHeights[labelInside];
+    return {
+      label: {
+        position: "absolute",
+        top,
+        start: theme.spacing(padding),
+        paddingHorizontal: 0,
+        fontSize: theme.fontSizes[labelInside],
+        lineHeight: theme.lineHeights[labelInside]
+      },
+      field: {
+        height: Math.max(
+          block + theme.lineHeights[field] + top,
+          theme.controlHeights[control]
+        ),
+        paddingTop: block,
+        paddingBottom: top
+      }
+    };
+  };
+}
+var dummyFieldRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: (theme) => ({
+    root: { flexDirection: "column" },
+    label: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium
+    },
+    field: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      borderWidth: theme.borderWidth.field,
+      borderRadius: theme.radius.field,
+      borderCurve: "continuous"
+    },
+    value: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.regular,
+      flexShrink: 1
+    },
+    placeholder: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.regular,
+      color: theme.colors.fieldPlaceholder,
+      flexShrink: 1
+    },
+    indicator: {
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    description: {
+      fontFamily: theme.fontFamilies.body,
+      color: theme.colors.muted
+    },
+    error: {
+      fontFamily: theme.fontFamilies.body,
+      color: theme.colors.danger
+    },
+    prefix: { ..._chunkWLWZG2PAcjs.decoratorBox.call(void 0, theme), start: 0 },
+    suffix: { ..._chunkWLWZG2PAcjs.decoratorBox.call(void 0, theme), end: 0 },
+    icon: { color: theme.colors.fieldPlaceholder }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (theme, colors) => ({
+    field: {
+      backgroundColor: colors.bg,
+      borderColor: colors.border,
+      borderWidth: colors.border ? theme.borderWidth.field : 0
+    },
+    value: { color: colors.fg },
+    label: { color: theme.colors.foreground },
+    indicator: { color: theme.colors.fieldPlaceholder }
+  }),
+  variants: {
+    size: {
+      xs: sizeAxis(SIZES.xs),
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    },
+    radius: _chunkSL3V7R2Ycjs.radiusAxis.call(void 0, "field"),
+    labelPlacement: {
+      outside: () => ({}),
+      inside: () => ({})
+    },
+    isInvalid: {
+      true: (theme) => ({
+        field: { borderColor: theme.colors.danger },
+        label: { color: theme.colors.danger },
+        description: { color: theme.colors.danger }
+      })
+    }
+  },
+  compoundVariants: [
+    {
+      when: { variant: "primary" },
+      style: (theme) => ({ field: theme.shadows.field })
+    },
+    { when: { size: "xs", labelPlacement: "inside" }, style: insideLabel(SIZES.xs) },
+    { when: { size: "sm", labelPlacement: "inside" }, style: insideLabel(SIZES.sm) },
+    { when: { size: "md", labelPlacement: "inside" }, style: insideLabel(SIZES.md) },
+    { when: { size: "lg", labelPlacement: "inside" }, style: insideLabel(SIZES.lg) }
+  ],
+  states: {
+    pressed: (theme) => ({
+      field: { backgroundColor: theme.colors.fieldPressed }
+    }),
+    disabled: (theme) => ({ root: { opacity: theme.opacity.disabled } })
+  },
+  defaultVariants: { variant: "secondary", size: "md", labelPlacement: "outside" }
+});
+
+// src/components/dummy-field/dummy-field.tsx
+
+var noop = () => {
+};
+var DummyFieldRoot = _react.forwardRef.call(void 0, function DummyField({
+  children,
+  variant = "secondary",
+  size = "md",
+  radius,
+  labelPlacement = "outside",
+  color,
+  isInvalid = false,
+  isDisabled = false,
+  onPress,
+  asChild = false,
+  style,
+  ...props
+}, ref) {
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0, );
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const id = _react.useId.call(void 0, );
+  const labelId = `${id}-label`;
+  const descriptionId = `${id}-description`;
+  const selection = {
+    variant,
+    size,
+    radius,
+    labelPlacement,
+    isInvalid: isInvalid ? "true" : void 0
+  };
+  const styles = dummyFieldRecipe.resolve({
+    theme,
+    selection,
+    states: { disabled: isDisabled }
+  });
+  const pressed = dummyFieldRecipe.resolve({
+    theme,
+    selection,
+    states: { pressed: true }
+  });
+  const tint = color ? dummyFieldRecipe.tint({
+    theme,
+    color,
+    selection,
+    states: { disabled: isDisabled }
+  }) : void 0;
+  const context = _react.useMemo.call(void 0, () => {
+    const indicator = _reactnative.StyleSheet.flatten(styles.indicator);
+    const glyph = {
+      size: indicator.fontSize,
+      color: typeof indicator.color === "string" ? indicator.color : void 0
+    };
+    return {
+      fieldStyle: tint ? [styles.field, tint.field] : styles.field,
+      fieldPressedStyle: pressed.field,
+      valueStyle: tint ? [styles.value, tint.value] : styles.value,
+      placeholderStyle: styles.placeholder,
+      indicatorStyle: styles.indicator,
+      glyph,
+      labelStyle: styles.label,
+      descriptionStyle: styles.description,
+      errorStyle: styles.error,
+      labelId,
+      descriptionId,
+      isDisabled,
+      isInvalid,
+      onPress
+    };
+  }, [styles, pressed, tint, labelId, descriptionId, isDisabled, isInvalid, onPress]);
+  const textFieldContext = _react.useMemo.call(void 0, () => {
+    const icon = _reactnative.StyleSheet.flatten(styles.icon);
+    const placeholder = _reactnative.StyleSheet.flatten(styles.placeholder);
+    return {
+      labelStyle: styles.label,
+      fieldStyle: styles.field,
+      textAreaStyle: [],
+      textArea: { lineHeight: 0, paddingVertical: 0 },
+      descriptionStyle: styles.description,
+      errorStyle: styles.error,
+      prefixStyle: styles.prefix,
+      suffixStyle: styles.suffix,
+      icon: {
+        size: icon.fontSize,
+        color: typeof icon.color === "string" ? icon.color : void 0
+      },
+      placeholderTextColor: typeof placeholder.color === "string" ? placeholder.color : void 0,
+      onFieldFocus: noop,
+      onFieldBlur: noop,
+      labelId,
+      descriptionId,
+      isDisabled,
+      isInvalid
+    };
+  }, [styles, labelId, descriptionId, isDisabled, isInvalid]);
+  const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _7 => _7.root]), styleProps, style];
+  const surface = asChild ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDRGTUYFcjs.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, _chunkAXKDHX5Vcjs.TextFieldProvider, { value: textFieldContext, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DummyFieldProvider, { value: context, children: surface }) });
+});
+DummyFieldRoot.displayName = "XAUI.DummyField.Root";
+
+// src/components/dummy-field/index.ts
+var DummyField2 = Object.assign(DummyFieldRoot, {
+  Label: DummyFieldLabel,
+  Field: DummyFieldField,
+  Value: DummyFieldValue,
+  Indicator: DummyFieldIndicator,
+  Description: DummyFieldDescription,
+  Error: DummyFieldError
+});
+
+
+
+
+
+
+
+
+
+
+
+exports.useDummyField = useDummyField; exports.DummyFieldDescription = DummyFieldDescription; exports.DummyFieldError = DummyFieldError; exports.DummyFieldValue = DummyFieldValue; exports.DummyFieldField = DummyFieldField; exports.DummyFieldIndicator = DummyFieldIndicator; exports.DummyFieldLabel = DummyFieldLabel; exports.DummyFieldRoot = DummyFieldRoot; exports.DummyField = DummyField2;