@xaui/native 0.2.8 → 0.9.1-alpha.1

package/dist/input-trigger/index.cjs

@@ -1,197 +0,0 @@
-"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 _chunkZH6ZSV2Qcjs = require('../chunk-ZH6ZSV2Q.cjs');
-require('../chunk-56RPWZD2.cjs');
-
-
-var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
-
-// src/components/input-trigger/file-input-trigger.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _core = require('@xaui/core');
-var _reactnative = require('react-native');
-
-// src/components/input-trigger/file-input-plus-icon.tsx
-
-var _reactnativesvg = require('react-native-svg'); var _reactnativesvg2 = _interopRequireDefault(_reactnativesvg);
-var FileInputPlusIcon = ({
-  size = 16,
-  color = "#111827"
-}) => {
-  return /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(
-    _reactnativesvg.Path,
-    {
-      d: "M12 5v14M5 12h14",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    }
-  ));
-};
-
-// src/components/input-trigger/file-input-trigger.tsx
-var iconContainerSizeMap = {
-  sm: 28,
-  md: 32,
-  lg: 36
-};
-var dropzoneMinHeightMap = {
-  sm: 88,
-  md: 104,
-  lg: 120
-};
-var FileInputTrigger = ({
-  value,
-  placeholder = "Select files",
-  label,
-  labelPlacement = "outside",
-  description,
-  errorMessage,
-  themeColor = "primary",
-  variant = "colored",
-  size = "md",
-  radius = "md",
-  isDisabled = false,
-  isInvalid = false,
-  fullWidth = false,
-  centerContent,
-  selectedContent,
-  customAppearance,
-  onPress
-}) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const sizeStyles = _chunkZH6ZSV2Qcjs.useInputTriggerSizeStyles.call(void 0, size);
-  const radiusStyles = _chunkZH6ZSV2Qcjs.useInputTriggerRadiusStyles.call(void 0, radius);
-  const variantStyles = _chunkZH6ZSV2Qcjs.useInputTriggerVariantStyles.call(void 0, {
-    themeColor,
-    variant,
-    isInvalid,
-    isDisabled
-  });
-  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const hasValue = value !== void 0 && value !== null && value !== "";
-  const hasSelectedContent = selectedContent !== void 0 && selectedContent !== null;
-  const helperText = isInvalid && errorMessage ? errorMessage : description;
-  const iconContainerSize = iconContainerSizeMap[size];
-  const dropzoneMinHeight = dropzoneMinHeightMap[size];
-  const borderColor = _nullishCoalesce(variantStyles.container.borderColor, () => ( _core.withOpacity.call(void 0, theme.colors.foreground, 0.24)));
-  const borderWidth = _nullishCoalesce(_nullishCoalesce(variantStyles.container.borderWidth, () => ( variantStyles.container.borderBottomWidth)), () => ( theme.borderWidth.md));
-  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Text,
-    {
-      style: [
-        _chunkZH6ZSV2Qcjs.styles.label,
-        {
-          color: variantStyles.labelColor,
-          fontSize: sizeStyles.labelSize
-        },
-        _optionalChain([customAppearance, 'optionalAccess', _ => _.label])
-      ]
-    },
-    label
-  ) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, label) : null;
-  const resolvedContent = centerContent ? centerContent : hasValue ? value : placeholder;
-  const shapeStyles = {
-    minHeight: dropzoneMinHeight,
-    borderRadius: variant === "underlined" ? 0 : radiusStyles.borderRadius
-  };
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.View,
-    {
-      style: [
-        _chunkZH6ZSV2Qcjs.styles.container,
-        !fullWidth && _chunkZH6ZSV2Qcjs.styles.noFullWidth,
-        isDisabled && _chunkZH6ZSV2Qcjs.styles.disabled,
-        _optionalChain([customAppearance, 'optionalAccess', _2 => _2.container])
-      ]
-    },
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [_chunkZH6ZSV2Qcjs.styles.inputContainer, _optionalChain([customAppearance, 'optionalAccess', _3 => _3.inputContainer])] }, label && labelPlacement === "outside" && renderLabel, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Pressable,
-      {
-        onPress: isDisabled ? void 0 : onPress,
-        disabled: isDisabled,
-        accessibilityRole: "button"
-      },
-      /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.View,
-        {
-          style: [
-            _chunkZH6ZSV2Qcjs.styles.fileTrigger,
-            {
-              paddingHorizontal: sizeStyles.paddingHorizontal,
-              paddingVertical: sizeStyles.paddingVertical,
-              gap: sizeStyles.slotGap,
-              backgroundColor: variantStyles.container.backgroundColor,
-              borderStyle: "dashed",
-              borderColor,
-              borderWidth
-            },
-            shapeStyles,
-            variant === "underlined" && _chunkZH6ZSV2Qcjs.styles.underlinedWrapper,
-            _optionalChain([customAppearance, 'optionalAccess', _4 => _4.inputWrapper])
-          ]
-        },
-        label && labelPlacement === "inside" && renderLabel,
-        hasSelectedContent ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _chunkZH6ZSV2Qcjs.styles.fileSelectedContent }, selectedContent) : /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(
-          _reactnative.View,
-          {
-            style: [
-              _chunkZH6ZSV2Qcjs.styles.filePlusButton,
-              {
-                width: iconContainerSize,
-                height: iconContainerSize,
-                borderRadius: iconContainerSize / 2,
-                backgroundColor: _core.withOpacity.call(void 0, colorScheme.main, 0.14)
-              },
-              _optionalChain([customAppearance, 'optionalAccess', _5 => _5.plusButton])
-            ]
-          },
-          /* @__PURE__ */ _react2.default.createElement(
-            FileInputPlusIcon,
-            {
-              size: Math.round(iconContainerSize * 0.5),
-              color: colorScheme.main
-            }
-          )
-        ), typeof resolvedContent === "string" || typeof resolvedContent === "number" ? /* @__PURE__ */ _react2.default.createElement(
-          _reactnative.Text,
-          {
-            numberOfLines: 2,
-            style: [
-              _chunkZH6ZSV2Qcjs.styles.fileContent,
-              {
-                color: hasValue ? variantStyles.textColor : variantStyles.placeholderColor,
-                fontSize: sizeStyles.fontSize
-              },
-              _optionalChain([customAppearance, 'optionalAccess', _6 => _6.content])
-            ]
-          },
-          resolvedContent
-        ) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _chunkZH6ZSV2Qcjs.styles.fileCustomContent }, resolvedContent))
-      )
-    )),
-    helperText ? typeof helperText === "string" || typeof helperText === "number" ? /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Text,
-      {
-        style: [
-          _chunkZH6ZSV2Qcjs.styles.helperText,
-          {
-            color: variantStyles.helperColor,
-            fontSize: sizeStyles.helperSize
-          },
-          _optionalChain([customAppearance, 'optionalAccess', _7 => _7.helperText])
-        ]
-      },
-      helperText
-    ) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, helperText) : null
-  );
-};
-
-
-
-exports.FileInputTrigger = FileInputTrigger; exports.InputTrigger = _chunkZH6ZSV2Qcjs.InputTrigger;

package/dist/input-trigger/index.d.cts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { I as InputTriggerProps, F as FileInputTriggerProps } from '../input-trigger.type-Ba4bM3Qp.cjs';
-export { f as FileInputTriggerCustomAppearance, e as InputTriggerCustomAppearance, a as InputTriggerEvents, d as InputTriggerLabelPlacement, c as InputTriggerSize, b as InputTriggerVariant } from '../input-trigger.type-Ba4bM3Qp.cjs';
-import 'react-native';
-import '@xaui/core/types';
-
-declare const InputTrigger: React.FC<InputTriggerProps>;
-
-declare const FileInputTrigger: React.FC<FileInputTriggerProps>;
-
-export { FileInputTrigger, FileInputTriggerProps, InputTrigger, InputTriggerProps };

package/dist/input-trigger/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { I as InputTriggerProps, F as FileInputTriggerProps } from '../input-trigger.type-Ba4bM3Qp.js';
-export { f as FileInputTriggerCustomAppearance, e as InputTriggerCustomAppearance, a as InputTriggerEvents, d as InputTriggerLabelPlacement, c as InputTriggerSize, b as InputTriggerVariant } from '../input-trigger.type-Ba4bM3Qp.js';
-import 'react-native';
-import '@xaui/core/types';
-
-declare const InputTrigger: React.FC<InputTriggerProps>;
-
-declare const FileInputTrigger: React.FC<FileInputTriggerProps>;
-
-export { FileInputTrigger, FileInputTriggerProps, InputTrigger, InputTriggerProps };

package/dist/input-trigger/index.js

@@ -1,197 +0,0 @@
-import {
-  InputTrigger,
-  styles,
-  useInputTriggerRadiusStyles,
-  useInputTriggerSizeStyles,
-  useInputTriggerVariantStyles
-} from "../chunk-A45TVXU5.js";
-import "../chunk-SHBDANQN.js";
-import {
-  useXUITheme
-} from "../chunk-RBSA4NH4.js";
-
-// src/components/input-trigger/file-input-trigger.tsx
-import React2 from "react";
-import { getSafeThemeColor, withOpacity } from "@xaui/core";
-import { Pressable, Text, View } from "react-native";
-
-// src/components/input-trigger/file-input-plus-icon.tsx
-import React from "react";
-import Svg, { Path } from "react-native-svg";
-var FileInputPlusIcon = ({
-  size = 16,
-  color = "#111827"
-}) => {
-  return /* @__PURE__ */ React.createElement(Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React.createElement(
-    Path,
-    {
-      d: "M12 5v14M5 12h14",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    }
-  ));
-};
-
-// src/components/input-trigger/file-input-trigger.tsx
-var iconContainerSizeMap = {
-  sm: 28,
-  md: 32,
-  lg: 36
-};
-var dropzoneMinHeightMap = {
-  sm: 88,
-  md: 104,
-  lg: 120
-};
-var FileInputTrigger = ({
-  value,
-  placeholder = "Select files",
-  label,
-  labelPlacement = "outside",
-  description,
-  errorMessage,
-  themeColor = "primary",
-  variant = "colored",
-  size = "md",
-  radius = "md",
-  isDisabled = false,
-  isInvalid = false,
-  fullWidth = false,
-  centerContent,
-  selectedContent,
-  customAppearance,
-  onPress
-}) => {
-  const theme = useXUITheme();
-  const sizeStyles = useInputTriggerSizeStyles(size);
-  const radiusStyles = useInputTriggerRadiusStyles(radius);
-  const variantStyles = useInputTriggerVariantStyles({
-    themeColor,
-    variant,
-    isInvalid,
-    isDisabled
-  });
-  const safeThemeColor = getSafeThemeColor(themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const hasValue = value !== void 0 && value !== null && value !== "";
-  const hasSelectedContent = selectedContent !== void 0 && selectedContent !== null;
-  const helperText = isInvalid && errorMessage ? errorMessage : description;
-  const iconContainerSize = iconContainerSizeMap[size];
-  const dropzoneMinHeight = dropzoneMinHeightMap[size];
-  const borderColor = variantStyles.container.borderColor ?? withOpacity(theme.colors.foreground, 0.24);
-  const borderWidth = variantStyles.container.borderWidth ?? variantStyles.container.borderBottomWidth ?? theme.borderWidth.md;
-  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ React2.createElement(
-    Text,
-    {
-      style: [
-        styles.label,
-        {
-          color: variantStyles.labelColor,
-          fontSize: sizeStyles.labelSize
-        },
-        customAppearance?.label
-      ]
-    },
-    label
-  ) : /* @__PURE__ */ React2.createElement(View, null, label) : null;
-  const resolvedContent = centerContent ? centerContent : hasValue ? value : placeholder;
-  const shapeStyles = {
-    minHeight: dropzoneMinHeight,
-    borderRadius: variant === "underlined" ? 0 : radiusStyles.borderRadius
-  };
-  return /* @__PURE__ */ React2.createElement(
-    View,
-    {
-      style: [
-        styles.container,
-        !fullWidth && styles.noFullWidth,
-        isDisabled && styles.disabled,
-        customAppearance?.container
-      ]
-    },
-    /* @__PURE__ */ React2.createElement(View, { style: [styles.inputContainer, customAppearance?.inputContainer] }, label && labelPlacement === "outside" && renderLabel, /* @__PURE__ */ React2.createElement(
-      Pressable,
-      {
-        onPress: isDisabled ? void 0 : onPress,
-        disabled: isDisabled,
-        accessibilityRole: "button"
-      },
-      /* @__PURE__ */ React2.createElement(
-        View,
-        {
-          style: [
-            styles.fileTrigger,
-            {
-              paddingHorizontal: sizeStyles.paddingHorizontal,
-              paddingVertical: sizeStyles.paddingVertical,
-              gap: sizeStyles.slotGap,
-              backgroundColor: variantStyles.container.backgroundColor,
-              borderStyle: "dashed",
-              borderColor,
-              borderWidth
-            },
-            shapeStyles,
-            variant === "underlined" && styles.underlinedWrapper,
-            customAppearance?.inputWrapper
-          ]
-        },
-        label && labelPlacement === "inside" && renderLabel,
-        hasSelectedContent ? /* @__PURE__ */ React2.createElement(View, { style: styles.fileSelectedContent }, selectedContent) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
-          View,
-          {
-            style: [
-              styles.filePlusButton,
-              {
-                width: iconContainerSize,
-                height: iconContainerSize,
-                borderRadius: iconContainerSize / 2,
-                backgroundColor: withOpacity(colorScheme.main, 0.14)
-              },
-              customAppearance?.plusButton
-            ]
-          },
-          /* @__PURE__ */ React2.createElement(
-            FileInputPlusIcon,
-            {
-              size: Math.round(iconContainerSize * 0.5),
-              color: colorScheme.main
-            }
-          )
-        ), typeof resolvedContent === "string" || typeof resolvedContent === "number" ? /* @__PURE__ */ React2.createElement(
-          Text,
-          {
-            numberOfLines: 2,
-            style: [
-              styles.fileContent,
-              {
-                color: hasValue ? variantStyles.textColor : variantStyles.placeholderColor,
-                fontSize: sizeStyles.fontSize
-              },
-              customAppearance?.content
-            ]
-          },
-          resolvedContent
-        ) : /* @__PURE__ */ React2.createElement(View, { style: styles.fileCustomContent }, resolvedContent))
-      )
-    )),
-    helperText ? typeof helperText === "string" || typeof helperText === "number" ? /* @__PURE__ */ React2.createElement(
-      Text,
-      {
-        style: [
-          styles.helperText,
-          {
-            color: variantStyles.helperColor,
-            fontSize: sizeStyles.helperSize
-          },
-          customAppearance?.helperText
-        ]
-      },
-      helperText
-    ) : /* @__PURE__ */ React2.createElement(View, null, helperText) : null
-  );
-};
-export {
-  FileInputTrigger,
-  InputTrigger
-};

package/dist/input-trigger.type-Ba4bM3Qp.d.cts

@@ -1,180 +0,0 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { ThemeColor, Radius } from '@xaui/core/types';
-
-type InputTriggerVariant = 'colored' | 'light' | 'bordered' | 'underlined';
-type InputTriggerSize = 'sm' | 'md' | 'lg';
-type InputTriggerLabelPlacement = 'outside' | 'inside';
-type InputTriggerCustomAppearance = {
-    container?: StyleProp<ViewStyle>;
-    inputContainer?: StyleProp<ViewStyle>;
-    inputWrapper?: StyleProp<ViewStyle>;
-    label?: StyleProp<TextStyle>;
-    content?: StyleProp<TextStyle>;
-    helperText?: StyleProp<TextStyle>;
-};
-type InputTriggerProps = {
-    /**
-     * Value displayed inside the trigger (acts as placeholder when no value).
-     */
-    value?: ReactNode;
-    /**
-     * Placeholder text shown when no value is set.
-     */
-    placeholder?: string;
-    /**
-     * Label displayed above or inside the trigger.
-     */
-    label?: ReactNode;
-    /**
-     * Position of the label relative to the trigger.
-     * @default 'outside'
-     */
-    labelPlacement?: InputTriggerLabelPlacement;
-    /**
-     * Helper text displayed below the trigger.
-     */
-    description?: ReactNode;
-    /**
-     * Error message displayed when isInvalid is true.
-     */
-    errorMessage?: ReactNode;
-    /**
-     * Content rendered at the start of the trigger.
-     */
-    startContent?: ReactNode;
-    /**
-     * Content rendered at the end of the trigger.
-     */
-    endContent?: ReactNode;
-    /**
-     * Theme color for focus and active states.
-     * @default 'primary'
-     */
-    themeColor?: ThemeColor;
-    /**
-     * Visual style variant.
-     * @default 'colored'
-     */
-    variant?: InputTriggerVariant;
-    /**
-     * Size of the trigger.
-     * @default 'md'
-     */
-    size?: InputTriggerSize;
-    /**
-     * Border radius of the trigger.
-     * @default 'md'
-     */
-    radius?: Radius;
-    /**
-     * Whether the trigger is disabled.
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the trigger is in an invalid state.
-     * @default false
-     */
-    isInvalid?: boolean;
-    /**
-     * Whether the component takes the full available width.
-     * @default true
-     */
-    fullWidth?: boolean;
-    /**
-     * Custom style overrides for trigger parts.
-     */
-    customAppearance?: InputTriggerCustomAppearance;
-} & InputTriggerEvents;
-type InputTriggerEvents = {
-    /**
-     * Called when the trigger is pressed.
-     */
-    onPress?: () => void;
-};
-type FileInputTriggerCustomAppearance = {
-    container?: StyleProp<ViewStyle>;
-    inputContainer?: StyleProp<ViewStyle>;
-    inputWrapper?: StyleProp<ViewStyle>;
-    plusButton?: StyleProp<ViewStyle>;
-    label?: StyleProp<TextStyle>;
-    content?: StyleProp<TextStyle>;
-    helperText?: StyleProp<TextStyle>;
-};
-type FileInputTriggerProps = {
-    /**
-     * Value rendered in the center content area.
-     */
-    value?: ReactNode;
-    /**
-     * Placeholder text shown when value is empty.
-     */
-    placeholder?: string;
-    /**
-     * Label displayed above or inside the trigger.
-     */
-    label?: ReactNode;
-    /**
-     * Position of the label relative to the trigger.
-     * @default 'outside'
-     */
-    labelPlacement?: InputTriggerLabelPlacement;
-    /**
-     * Optional helper text below the trigger.
-     */
-    description?: ReactNode;
-    /**
-     * Error text shown when isInvalid is true.
-     */
-    errorMessage?: ReactNode;
-    /**
-     * Theme color for the trigger.
-     * @default 'primary'
-     */
-    themeColor?: ThemeColor;
-    /**
-     * Visual style variant.
-     * @default 'colored'
-     */
-    variant?: InputTriggerVariant;
-    /**
-     * Size of the trigger.
-     * @default 'md'
-     */
-    size?: InputTriggerSize;
-    /**
-     * Border radius.
-     * @default 'md'
-     */
-    radius?: Radius;
-    /**
-     * Whether the trigger is disabled.
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the trigger is invalid.
-     * @default false
-     */
-    isInvalid?: boolean;
-    /**
-     * Whether the component takes full width.
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Optional fully custom center content.
-     */
-    centerContent?: ReactNode;
-    /**
-     * Content shown when a file is selected (for image/video preview).
-     */
-    selectedContent?: ReactNode;
-    /**
-     * Custom style overrides for file trigger parts.
-     */
-    customAppearance?: FileInputTriggerCustomAppearance;
-} & InputTriggerEvents;
-
-export type { FileInputTriggerProps as F, InputTriggerProps as I, InputTriggerEvents as a, InputTriggerVariant as b, InputTriggerSize as c, InputTriggerLabelPlacement as d, InputTriggerCustomAppearance as e, FileInputTriggerCustomAppearance as f };