rn-floating-input 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ilham Babayev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,252 @@
+# react-native-floating-input
+
+A performant floating label TextInput for React Native with animated label transitions, error shake animation, and full customization support.
+
+Built with `react-native-reanimated` for smooth 60fps animations. No styled-components dependency — uses plain `StyleSheet`.
+
+## Installation
+
+```bash
+npm install react-native-floating-input
+# or
+yarn add react-native-floating-input
+```
+
+### Peer Dependencies
+
+```bash
+npm install react-native-reanimated react-native-worklets
+```
+
+Make sure `react-native-reanimated` is properly configured in your project (babel plugin, etc).
+
+## Basic Usage
+
+```tsx
+import { FloatingInput } from 'react-native-floating-input'
+
+function MyForm() {
+  const [value, setValue] = useState('')
+
+  return (
+    <FloatingInput
+      label="Email"
+      value={value}
+      onChangeText={setValue}
+    />
+  )
+}
+```
+
+## With Validation
+
+```tsx
+<FloatingInput
+  label="Email"
+  value={values.email}
+  onChangeText={handleChange('email')}
+  onBlur={handleBlur('email')}
+  error={errors.email}
+  touched={touched.email}
+  keyboardType="email-address"
+  autoCapitalize="none"
+/>
+```
+
+When `touched` and `error` are both truthy, the error message renders below the input and a shake animation plays.
+
+## With Right Element
+
+```tsx
+<FloatingInput
+  label="Password"
+  value={password}
+  onChangeText={setPassword}
+  secureTextEntry={!showPassword}
+  right={
+    <Pressable onPress={() => setShowPassword(!showPassword)}>
+      <Icon name={showPassword ? 'eye-off' : 'eye'} />
+    </Pressable>
+  }
+/>
+```
+
+## Pressable Mode
+
+When `onPress` is provided, the input becomes a pressable area (useful for date pickers, dropdowns, etc):
+
+```tsx
+<FloatingInput
+  label="Date of Birth"
+  value={selectedDate}
+  onPress={() => openDatePicker()}
+/>
+```
+
+## Ref Methods
+
+```tsx
+const inputRef = useRef<FloatingInputRef>(null)
+
+<FloatingInput ref={inputRef} label="Name" value={name} onChangeText={setName} />
+
+// Later:
+inputRef.current?.focus()
+inputRef.current?.blur()
+inputRef.current?.clear()
+inputRef.current?.isFocused()
+```
+
+## Customization
+
+### Theme Prop
+
+Override default colors and sizes:
+
+```tsx
+<FloatingInput
+  label="Name"
+  value={name}
+  onChangeText={setName}
+  theme={{
+    backgroundColor: '#F0F0F0',
+    selectionColor: '#007AFF',
+    borderRadius: 8,
+    fontSize: 14,
+    fontFamily: 'Inter-Regular',
+  }}
+/>
+```
+
+
+| Token                 | Default   | Description                        |
+| --------------------- | --------- | ---------------------------------- |
+| `backgroundColor`     | `#EDEFF2` | Input container background         |
+| `labelColor`          | `#878A99` | Inactive label color               |
+| `inputColor`          | `#36373D` | Text input color                   |
+| `errorColor`          | `#E3152E` | Error label & message color        |
+| `selectionColor`      | `#31BE30` | Cursor and selection color         |
+| `placeholderColor`    | `#878A99` | Placeholder text color             |
+| `borderRadius`        | `14`      | Container border radius            |
+| `minHeight`           | `56`      | Container minimum height           |
+| `fontSize`            | `16`      | Input and inactive label font size |
+| `labelActiveFontSize` | `12`      | Active (raised) label font size    |
+| `fontFamily`          | `System`  | Font family for all text           |
+
+
+### Styles Prop
+
+Granular style overrides per element:
+
+```tsx
+<FloatingInput
+  label="Name"
+  value={name}
+  onChangeText={setName}
+  styles={{
+    inputContainer: { borderWidth: 1, borderColor: '#DDD' },
+    label: { fontWeight: '600' },
+    input: { letterSpacing: 0.5 },
+    error: { marginLeft: 16 },
+    right: { right: 16 },
+  }}
+/>
+```
+
+### Animation Config
+
+```tsx
+<FloatingInput
+  label="Name"
+  value={name}
+  onChangeText={setName}
+  animationConfig={{
+    labelDuration: 150,     // Label transition duration (ms)
+    shakeMagnitude: 4,      // Error shake distance (px)
+    shakeDuration: 40,      // Each shake step duration (ms)
+    labelTranslateY: 12,    // How far the label moves up (px)
+  }}
+/>
+```
+
+### Custom Input Renderer
+
+Replace the default `TextInput` entirely:
+
+```tsx
+<FloatingInput
+  label="Custom"
+  value={value}
+  onChangeText={setValue}
+  renderInput={(props) => <MyCustomInput {...props} />}
+/>
+```
+
+### TextInput Pass-through
+
+Pass any additional `TextInput` props via `textInputProps`:
+
+```tsx
+<FloatingInput
+  label="Bio"
+  value={bio}
+  onChangeText={setBio}
+  textInputProps={{
+    multiline: true,
+    numberOfLines: 4,
+    textAlignVertical: 'top',
+  }}
+/>
+```
+
+## Props
+
+
+| Prop              | Type                           | Default     | Description                              |
+| ----------------- | ------------------------------ | ----------- | ---------------------------------------- |
+| `value`           | `string`                       | —           | Input value                              |
+| `onChangeText`    | `(text: string) => void`       | —           | Change handler                           |
+| `onBlur`          | `() => void`                   | —           | Blur handler                             |
+| `onFocus`         | `() => void`                   | —           | Focus handler                            |
+| `onPress`         | `() => void`                   | —           | Makes input pressable (disables editing) |
+| `label`           | `string`                       | —           | Floating label text                      |
+| `placeholder`     | `string`                       | —           | Shown when label is active               |
+| `error`           | `string`                       | —           | Error message                            |
+| `touched`         | `boolean`                      | —           | Whether field has been touched           |
+| `maxLength`       | `number`                       | —           | Max input length                         |
+| `keyboardType`    | `KeyboardTypeOptions`          | `'default'` | Keyboard type                            |
+| `autoFocus`       | `boolean`                      | `false`     | Auto focus on mount                      |
+| `editable`        | `boolean`                      | `true`      | Whether input is editable                |
+| `autoCapitalize`  | `string`                       | —           | Auto-capitalization behavior             |
+| `secureTextEntry` | `boolean`                      | `false`     | Password mode                            |
+| `right`           | `ReactNode`                    | —           | Right slot element                       |
+| `renderInput`     | `(props) => ReactNode`         | —           | Custom input renderer                    |
+| `theme`           | `FloatingInputTheme`           | —           | Theme overrides                          |
+| `styles`          | `FloatingInputStyles`          | —           | Per-element style overrides              |
+| `style`           | `StyleProp<ViewStyle>`         | —           | Input container style shorthand          |
+| `animationConfig` | `FloatingInputAnimationConfig` | —           | Animation overrides                      |
+| `textInputProps`  | `TextInputProps`               | —           | Pass-through to underlying TextInput     |
+
+
+## Exports
+
+```tsx
+// Component
+import { FloatingInput } from 'react-native-floating-input'
+
+// Types
+import type {
+  FloatingInputProps,
+  FloatingInputRef,
+  FloatingInputTheme,
+  FloatingInputStyles,
+  FloatingInputAnimationConfig,
+} from 'react-native-floating-input'
+
+// Constants
+import { DEFAULT_THEME, DEFAULT_ANIMATION } from 'react-native-floating-input'
+```
+
+## License
+
+MIT

package/lib/commonjs/FloatingInput.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _defaults = require("./defaults");
+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 FloatingInput = exports.FloatingInput = /*#__PURE__*/_react.default.forwardRef(({
+  value,
+  onChangeText,
+  onBlur,
+  onFocus,
+  onPress,
+  label,
+  placeholder,
+  error,
+  touched,
+  maxLength,
+  keyboardType = "default",
+  autoFocus = false,
+  editable = true,
+  autoCapitalize,
+  secureTextEntry = false,
+  right,
+  renderInput,
+  theme: themeProp,
+  styles: stylesProp,
+  style,
+  animationConfig: animationProp,
+  textInputProps
+}, ref) => {
+  const inputRef = (0, _react.useRef)(null);
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const hasError = !!touched && !!error;
+  const theme = {
+    ..._defaults.DEFAULT_THEME,
+    ...themeProp
+  };
+  const anim = {
+    ..._defaults.DEFAULT_ANIMATION,
+    ...animationProp
+  };
+  const shouldBeActive = isFocused || !!value;
+  const focusAnim = (0, _reactNativeReanimated.useSharedValue)(value ? 1 : 0);
+  const shakeAnim = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    focus: () => inputRef.current?.focus(),
+    blur: () => inputRef.current?.blur(),
+    clear: () => inputRef.current?.clear(),
+    isFocused: () => inputRef.current?.isFocused() ?? false
+  }));
+  (0, _react.useEffect)(() => {
+    focusAnim.value = (0, _reactNativeReanimated.withTiming)(shouldBeActive ? 1 : 0, {
+      duration: anim.labelDuration
+    });
+  }, [shouldBeActive]);
+  (0, _react.useEffect)(() => {
+    if (!hasError) return;
+    const mag = anim.shakeMagnitude;
+    const dur = anim.shakeDuration;
+    shakeAnim.value = (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(-mag, {
+      duration: dur
+    }), (0, _reactNativeReanimated.withTiming)(mag, {
+      duration: dur
+    }), (0, _reactNativeReanimated.withTiming)(-mag, {
+      duration: dur
+    }), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: dur
+    }));
+  }, [hasError]);
+  const labelAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: shakeAnim.value
+    }, {
+      translateY: (0, _reactNativeReanimated.interpolate)(focusAnim.value, [0, 1], [0, -anim.labelTranslateY])
+    }],
+    fontSize: (0, _reactNativeReanimated.interpolate)(focusAnim.value, [0, 1], [theme.fontSize, theme.labelActiveFontSize])
+  }));
+  function handleFocus() {
+    setIsFocused(true);
+    onFocus?.();
+  }
+  function handleBlur() {
+    setIsFocused(false);
+    onBlur?.();
+  }
+  function renderTextInput() {
+    const inputProps = {
+      ref: inputRef,
+      editable,
+      autoFocus,
+      maxLength,
+      value,
+      placeholder: shouldBeActive ? placeholder : undefined,
+      placeholderTextColor: theme.placeholderColor,
+      onChangeText,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      keyboardType,
+      autoCapitalize,
+      secureTextEntry,
+      selectionColor: theme.selectionColor,
+      cursorColor: theme.selectionColor,
+      selectionHandleColor: theme.selectionColor,
+      underlineColorAndroid: "transparent",
+      style: [_defaults.baseStyles.input, {
+        color: theme.inputColor,
+        fontFamily: theme.fontFamily,
+        fontSize: theme.fontSize
+      }, right ? _defaults.baseStyles.inputWithRight : undefined, stylesProp?.input],
+      ...textInputProps
+    };
+    const inputElement = renderInput ? renderInput(inputProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      ...inputProps
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [_defaults.baseStyles.inputContainer, {
+        backgroundColor: theme.backgroundColor,
+        borderRadius: theme.borderRadius,
+        minHeight: theme.minHeight
+      }, style, stylesProp?.inputContainer],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [_defaults.baseStyles.labelAndInputArea, stylesProp?.labelAndInputArea],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+          style: [_defaults.baseStyles.label, {
+            color: hasError ? theme.errorColor : theme.labelColor,
+            fontFamily: theme.fontFamily
+          }, labelAnimatedStyle, stylesProp?.label],
+          children: label
+        }), inputElement]
+      }), right && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [_defaults.baseStyles.rightContainer, stylesProp?.right],
+        children: right
+      })]
+    });
+  }
+  function renderContent() {
+    if (onPress) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: onPress,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          pointerEvents: "none",
+          children: renderTextInput()
+        })
+      });
+    }
+    return renderTextInput();
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+    layout: _reactNativeReanimated.LinearTransition.springify(),
+    style: [_defaults.baseStyles.container, stylesProp?.container],
+    children: [renderContent(), hasError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+      style: [_defaults.baseStyles.errorText, {
+        fontSize: theme.labelActiveFontSize,
+        color: theme.errorColor,
+        fontFamily: theme.fontFamily
+      }, stylesProp?.error],
+      children: error
+    })]
+  });
+});
+FloatingInput.displayName = "FloatingInput";
+//# sourceMappingURL=FloatingInput.js.map

package/lib/commonjs/FloatingInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_defaults","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FloatingInput","exports","React","forwardRef","value","onChangeText","onBlur","onFocus","onPress","label","placeholder","error","touched","maxLength","keyboardType","autoFocus","editable","autoCapitalize","secureTextEntry","right","renderInput","theme","themeProp","styles","stylesProp","style","animationConfig","animationProp","textInputProps","ref","inputRef","useRef","isFocused","setIsFocused","useState","hasError","DEFAULT_THEME","anim","DEFAULT_ANIMATION","shouldBeActive","focusAnim","useSharedValue","shakeAnim","useImperativeHandle","focus","current","blur","clear","useEffect","withTiming","duration","labelDuration","mag","shakeMagnitude","dur","shakeDuration","withSequence","labelAnimatedStyle","useAnimatedStyle","transform","translateX","translateY","interpolate","labelTranslateY","fontSize","labelActiveFontSize","handleFocus","handleBlur","renderTextInput","inputProps","undefined","placeholderTextColor","placeholderColor","selectionColor","cursorColor","selectionHandleColor","underlineColorAndroid","baseStyles","input","color","inputColor","fontFamily","inputWithRight","inputElement","jsx","TextInput","jsxs","View","inputContainer","backgroundColor","borderRadius","minHeight","children","labelAndInputArea","Text","errorColor","labelColor","rightContainer","renderContent","Pressable","pointerEvents","layout","LinearTransition","springify","container","errorText","displayName"],"sourceRoot":"../../src","sources":["FloatingInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/defaults.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.baseStyles = exports.DEFAULT_THEME = exports.DEFAULT_ANIMATION = void 0;
+var _reactNative = require("react-native");
+const DEFAULT_THEME = exports.DEFAULT_THEME = {
+  backgroundColor: '#EDEFF2',
+  labelColor: '#878A99',
+  inputColor: '#36373D',
+  errorColor: '#E3152E',
+  selectionColor: '#31BE30',
+  placeholderColor: '#878A99',
+  borderRadius: 14,
+  minHeight: 56,
+  fontSize: 16,
+  labelActiveFontSize: 12,
+  fontFamily: 'System'
+};
+const DEFAULT_ANIMATION = exports.DEFAULT_ANIMATION = {
+  labelDuration: 200,
+  shakeMagnitude: 2,
+  shakeDuration: 50,
+  labelTranslateY: 10
+};
+const baseStyles = exports.baseStyles = _reactNative.StyleSheet.create({
+  container: {},
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  labelAndInputArea: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  label: {
+    position: 'absolute',
+    left: 16
+  },
+  input: {
+    paddingTop: 24,
+    paddingBottom: 8,
+    paddingLeft: 16,
+    paddingRight: 16
+  },
+  inputWithRight: {
+    paddingRight: 48
+  },
+  rightContainer: {
+    position: 'absolute',
+    right: 12,
+    alignSelf: 'center'
+  },
+  errorText: {
+    marginLeft: 8,
+    marginTop: 6
+  }
+});
+//# sourceMappingURL=defaults.js.map

package/lib/commonjs/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","DEFAULT_THEME","exports","backgroundColor","labelColor","inputColor","errorColor","selectionColor","placeholderColor","borderRadius","minHeight","fontSize","labelActiveFontSize","fontFamily","DEFAULT_ANIMATION","labelDuration","shakeMagnitude","shakeDuration","labelTranslateY","baseStyles","StyleSheet","create","container","inputContainer","flexDirection","alignItems","labelAndInputArea","flex","justifyContent","label","position","left","input","paddingTop","paddingBottom","paddingLeft","paddingRight","inputWithRight","rightContainer","right","alignSelf","errorText","marginLeft","marginTop"],"sourceRoot":"../../src","sources":["defaults.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIO,MAAMC,aAA2C,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACzDE,eAAe,EAAE,SAAS;EAC1BC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,cAAc,EAAE,SAAS;EACzBC,gBAAgB,EAAE,SAAS;EAC3BC,YAAY,EAAE,EAAE;EAChBC,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,EAAE;EACZC,mBAAmB,EAAE,EAAE;EACvBC,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,iBAAyD,GAAAZ,OAAA,CAAAY,iBAAA,GAAG;EACvEC,aAAa,EAAE,GAAG;EAClBC,cAAc,EAAE,CAAC;EACjBC,aAAa,EAAE,EAAE;EACjBC,eAAe,EAAE;AACnB,CAAC;AAEM,MAAMC,UAAU,GAAAjB,OAAA,CAAAiB,UAAA,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC1CC,SAAS,EAAE,CAAC,CAAC;EACbC,cAAc,EAAE;IACdC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,iBAAiB,EAAE;IACjBC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE;EACR,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,CAAC;IAChBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE;EAChB,CAAC;EACDC,cAAc,EAAE;IACdD,YAAY,EAAE;EAChB,CAAC;EACDE,cAAc,EAAE;IACdR,QAAQ,EAAE,UAAU;IACpBS,KAAK,EAAE,EAAE;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEFAULT_ANIMATION", {
+  enumerable: true,
+  get: function () {
+    return _defaults.DEFAULT_ANIMATION;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_THEME", {
+  enumerable: true,
+  get: function () {
+    return _defaults.DEFAULT_THEME;
+  }
+});
+Object.defineProperty(exports, "FloatingInput", {
+  enumerable: true,
+  get: function () {
+    return _FloatingInput.FloatingInput;
+  }
+});
+var _FloatingInput = require("./FloatingInput");
+var _defaults = require("./defaults");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_FloatingInput","require","_defaults"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}