@driveflux/beam 1.9.17 → 1.9.19

package/dist/icons/IconWhatsapp.js

@@ -1,77 +1,8 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Icon } from './Icon';
-var variants = {
-    default: /*#__PURE__*/ _jsx(_Fragment, {
-        children: /*#__PURE__*/ _jsx("path", {
-            d: "M357.84 61.16A207.2 207.2 0 00210.31 0C95.31 0 1.8 93.55 1.75 208.54A208.16 208.16 0 0029.59 312.8L0 420.87l110.56-29a208.4 208.4 0 0099.65 25.38h.09c114.94 0 208.51-93.56 208.55-208.55a207.32 207.32 0 00-61.01-147.54zM210.31 382.03h-.1a173.1 173.1 0 01-88.23-24.16l-6.33-3.76-65.61 17.21 17.52-64-4.13-6.56a173 173 0 01-26.47-92.18c0-95.57 77.8-173.33 173.42-173.33a173.37 173.37 0 01173.27 173.44c-.04 95.58-77.8 173.34-173.34 173.34zm95.08-129.82c-5.21-2.61-30.83-15.22-35.61-17s-8.25-2.6-11.72 2.61-13.46 17-16.5 20.43-6.08 3.92-11.29 1.31-22-8.11-41.91-25.87c-15.49-13.81-25.95-30.88-29-36.1s-.32-8 2.29-10.63c2.34-2.34 5.21-6.09 7.81-9.13s3.48-5.22 5.21-8.69.87-6.52-.43-9.13-11.72-28.26-16.07-38.7c-4.23-10.16-8.52-8.78-11.72-8.94-3-.15-6.52-.19-10-.19a19.17 19.17 0 00-13.9 6.53c-4.77 5.21-18.23 17.82-18.23 43.47s18.67 50.43 21.27 53.91 36.75 56.11 89 78.68a299.53 299.53 0 0029.71 11c12.49 4 23.85 3.4 32.82 2.06 10-1.49 30.84-12.6 35.18-24.77s4.34-22.61 3-24.79-4.7-3.45-9.91-6.06z",
-            fillRule: "evenodd",
-            "data-name": "WA Logo"
-        })
-    })
-};
-var IconWhatsapp = function(_param) {
-    var _param_viewBox = _param.viewBox, viewBox = _param_viewBox === void 0 ? '0 0 418.86 420.88' : _param_viewBox, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, props = _object_without_properties(_param, [
-        "viewBox",
-        "variant"
-    ]);
-    return /*#__PURE__*/ _jsx(Icon, _object_spread({
-        viewBox: viewBox,
-        element: variants[variant]
-    }, props));
+const variants = {
+    default: (_jsx(_Fragment, { children: _jsx("path", { d: "M357.84 61.16A207.2 207.2 0 00210.31 0C95.31 0 1.8 93.55 1.75 208.54A208.16 208.16 0 0029.59 312.8L0 420.87l110.56-29a208.4 208.4 0 0099.65 25.38h.09c114.94 0 208.51-93.56 208.55-208.55a207.32 207.32 0 00-61.01-147.54zM210.31 382.03h-.1a173.1 173.1 0 01-88.23-24.16l-6.33-3.76-65.61 17.21 17.52-64-4.13-6.56a173 173 0 01-26.47-92.18c0-95.57 77.8-173.33 173.42-173.33a173.37 173.37 0 01173.27 173.44c-.04 95.58-77.8 173.34-173.34 173.34zm95.08-129.82c-5.21-2.61-30.83-15.22-35.61-17s-8.25-2.6-11.72 2.61-13.46 17-16.5 20.43-6.08 3.92-11.29 1.31-22-8.11-41.91-25.87c-15.49-13.81-25.95-30.88-29-36.1s-.32-8 2.29-10.63c2.34-2.34 5.21-6.09 7.81-9.13s3.48-5.22 5.21-8.69.87-6.52-.43-9.13-11.72-28.26-16.07-38.7c-4.23-10.16-8.52-8.78-11.72-8.94-3-.15-6.52-.19-10-.19a19.17 19.17 0 00-13.9 6.53c-4.77 5.21-18.23 17.82-18.23 43.47s18.67 50.43 21.27 53.91 36.75 56.11 89 78.68a299.53 299.53 0 0029.71 11c12.49 4 23.85 3.4 32.82 2.06 10-1.49 30.84-12.6 35.18-24.77s4.34-22.61 3-24.79-4.7-3.45-9.91-6.06z", fillRule: "evenodd", "data-name": "WA Logo" }) })),
 };
+const IconWhatsapp = ({ viewBox = '0 0 418.86 420.88', variant = 'default', ...props }) => _jsx(Icon, { viewBox: viewBox, element: variants[variant], ...props });
 export default IconWhatsapp;
+//# sourceMappingURL=IconWhatsapp.js.map

package/dist/icons/IconXPlatform.js

@@ -1,76 +1,8 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Icon } from './Icon';
-var variants = {
-    default: /*#__PURE__*/ _jsx(_Fragment, {
-        children: /*#__PURE__*/ _jsx("path", {
-            d: "M13.5697 11.0504L19.7122 3.75H18.2567L12.9231 10.0889L8.66326 3.75H3.75L10.1918 13.3355L3.75 20.9911H5.20566L10.838 14.2971L15.3367 20.9911H20.25L13.5694 11.0504H13.5697ZM11.576 13.42L10.9233 12.4655L5.73015 4.8704H7.96596L12.1569 10.9998L12.8096 11.9543L18.2573 19.9217H16.0215L11.576 13.4203V13.42Z",
-            fill: "fill"
-        })
-    })
-};
-var IconXPlatform = function(_param) {
-    var _param_viewBox = _param.viewBox, viewBox = _param_viewBox === void 0 ? '0 0 24 24' : _param_viewBox, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, props = _object_without_properties(_param, [
-        "viewBox",
-        "variant"
-    ]);
-    return /*#__PURE__*/ _jsx(Icon, _object_spread({
-        viewBox: viewBox,
-        element: variants[variant]
-    }, props));
+const variants = {
+    default: (_jsx(_Fragment, { children: _jsx("path", { d: "M13.5697 11.0504L19.7122 3.75H18.2567L12.9231 10.0889L8.66326 3.75H3.75L10.1918 13.3355L3.75 20.9911H5.20566L10.838 14.2971L15.3367 20.9911H20.25L13.5694 11.0504H13.5697ZM11.576 13.42L10.9233 12.4655L5.73015 4.8704H7.96596L12.1569 10.9998L12.8096 11.9543L18.2573 19.9217H16.0215L11.576 13.4203V13.42Z", fill: "fill" }) })),
 };
+const IconXPlatform = ({ viewBox = '0 0 24 24', variant = 'default', ...props }) => _jsx(Icon, { viewBox: viewBox, element: variants[variant], ...props });
 export default IconXPlatform;
+//# sourceMappingURL=IconXPlatform.js.map

package/dist/icons/IconZeroEffort.js

@@ -1,80 +1,8 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from './Icon';
-var variants = {
-    default: /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                d: "M16,4C9.4,4,4,9.4,4,16s5.4,12,12,12s12-5.4,12-12S22.6,4,16,4z M16,6c5.5,0,10,4.5,10,10s-4.5,10-10,10S6,21.5,6,16  S10.5,6,16,6z"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M16,10c-2.2,0-4,1.8-4,4v4c0,2.2,1.8,4,4,4s4-1.8,4-4v-4C20,11.8,18.2,10,16,10z M14,14c0-1.1,0.9-2,2-2  c0.3,0,0.5,0.1,0.7,0.1L14,17.9V14z M18,18c0,1.1-0.9,2-2,2c-0.3,0-0.5-0.1-0.7-0.1l2.7-5.7V18z"
-            })
-        ]
-    })
-};
-var IconSpecialCar = function(_param) {
-    var _param_viewBox = _param.viewBox, viewBox = _param_viewBox === void 0 ? '0 0 32 32' : _param_viewBox, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, props = _object_without_properties(_param, [
-        "viewBox",
-        "variant"
-    ]);
-    return /*#__PURE__*/ _jsx(Icon, _object_spread({
-        viewBox: viewBox,
-        element: variants[variant]
-    }, props));
+const variants = {
+    default: (_jsxs(_Fragment, { children: [_jsx("path", { d: "M16,4C9.4,4,4,9.4,4,16s5.4,12,12,12s12-5.4,12-12S22.6,4,16,4z M16,6c5.5,0,10,4.5,10,10s-4.5,10-10,10S6,21.5,6,16\n\tS10.5,6,16,6z" }), _jsx("path", { d: "M16,10c-2.2,0-4,1.8-4,4v4c0,2.2,1.8,4,4,4s4-1.8,4-4v-4C20,11.8,18.2,10,16,10z M14,14c0-1.1,0.9-2,2-2\n\tc0.3,0,0.5,0.1,0.7,0.1L14,17.9V14z M18,18c0,1.1-0.9,2-2,2c-0.3,0-0.5-0.1-0.7-0.1l2.7-5.7V18z" })] })),
 };
+const IconSpecialCar = ({ viewBox = '0 0 32 32', variant = 'default', ...props }) => _jsx(Icon, { viewBox: viewBox, element: variants[variant], ...props });
 export default IconSpecialCar;
+//# sourceMappingURL=IconZeroEffort.js.map

package/dist/icons/Logo.js

@@ -1,105 +1,9 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
 import { jsx as _jsx } from "react/jsx-runtime";
 import Box from '../box/Box';
 import FluxLogo from '../icons/FluxLogo';
 import { cn } from '../utils';
-var Logo = function(_param) {
-    var colorScheme = _param.colorScheme, _param_size = _param.size, size = _param_size === void 0 ? '29px' : _param_size, className = _param.className, style = _param.style, props = _object_without_properties(_param, [
-        "colorScheme",
-        "size",
-        "className",
-        "style"
-    ]);
-    return /*#__PURE__*/ _jsx(Box, _object_spread_props(_object_spread({
-        className: cn(className),
-        style: style
-    }, props), {
-        children: /*#__PURE__*/ _jsx(FluxLogo, _object_spread({
-            width: 'full',
-            size: size,
-            variant: colorScheme ? 'solid' : 'default',
-            alt: 'FLUX Logo'
-        }, colorScheme ? {
-            forceColor: colorScheme
-        } : {}))
-    }));
+const Logo = ({ colorScheme, size = '29px', className, style, ...props }) => {
+    return (_jsx(Box, { className: cn(className), style: style, ...props, children: _jsx(FluxLogo, { width: 'full', size: size, variant: colorScheme ? 'solid' : 'default', alt: 'FLUX Logo', ...(colorScheme ? { forceColor: colorScheme } : {}) }) }));
 };
 export default Logo;
+//# sourceMappingURL=Logo.js.map

package/dist/input/Input.js

@@ -1,132 +1,18 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import FieldWrapper from '../field-wrapper/FieldWrapper.js';
 import { cn } from '../utils.js';
-var Input = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    var // for wrapper
-    wrapperProps = props.wrapperProps, htmlFor = props.htmlFor, label = props.label, helperText = props.helperText, showRequired = props.showRequired, showOptional = props.showOptional, outerPrefix = props.outerPrefix, outerSuffix = props.outerSuffix, error = props.error, // for input container
-    className = props.className, // for input
-    prefix = props.prefix, suffix = props.suffix, inputClassName = props.inputClassName, inputRef = props.inputRef, isDisabled = props.isDisabled, inputProps = _object_without_properties(props, [
-        "wrapperProps",
-        "htmlFor",
-        "label",
-        "helperText",
-        "showRequired",
-        "showOptional",
-        "outerPrefix",
-        "outerSuffix",
-        "error",
-        "className",
-        "prefix",
-        "suffix",
-        "inputClassName",
-        "inputRef",
-        "isDisabled"
-    ]);
-    return /*#__PURE__*/ _jsx(FieldWrapper, _object_spread_props(_object_spread({
-        htmlFor: htmlFor,
-        label: label,
-        helperText: helperText,
-        showOptional: showOptional,
-        showRequired: showRequired,
-        outerPrefix: outerPrefix,
-        outerSuffix: outerSuffix,
-        error: error
-    }, wrapperProps), {
-        children: /*#__PURE__*/ _jsxs("div", {
-            ref: ref,
-            "aria-disabled": isDisabled,
-            className: cn('flex gap-x-2 h-10 w-full border border-primary2 bg-white px-3 py-2 text-sm ring-offset-white items-center file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-none disabled:cursor-not-allowed disabled:opacity-50', isDisabled && 'bg-primary1 cursor-text hover:border-primary2', !!error && 'border-alert4 hover:border-alert4 focus-within:border-alert4', className),
-            children: [
-                prefix,
-                /*#__PURE__*/ _jsx("input", _object_spread({
-                    ref: inputRef,
-                    disabled: isDisabled,
-                    className: cn('border-none outline-none placeholder-primary3 placeholder:tracking-normal w-full', isDisabled && 'bg-primary1 cursor-text', inputClassName)
-                }, inputProps)),
-                suffix
-            ]
-        })
-    }));
+const Input = React.forwardRef((props, ref) => {
+    const { 
+    // for wrapper
+    wrapperProps, htmlFor, label, helperText, showRequired, showOptional, outerPrefix, outerSuffix, error, 
+    // for input container
+    className, 
+    // for input
+    prefix, suffix, inputClassName, inputRef, isDisabled, ...inputProps } = props;
+    return (_jsx(FieldWrapper, { htmlFor: htmlFor, label: label, helperText: helperText, showOptional: showOptional, showRequired: showRequired, outerPrefix: outerPrefix, outerSuffix: outerSuffix, error: error, ...wrapperProps, children: _jsxs("div", { ref: ref, "aria-disabled": isDisabled, className: cn('flex gap-x-2 h-10 w-full border border-primary2 bg-white px-3 py-2 text-sm ring-offset-white items-center file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-none disabled:cursor-not-allowed disabled:opacity-50', isDisabled && 'bg-primary1 cursor-text hover:border-primary2', !!error &&
+                'border-alert4 hover:border-alert4 focus-within:border-alert4', className), children: [prefix, _jsx("input", { ref: inputRef, disabled: isDisabled, className: cn('border-none outline-none placeholder-primary3 placeholder:tracking-normal w-full', isDisabled && 'bg-primary1 cursor-text', inputClassName), ...inputProps }), suffix] }) }));
 });
 Input.displayName = 'Input';
 export default Input;
+//# sourceMappingURL=Input.js.map

package/dist/input/Input.stories.js

@@ -1,42 +1,43 @@
 import Input from './Input.js';
-var meta = {
-    component: Input
+const meta = {
+    component: Input,
 };
 export default meta;
-export var Demo = {
+export const Demo = {
     args: {
         htmlFor: 'message',
         label: 'welcome message',
-        placeholder: 'johndoe@gmail.com'
-    }
+        placeholder: 'johndoe@gmail.com',
+    },
 };
-export var ErrorComponent = {
+export const ErrorComponent = {
     args: {
         htmlFor: 'email',
         label: 'email',
-        error: 'Invalid email'
-    }
+        error: 'Invalid email',
+    },
 };
-export var DefaultValue = {
+export const DefaultValue = {
     args: {
         htmlFor: 'email',
         label: 'email',
-        value: 'Hello, FLUX!'
-    }
+        value: 'Hello, FLUX!',
+    },
 };
-export var Prefix = {
+export const Prefix = {
     args: {
         htmlFor: 'amount',
         label: 'amount',
         prefix: 'RM',
-        type: 'number'
-    }
+        type: 'number',
+    },
 };
-export var Suffix = {
+export const Suffix = {
     args: {
         htmlFor: 'amount',
         label: 'amount',
         suffix: 'USD',
-        type: 'number'
-    }
+        type: 'number',
+    },
 };
+//# sourceMappingURL=Input.stories.js.map