@cdx-ui/components 0.0.1-alpha.1

package/README.md

@@ -0,0 +1,34 @@
+# @cdx-ui/components
+
+Styled, theme-aware UI components for the Candescent Design System.
+
+Built on top of [`@cdx-ui/primitives`](../primitives/) and [`@cdx-ui/tokens`](../tokens/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style).
+
+## Installation
+
+```bash
+pnpm add @cdx-ui/components
+```
+
+### Peer dependencies
+
+- `react` >= 18.0.0
+- `react-native` >= 0.74.0 _(optional — for native targets)_
+- `react-native-web` >= 0.19.0 _(optional — for web targets)_
+- `uniwind` >= 1.3.0 _(optional — for styled usage)_
+
+## Usage
+
+```tsx
+import { Button } from '@cdx-ui/components';
+
+export function Example() {
+  return (
+    <Button variant="solid" color="primary" size="md" onPress={() => console.log('pressed')}>
+      <Button.Label>Get Started</Button.Label>
+    </Button>
+  );
+}
+```
+
+Component stories live in [`apps/storybook`](../../apps/storybook/).

package/lib/commonjs/components/Box/Box.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Box = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _WrapStringChild = require("../../utils/WrapStringChild");
+var _jsxRuntime = require("react/jsx-runtime");
+const Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(({
+  style,
+  className,
+  children,
+  textProps,
+  ...restProps
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    style: style,
+    className: className,
+    ...restProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_WrapStringChild.WrapStringChild, {
+      textProps: textProps,
+      children: children
+    })
+  });
+});
+Box.displayName = 'Box';
+//# sourceMappingURL=Box.js.map

package/lib/commonjs/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_WrapStringChild","_jsxRuntime","Box","exports","forwardRef","style","className","children","textProps","restProps","ref","jsx","View","WrapStringChild","displayName"],"sourceRoot":"../../../../src","sources":["components/Box/Box.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAQvD,MAAMI,GAAG,GAAAC,OAAA,CAAAD,GAAA,gBAAG,IAAAE,iBAAU,EAC3B,CAAC;EAAEC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAuB,KAAK;EACpF,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACF,GAAG,EAAEA,GAAI;IAACL,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAAA,GAAKG,SAAS;IAAAF,QAAA,eAC/D,IAAAN,WAAA,CAAAU,GAAA,EAACX,gBAAA,CAAAa,eAAe;MAACL,SAAS,EAAEA,SAAU;MAAAD,QAAA,EAAEA;IAAQ,CAAkB;EAAC,CAC/D,CAAC;AAEX,CACF,CAAC;AAEDL,GAAG,CAACY,WAAW,GAAG,KAAK","ignoreList":[]}

package/lib/commonjs/components/Box/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Box = require("./Box");
+Object.keys(_Box).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Box[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Box[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Box","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/Box/index.ts"],"mappings":";;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,IAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,IAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,IAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/Button/index.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const SCOPE = 'BUTTON';
+const Root = (0, _utils.withStyleContext)(_reactNative.Pressable, SCOPE);
+const useButtonStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
+const ButtonPrimitive = (0, _primitives.createButton)({
+  Root,
+  Text: _reactNative.Text,
+  Group: _reactNative.View,
+  Spinner: _reactNative.ActivityIndicator,
+  Icon: _reactNative.View
+});
+
+// =============================================================================
+// STYLED ROOT COMPONENT
+// =============================================================================
+
+const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  variant = 'solid',
+  color = 'primary',
+  size = 'md',
+  fullWidth = false,
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.buttonRootVariants)({
+    variant,
+    color,
+    size,
+    fullWidth
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    context: {
+      variant,
+      color,
+      size,
+      fullWidth
+    },
+    ...props,
+    children: children
+  });
+});
+ButtonRoot.displayName = 'Button';
+
+// =============================================================================
+// STYLED TEXT COMPONENT
+// =============================================================================
+
+const ButtonLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    variant,
+    color,
+    size
+  } = useButtonStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.buttonTextVariants)({
+    variant,
+    color,
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Text, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+ButtonLabel.displayName = 'Button.Label';
+const ButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  flexDirection = 'row',
+  isAttached,
+  ...props
+}, ref) => {
+  const groupClassName = (0, _utils.cn)((0, _styles.buttonGroupVariants)({
+    flexDirection,
+    isAttached: !!isAttached
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Group, {
+    ref: ref,
+    className: groupClassName,
+    style: [{
+      flexDirection
+    }, style],
+    isAttached: isAttached,
+    ...props,
+    children: children
+  });
+});
+ButtonGroup.displayName = 'Button.Group';
+const ButtonIcon = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Icon, {
+    ref: ref,
+    className: className,
+    style: style,
+    ...props
+  });
+});
+ButtonIcon.displayName = 'Button.Icon';
+const ButtonSpinner = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  colorClassName,
+  style,
+  ...props
+}, ref) => {
+  const {
+    variant,
+    color
+  } = useButtonStyleContext();
+  const computedColorClassName = (0, _utils.cn)((0, _styles.buttonSpinnerVariants)({
+    variant,
+    color
+  }), colorClassName);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Spinner, {
+    ref: ref,
+    className: className,
+    colorClassName: computedColorClassName,
+    style: style,
+    ...props
+  });
+});
+ButtonSpinner.displayName = 'Button.Spinner';
+const Button = exports.Button = Object.assign(ButtonRoot, {
+  Label: ButtonLabel,
+  Group: ButtonGroup,
+  Icon: ButtonIcon,
+  Spinner: ButtonSpinner
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","Pressable","useButtonStyleContext","useStyleContext","ButtonPrimitive","createButton","Text","Group","View","Spinner","ActivityIndicator","Icon","ButtonRoot","forwardRef","variant","color","size","fullWidth","className","children","style","props","ref","computedClassName","cn","buttonRootVariants","jsx","context","displayName","ButtonLabel","buttonTextVariants","ButtonGroup","flexDirection","isAttached","groupClassName","buttonGroupVariants","ButtonIcon","ButtonSpinner","colorClassName","computedColorClassName","buttonSpinnerVariants","Button","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Button/styles.js

@@ -0,0 +1,312 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buttonTextVariants = exports.buttonSpinnerVariants = exports.buttonRootVariants = exports.buttonGroupVariants = void 0;
+var _reactNative = require("react-native");
+var _classVarianceAuthority = require("class-variance-authority");
+// TODO: Split into 2 files
+// TODO: Create cva wrapper
+
+const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center', 'rounded-md', 'transition-colors duration-150',
+// TODO: Transition not working on mobile
+'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-ring data-[focus-visible=true]:ring-offset-2 data-[focus-visible=true]:ring-offset-bg'], {
+  variants: {
+    variant: {
+      solid: [],
+      subtle: [],
+      outline: ['bg-transparent border border-border', 'data-[hover=true]:bg-surface', 'data-[active=true]:bg-surface-raised'],
+      ghost: ['bg-transparent', 'data-[hover=true]:bg-surface', 'data-[active=true]:bg-surface-raised']
+    },
+    color: {
+      primary: [],
+      secondary: [],
+      success: [],
+      danger: []
+    },
+    size: {
+      sm: 'h-8 px-3 gap-1.5',
+      md: 'h-10 px-4 gap-2',
+      lg: 'h-12 px-6 gap-2.5'
+    },
+    fullWidth: {
+      true: 'w-full',
+      false: ''
+    }
+  },
+  compoundVariants: [{
+    variant: 'solid',
+    color: 'primary',
+    className: ['bg-blue-500', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-blue-700',
+      web: 'data-[hover=true]:bg-blue-600 data-[active=true]:data-[hover=true]:bg-blue-700'
+    })]
+  }, {
+    variant: 'solid',
+    color: 'secondary',
+    className: ['bg-amber-500', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-amber-700',
+      web: 'data-[hover=true]:bg-amber-600 data-[active=true]:data-[hover=true]:bg-amber-700'
+    })]
+  }, {
+    variant: 'solid',
+    color: 'success',
+    className: ['bg-green-500', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-green-700',
+      web: 'data-[hover=true]:bg-green-600 data-[active=true]:data-[hover=true]:bg-green-700'
+    })]
+  }, {
+    variant: 'solid',
+    color: 'danger',
+    className: ['bg-red-500', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-red-700',
+      web: 'data-[hover=true]:bg-red-600 data-[active=true]:data-[hover=true]:bg-red-700'
+    })]
+  }, {
+    variant: 'subtle',
+    color: 'primary',
+    className: ['bg-blue-100', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-blue-200',
+      web: 'data-[hover=true]:bg-blue-200 data-[active=true]:data-[hover=true]:bg-blue-300'
+    })]
+  }, {
+    variant: 'subtle',
+    color: 'secondary',
+    className: ['bg-amber-200', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-amber-300',
+      web: 'data-[hover=true]:bg-amber-300 data-[active=true]:data-[hover=true]:bg-amber-400'
+    })]
+  }, {
+    variant: 'subtle',
+    color: 'success',
+    className: ['bg-green-200', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-green-300',
+      web: 'data-[hover=true]:bg-green-300 data-[active=true]:data-[hover=true]:bg-green-400'
+    })]
+  }, {
+    variant: 'subtle',
+    color: 'danger',
+    className: ['bg-red-200', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-red-300',
+      web: 'data-[hover=true]:bg-red-300 data-[active=true]:data-[hover=true]:bg-red-400'
+    })]
+  }, {
+    variant: 'outline',
+    color: 'primary',
+    className: ['border-blue-500', _reactNative.Platform.select({
+      default: 'data-[active=true]:border-blue-700 data-[active=true]:bg-blue-100',
+      web: 'data-[hover=true]:border-blue-600 data-[hover=true]:bg-blue-100 data-[active=true]:data-[hover=true]:border-blue-700 data-[active=true]:data-[hover=true]:bg-blue-200'
+    })]
+  }, {
+    variant: 'outline',
+    color: 'secondary',
+    className: ['border-amber-500', _reactNative.Platform.select({
+      default: 'data-[active=true]:border-amber-700 data-[active=true]:bg-amber-50',
+      web: 'data-[hover=true]:border-amber-600 data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:border-amber-700 data-[active=true]:data-[hover=true]:bg-amber-100'
+    })]
+  }, {
+    variant: 'outline',
+    color: 'success',
+    className: ['border-green-500', _reactNative.Platform.select({
+      default: 'data-[active=true]:border-green-700 data-[active=true]:bg-green-100',
+      web: 'data-[hover=true]:border-green-600 data-[hover=true]:bg-green-100 data-[active=true]:data-[hover=true]:border-green-700 data-[active=true]:data-[hover=true]:bg-green-200'
+    })]
+  }, {
+    variant: 'outline',
+    color: 'danger',
+    className: ['border-red-500', _reactNative.Platform.select({
+      default: 'data-[active=true]:border-red-700 data-[active=true]:bg-red-100',
+      web: 'data-[hover=true]:border-red-600 data-[hover=true]:bg-red-100 data-[active=true]:data-[hover=true]:border-red-700 data-[active=true]:data-[hover=true]:bg-red-200'
+    })]
+  }, {
+    variant: 'ghost',
+    color: 'primary',
+    className: ['bg-transparent', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-blue-100',
+      web: 'data-[hover=true]:bg-blue-50 data-[active=true]:data-[hover=true]:bg-blue-100'
+    })]
+  }, {
+    variant: 'ghost',
+    color: 'secondary',
+    className: ['bg-transparent', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-amber-100',
+      web: 'data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:bg-amber-100'
+    })]
+  }, {
+    variant: 'ghost',
+    color: 'success',
+    className: ['bg-transparent', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-green-100',
+      web: 'data-[hover=true]:bg-green-50 data-[active=true]:data-[hover=true]:bg-green-100'
+    })]
+  }, {
+    variant: 'ghost',
+    color: 'danger',
+    className: ['bg-transparent', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-red-100',
+      web: 'data-[hover=true]:bg-red-50 data-[active=true]:data-[hover=true]:bg-red-100'
+    })]
+  }],
+  defaultVariants: {
+    variant: 'solid',
+    color: 'primary',
+    size: 'md',
+    fullWidth: false
+  }
+});
+const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthority.cva)(['font-medium', 'text-center'], {
+  variants: {
+    variant: {
+      solid: 'text-white',
+      subtle: [],
+      outline: [],
+      ghost: []
+    },
+    color: {
+      primary: [],
+      secondary: [],
+      success: [],
+      danger: []
+    },
+    size: {
+      sm: 'text-sm',
+      md: 'text-base',
+      lg: 'text-lg'
+    }
+  },
+  compoundVariants: [{
+    variant: 'subtle',
+    color: 'primary',
+    className: 'text-blue-950'
+  }, {
+    variant: 'subtle',
+    color: 'secondary',
+    className: 'text-amber-950'
+  }, {
+    variant: 'subtle',
+    color: 'success',
+    className: 'text-green-950'
+  }, {
+    variant: 'subtle',
+    color: 'danger',
+    className: 'text-red-950'
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'primary',
+    className: ['text-blue-500', _reactNative.Platform.select({
+      default: 'data-[active=true]:text-blue-700',
+      web: 'data-[hover=true]:text-blue-600 data-[active=true]:data-[hover=true]:text-blue-700'
+    })]
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'secondary',
+    className: ['text-amber-600', _reactNative.Platform.select({
+      default: 'data-[active=true]:text-amber-800',
+      web: 'data-[hover=true]:text-amber-700 data-[active=true]:data-[hover=true]:text-amber-800'
+    })]
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'success',
+    className: ['text-green-600', _reactNative.Platform.select({
+      default: 'data-[active=true]:text-green-800',
+      web: 'data-[hover=true]:text-green-700 data-[active=true]:data-[hover=true]:text-green-800'
+    })]
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'danger',
+    className: ['text-red-500', _reactNative.Platform.select({
+      default: 'data-[active=true]:text-red-700',
+      web: 'data-[hover=true]:text-red-600 data-[active=true]:data-[hover=true]:text-red-700'
+    })]
+  }],
+  defaultVariants: {
+    variant: 'solid',
+    color: 'primary',
+    size: 'md'
+  }
+});
+const buttonSpinnerVariants = exports.buttonSpinnerVariants = (0, _classVarianceAuthority.cva)([], {
+  variants: {
+    variant: {
+      solid: 'accent-white',
+      subtle: [],
+      outline: [],
+      ghost: []
+    },
+    color: {
+      primary: [],
+      secondary: [],
+      success: [],
+      danger: []
+    }
+  },
+  compoundVariants: [{
+    variant: 'subtle',
+    color: 'primary',
+    className: 'accent-blue-950'
+  }, {
+    variant: 'subtle',
+    color: 'secondary',
+    className: 'accent-amber-950'
+  }, {
+    variant: 'subtle',
+    color: 'success',
+    className: 'accent-green-950'
+  }, {
+    variant: 'subtle',
+    color: 'danger',
+    className: 'accent-red-950'
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'primary',
+    className: 'accent-blue-500'
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'secondary',
+    className: 'accent-amber-600'
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'success',
+    className: 'accent-green-600'
+  }, {
+    variant: ['outline', 'ghost'],
+    color: 'danger',
+    className: 'accent-red-500'
+  }],
+  defaultVariants: {
+    variant: 'solid',
+    color: 'primary'
+  }
+});
+const buttonGroupVariants = exports.buttonGroupVariants = (0, _classVarianceAuthority.cva)([], {
+  variants: {
+    flexDirection: {
+      row: _reactNative.Platform.select({
+        web: 'flex-row',
+        default: ''
+      }),
+      column: _reactNative.Platform.select({
+        web: 'flex-col',
+        default: ''
+      }),
+      'row-reverse': _reactNative.Platform.select({
+        web: 'flex-row-reverse',
+        default: ''
+      }),
+      'column-reverse': _reactNative.Platform.select({
+        web: 'flex-col-reverse',
+        default: ''
+      })
+    },
+    isAttached: {
+      true: 'gap-0',
+      false: 'gap-2'
+    }
+  },
+  defaultVariants: {
+    flexDirection: 'row',
+    isAttached: false
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/Button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","buttonRootVariants","exports","cva","variants","variant","solid","subtle","outline","ghost","color","primary","secondary","success","danger","size","sm","md","lg","fullWidth","true","false","compoundVariants","className","Platform","select","default","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Input/BaseInput.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseInput", {
+  enumerable: true,
+  get: function () {
+    return _reactNative.TextInput;
+  }
+});
+var _reactNative = require("react-native");
+//# sourceMappingURL=BaseInput.js.map

package/lib/commonjs/components/Input/BaseInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require"],"sourceRoot":"../../../../src","sources":["components/Input/BaseInput.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/Input/BaseInput.web.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const BaseInput = exports.BaseInput = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  if (props.type === 'file') {
+    return /*#__PURE__*/_react.default.createElement('input', {
+      ref,
+      type: 'file',
+      accept: props.accept || undefined,
+      multiple: props.multiple || undefined,
+      capture: props.capture || undefined,
+      disabled: props.disabled || undefined,
+      'aria-label': props['aria-label'],
+      'aria-required': props['aria-required'] || undefined,
+      'aria-invalid': props['aria-invalid'] || undefined,
+      'aria-disabled': props['aria-disabled'] || undefined,
+      onChange: e => {
+        const files = e.target.files;
+        if (files && props.onFiles) {
+          props.onFiles(Array.from(files));
+        }
+      },
+      onFocus: props.onFocus,
+      onBlur: props.onBlur,
+      style: {
+        flex: 1,
+        minWidth: 0,
+        border: 'none',
+        outline: 'none',
+        background: 'transparent',
+        cursor: props.disabled ? 'not-allowed' : 'pointer',
+        fontSize: 'inherit',
+        fontFamily: 'inherit'
+      }
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+    ref: ref,
+    ...props
+  });
+});
+BaseInput.displayName = 'BaseInput';
+//# sourceMappingURL=BaseInput.web.js.map

package/lib/commonjs/components/Input/BaseInput.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BaseInput","exports","forwardRef","props","ref","type","React","createElement","accept","undefined","multiple","capture","disabled","onChange","files","target","onFiles","Array","from","onFocus","onBlur","style","flex","minWidth","border","outline","background","cursor","fontSize","fontFamily","jsx","TextInput","displayName"],"sourceRoot":"../../../../src","sources":["components/Input/BaseInput.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAyC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElC,MAAMkB,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EAAW,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5D,IAAID,KAAK,CAACE,IAAI,KAAK,MAAM,EAAE;IACzB,oBAAOC,cAAK,CAACC,aAAa,CAAC,OAAO,EAAE;MAClCH,GAAG;MACHC,IAAI,EAAE,MAAM;MACZG,MAAM,EAAEL,KAAK,CAACK,MAAM,IAAIC,SAAS;MACjCC,QAAQ,EAAEP,KAAK,CAACO,QAAQ,IAAID,SAAS;MACrCE,OAAO,EAAER,KAAK,CAACQ,OAAO,IAAIF,SAAS;MACnCG,QAAQ,EAAET,KAAK,CAACS,QAAQ,IAAIH,SAAS;MACrC,YAAY,EAAEN,KAAK,CAAC,YAAY,CAAC;MACjC,eAAe,EAAEA,KAAK,CAAC,eAAe,CAAC,IAAIM,SAAS;MACpD,cAAc,EAAEN,KAAK,CAAC,cAAc,CAAC,IAAIM,SAAS;MAClD,eAAe,EAAEN,KAAK,CAAC,eAAe,CAAC,IAAIM,SAAS;MACpDI,QAAQ,EAAGhC,CAAM,IAAK;QACpB,MAAMiC,KAAK,GAAGjC,CAAC,CAACkC,MAAM,CAACD,KAAK;QAC5B,IAAIA,KAAK,IAAIX,KAAK,CAACa,OAAO,EAAE;UAC1Bb,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,IAAI,CAACJ,KAAK,CAAC,CAAC;QAClC;MACF,CAAC;MACDK,OAAO,EAAEhB,KAAK,CAACgB,OAAO;MACtBC,MAAM,EAAEjB,KAAK,CAACiB,MAAM;MACpBC,KAAK,EAAE;QACLC,IAAI,EAAE,CAAC;QACPC,QAAQ,EAAE,CAAC;QACXC,MAAM,EAAE,MAAM;QACdC,OAAO,EAAE,MAAM;QACfC,UAAU,EAAE,aAAa;QACzBC,MAAM,EAAExB,KAAK,CAACS,QAAQ,GAAG,aAAa,GAAG,SAAS;QAClDgB,QAAQ,EAAE,SAAS;QACnBC,UAAU,EAAE;MACd;IACF,CAAC,CAAC;EACJ;EAEA,oBAAO,IAAAjD,WAAA,CAAAkD,GAAA,EAACnD,YAAA,CAAAoD,SAAS;IAAC3B,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AAC3C,CAAC,CAAC;AAEFH,SAAS,CAACgC,WAAW,GAAG,WAAW","ignoreList":[]}