@xaui/native 0.1.4 → 0.2.0

package/dist/input-trigger/index.cjs

@@ -1,8 +1,197 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"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 _chunk43I45LX7cjs = require('../chunk-43I45LX7.cjs');
+
+
+
+
+var _chunkZH6ZSV2Qcjs = require('../chunk-ZH6ZSV2Q.cjs');
 require('../chunk-56RPWZD2.cjs');
-require('../chunk-RZJFCDFS.cjs');
 
 
-exports.InputTrigger = _chunk43I45LX7cjs.InputTrigger;
+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,9 +1,11 @@
 import React from 'react';
-import { I as InputTriggerProps } from '../input-trigger.type-BL70fHE9.cjs';
-export { e as InputTriggerCustomAppearance, a as InputTriggerEvents, d as InputTriggerLabelPlacement, c as InputTriggerSize, b as InputTriggerVariant } from '../input-trigger.type-BL70fHE9.cjs';
+import { I as InputTriggerProps, F as FileInputTriggerProps } from '../input-trigger.type-By_1ZjKd.cjs';
+export { f as FileInputTriggerCustomAppearance, e as InputTriggerCustomAppearance, a as InputTriggerEvents, d as InputTriggerLabelPlacement, c as InputTriggerSize, b as InputTriggerVariant } from '../input-trigger.type-By_1ZjKd.cjs';
 import 'react-native';
 import '../index-DyU3sW3_.cjs';
 
 declare const InputTrigger: React.FC<InputTriggerProps>;
 
-export { InputTrigger, InputTriggerProps };
+declare const FileInputTrigger: React.FC<FileInputTriggerProps>;
+
+export { FileInputTrigger, FileInputTriggerProps, InputTrigger, InputTriggerProps };

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

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

package/dist/input-trigger/index.js

@@ -1,8 +1,197 @@
 import {
-  InputTrigger
-} from "../chunk-M6A23KUM.js";
+  InputTrigger,
+  styles,
+  useInputTriggerRadiusStyles,
+  useInputTriggerSizeStyles,
+  useInputTriggerVariantStyles
+} from "../chunk-A45TVXU5.js";
 import "../chunk-SHBDANQN.js";
-import "../chunk-LVNBYERF.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-BL70fHE9.d.cts → input-trigger.type-By_1ZjKd.d.cts}

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { StyleProp, ViewStyle, TextStyle } from 'react-native';
 import { T as ThemeColor, R as Radius } from './index-DyU3sW3_.cjs';
 
-type InputTriggerVariant = 'flat' | 'faded' | 'bordered' | 'underlined';
+type InputTriggerVariant = 'colored' | 'light' | 'bordered' | 'underlined';
 type InputTriggerSize = 'sm' | 'md' | 'lg';
 type InputTriggerLabelPlacement = 'outside' | 'inside';
 type InputTriggerCustomAppearance = {
@@ -54,7 +54,7 @@ type InputTriggerProps = {
     themeColor?: ThemeColor;
     /**
      * Visual style variant.
-     * @default 'flat'
+     * @default 'colored'
      */
     variant?: InputTriggerVariant;
     /**
@@ -93,5 +93,88 @@ type InputTriggerEvents = {
      */
     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 { InputTriggerProps as I, InputTriggerEvents as a, InputTriggerVariant as b, InputTriggerSize as c, InputTriggerLabelPlacement as d, InputTriggerCustomAppearance as e };
+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 };

package/dist/{input-trigger.type-BODYStHk.d.ts → input-trigger.type-DlSqg2eG.d.ts}

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { StyleProp, ViewStyle, TextStyle } from 'react-native';
 import { T as ThemeColor, R as Radius } from './index-DyU3sW3_.js';
 
-type InputTriggerVariant = 'flat' | 'faded' | 'bordered' | 'underlined';
+type InputTriggerVariant = 'colored' | 'light' | 'bordered' | 'underlined';
 type InputTriggerSize = 'sm' | 'md' | 'lg';
 type InputTriggerLabelPlacement = 'outside' | 'inside';
 type InputTriggerCustomAppearance = {
@@ -54,7 +54,7 @@ type InputTriggerProps = {
     themeColor?: ThemeColor;
     /**
      * Visual style variant.
-     * @default 'flat'
+     * @default 'colored'
      */
     variant?: InputTriggerVariant;
     /**
@@ -93,5 +93,88 @@ type InputTriggerEvents = {
      */
     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 { InputTriggerProps as I, InputTriggerEvents as a, InputTriggerVariant as b, InputTriggerSize as c, InputTriggerLabelPlacement as d, InputTriggerCustomAppearance as e };
+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 };