@lidofinance/lido-ui 3.9.0 → 3.10.1

package/dist/cjs/identicon/Identicon.js

@@ -6,23 +6,23 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _identiconStyles = require("./IdenticonStyles");
 const _reactJazzicon = /*#__PURE__*/ _interopRequireWildcard(require("react-jazzicon"));
-function Identicon(props, ref) {
-    const { diameter =24 , address , paperStyles , svgStyles , ...rest } = props;
-    const iconProps = {
-        diameter,
-        paperStyles,
-        svgStyles
-    };
-    return /*#__PURE__*/ _react.default.createElement(_identiconStyles.IdenticonStyle, _extends({}, rest, {
-        ref: ref
-    }), /*#__PURE__*/ _react.default.createElement(_reactJazzicon.default, _extends({
-        seed: (0, _reactJazzicon.jsNumberForAddress)(address)
-    }, iconProps)));
+function Identicon(param, ref) {
+    let { diameter =24 , address , paperStyles , svgStyles , ...rest } = param;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_identiconStyles.IdenticonStyle, {
+        ...rest,
+        ref: ref,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactJazzicon.default, {
+            seed: (0, _reactJazzicon.jsNumberForAddress)(address),
+            diameter: diameter,
+            paperStyles: paperStyles,
+            svgStyles: svgStyles
+        })
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Identicon);
 

package/dist/cjs/identicon/Identicon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/identicon/Identicon.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { IdenticonProps } from './types'\nimport { IdenticonStyle } from './IdenticonStyles'\nimport Jazzicon, { jsNumberForAddress } from 'react-jazzicon'\n\nfunction Identicon(props: IdenticonProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { diameter = 24, address, paperStyles, svgStyles, ...rest } = props\n  const iconProps = { diameter, paperStyles, svgStyles }\n\n  return (\n    <IdenticonStyle {...rest} ref={ref}>\n      <Jazzicon seed={jsNumberForAddress(address)} {...iconProps} />\n    </IdenticonStyle>\n  )\n}\n\nexport default forwardRef(Identicon)\n"],"names":["Identicon","props","ref","diameter","address","paperStyles","svgStyles","rest","iconProps","IdenticonStyle","Jazzicon","seed","jsNumberForAddress","forwardRef"],"mappings":"AAAA;;;;+BAgBA,SAAoC;;aAApC,QAAoC;;;;6DAhBY,OAAO;iCAExB,mBAAmB;qEACL,gBAAgB;AAE7D,SAASA,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,MAAM,EAAEC,QAAQ,EAAG,EAAE,CAAA,EAAEC,OAAO,CAAA,EAAEC,WAAW,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGN,KAAK;IACzE,MAAMO,SAAS,GAAG;QAAEL,QAAQ;QAAEE,WAAW;QAAEC,SAAS;KAAE;IAEtD,qBACE,6BAACG,gBAAc,eAAA,eAAKF,IAAI;QAAEL,GAAG,EAAEA,GAAG;sBAChC,6BAACQ,cAAQ,QAAA;QAACC,IAAI,EAAEC,IAAAA,cAAkB,mBAAA,EAACR,OAAO,CAAC;OAAMI,SAAS,EAAI,CAC/C,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBK,IAAAA,MAAU,WAAA,EAACb,SAAS,CAAC"}
+{"version":3,"sources":["../../../packages/identicon/Identicon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { IdenticonProps } from './types'\nimport { IdenticonStyle } from './IdenticonStyles'\nimport Jazzicon, { jsNumberForAddress } from 'react-jazzicon'\n\nfunction Identicon(\n  { diameter = 24, address, paperStyles, svgStyles, ...rest }: IdenticonProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <IdenticonStyle {...rest} ref={ref}>\n      <Jazzicon\n        seed={jsNumberForAddress(address)}\n        diameter={diameter}\n        paperStyles={paperStyles}\n        svgStyles={svgStyles}\n      />\n    </IdenticonStyle>\n  )\n}\n\nexport default forwardRef(Identicon)\n"],"names":["Identicon","ref","diameter","address","paperStyles","svgStyles","rest","IdenticonStyle","Jazzicon","seed","jsNumberForAddress","forwardRef"],"mappings":"AAAA;;;;+BAqBA,SAAoC;;aAApC,QAAoC;;;;uBArBK,OAAO;iCAEjB,mBAAmB;qEACL,gBAAgB;AAE7D,SAASA,SAAS,CAChB,KAA2E,EAC3EC,GAAkC,EAClC;QAFA,EAAEC,QAAQ,EAAG,EAAE,CAAA,EAAEC,OAAO,CAAA,EAAEC,WAAW,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGC,IAAI,EAAkB,GAA3E,KAA2E;IAG3E,qBACE,qBAACC,gBAAc,eAAA;QAAE,GAAGD,IAAI;QAAEL,GAAG,EAAEA,GAAG;kBAChC,cAAA,qBAACO,cAAQ,QAAA;YACPC,IAAI,EAAEC,IAAAA,cAAkB,mBAAA,EAACP,OAAO,CAAC;YACjCD,QAAQ,EAAEA,QAAQ;YAClBE,WAAW,EAAEA,WAAW;YACxBC,SAAS,EAAEA,SAAS;UACpB;MACa,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBM,IAAAA,MAAU,WAAA,EAACX,SAAS,CAAC"}

package/dist/cjs/identicon/IdenticonBadge.js

@@ -6,29 +6,33 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _address = require("../address/index");
 const _identiconStyles = require("./IdenticonStyles");
 const _identicon = /*#__PURE__*/ _interopRequireDefault(require("./Identicon"));
-function IdenticonBadge(props, ref) {
-    const { symbols =3 , color ='background' , diameter , address , paperStyles , svgStyles , ...rest } = props;
-    const identiconProps = {
-        address,
-        diameter,
-        paperStyles,
-        svgStyles
-    };
-    return /*#__PURE__*/ _react.default.createElement(_identiconStyles.IdenticonBadgeStyle, _extends({
-        $color: color
-    }, rest, {
-        ref: ref
-    }), symbols > 0 ? /*#__PURE__*/ _react.default.createElement(_identiconStyles.AddressWrapperStyle, null, /*#__PURE__*/ _react.default.createElement(_address.Address, {
-        address: address,
-        symbols: symbols
-    })) : '', /*#__PURE__*/ _react.default.createElement(_identicon.default, _extends({}, identiconProps)));
+function IdenticonBadge(param, ref) {
+    let { symbols =3 , color ='background' , diameter , address , paperStyles , svgStyles , ...rest } = param;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_identiconStyles.IdenticonBadgeStyle, {
+        $color: color,
+        ...rest,
+        ref: ref,
+        children: [
+            symbols > 0 ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_identiconStyles.AddressWrapperStyle, {
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_address.Address, {
+                    address: address,
+                    symbols: symbols
+                })
+            }) : '',
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_identicon.default, {
+                address: address,
+                diameter: diameter,
+                paperStyles: paperStyles,
+                svgStyles: svgStyles
+            })
+        ]
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(IdenticonBadge);
 

package/dist/cjs/identicon/IdenticonBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/identicon/IdenticonBadge.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { Address } from '@lidofinance/address'\nimport { IdenticonBadgeProps } from './types'\nimport { IdenticonBadgeStyle, AddressWrapperStyle } from './IdenticonStyles'\nimport Identicon from './Identicon'\n\nfunction IdenticonBadge(\n  props: IdenticonBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    symbols = 3,\n    color = 'background',\n    diameter,\n    address,\n    paperStyles,\n    svgStyles,\n    ...rest\n  } = props\n  const identiconProps = { address, diameter, paperStyles, svgStyles }\n\n  return (\n    <IdenticonBadgeStyle $color={color} {...rest} ref={ref}>\n      {symbols > 0 ? (\n        <AddressWrapperStyle>\n          <Address address={address} symbols={symbols} />\n        </AddressWrapperStyle>\n      ) : (\n        ''\n      )}\n      <Identicon {...identiconProps} />\n    </IdenticonBadgeStyle>\n  )\n}\n\nexport default forwardRef(IdenticonBadge)\n"],"names":["IdenticonBadge","props","ref","symbols","color","diameter","address","paperStyles","svgStyles","rest","identiconProps","IdenticonBadgeStyle","$color","AddressWrapperStyle","Address","Identicon","forwardRef"],"mappings":"AAAA;;;;+BAmCA,SAAyC;;aAAzC,QAAyC;;;;;6DAnCO,OAAO;yBAC/B,kBAAsB;iCAEW,mBAAmB;gEACtD,aAAa;AAEnC,SAASA,cAAc,CACrBC,KAA0B,EAC1BC,GAAkC,EAClC;IACA,MAAM,EACJC,OAAO,EAAG,CAAC,CAAA,EACXC,KAAK,EAAG,YAAY,CAAA,EACpBC,QAAQ,CAAA,EACRC,OAAO,CAAA,EACPC,WAAW,CAAA,EACXC,SAAS,CAAA,EACT,GAAGC,IAAI,EACR,GAAGR,KAAK;IACT,MAAMS,cAAc,GAAG;QAAEJ,OAAO;QAAED,QAAQ;QAAEE,WAAW;QAAEC,SAAS;KAAE;IAEpE,qBACE,6BAACG,gBAAmB,oBAAA;QAACC,MAAM,EAAER,KAAK;OAAMK,IAAI;QAAEP,GAAG,EAAEA,GAAG;QACnDC,OAAO,GAAG,CAAC,iBACV,6BAACU,gBAAmB,oBAAA,sBAClB,6BAACC,QAAO,QAAA;QAACR,OAAO,EAAEA,OAAO;QAAEH,OAAO,EAAEA,OAAO;MAAI,CAC3B,GAEtB,EAAE,AACH,gBACD,6BAACY,UAAS,QAAA,eAAKL,cAAc,EAAI,CACb,CACvB;AACH,CAAC;MAED,QAAyC,iBAA1BM,IAAAA,MAAU,WAAA,EAAChB,cAAc,CAAC"}
+{"version":3,"sources":["../../../packages/identicon/IdenticonBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { Address } from '@lidofinance/address'\nimport { IdenticonBadgeProps } from './types'\nimport { IdenticonBadgeStyle, AddressWrapperStyle } from './IdenticonStyles'\nimport Identicon from './Identicon'\n\nfunction IdenticonBadge(\n  {\n    symbols = 3,\n    color = 'background',\n    diameter,\n    address,\n    paperStyles,\n    svgStyles,\n    ...rest\n  }: IdenticonBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <IdenticonBadgeStyle $color={color} {...rest} ref={ref}>\n      {symbols > 0 ? (\n        <AddressWrapperStyle>\n          <Address address={address} symbols={symbols} />\n        </AddressWrapperStyle>\n      ) : (\n        ''\n      )}\n      <Identicon\n        address={address}\n        diameter={diameter}\n        paperStyles={paperStyles}\n        svgStyles={svgStyles}\n      />\n    </IdenticonBadgeStyle>\n  )\n}\n\nexport default forwardRef(IdenticonBadge)\n"],"names":["IdenticonBadge","ref","symbols","color","diameter","address","paperStyles","svgStyles","rest","IdenticonBadgeStyle","$color","AddressWrapperStyle","Address","Identicon","forwardRef"],"mappings":"AAAA;;;;+BAqCA,SAAyC;;aAAzC,QAAyC;;;;uBArCA,OAAO;yBACxB,kBAAsB;iCAEW,mBAAmB;gEACtD,aAAa;AAEnC,SAASA,cAAc,CACrB,KAQsB,EACtBC,GAAkC,EAClC;QAVA,EACEC,OAAO,EAAG,CAAC,CAAA,EACXC,KAAK,EAAG,YAAY,CAAA,EACpBC,QAAQ,CAAA,EACRC,OAAO,CAAA,EACPC,WAAW,CAAA,EACXC,SAAS,CAAA,EACT,GAAGC,IAAI,EACa,GARtB,KAQsB;IAGtB,qBACE,sBAACC,gBAAmB,oBAAA;QAACC,MAAM,EAAEP,KAAK;QAAG,GAAGK,IAAI;QAAEP,GAAG,EAAEA,GAAG;;YACnDC,OAAO,GAAG,CAAC,iBACV,qBAACS,gBAAmB,oBAAA;0BAClB,cAAA,qBAACC,QAAO,QAAA;oBAACP,OAAO,EAAEA,OAAO;oBAAEH,OAAO,EAAEA,OAAO;kBAAI;cAC3B,GAEtB,EAAE,AACH;0BACD,qBAACW,UAAS,QAAA;gBACRR,OAAO,EAAEA,OAAO;gBAChBD,QAAQ,EAAEA,QAAQ;gBAClBE,WAAW,EAAEA,WAAW;gBACxBC,SAAS,EAAEA,SAAS;cACpB;;MACkB,CACvB;AACH,CAAC;MAED,QAAyC,iBAA1BO,IAAAA,MAAU,WAAA,EAACd,cAAc,CAAC"}

package/dist/cjs/identicon/types.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "IdenticonBadgeColor", {
     enumerable: true,
     get: ()=>IdenticonBadgeColor
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var IdenticonBadgeColor;
 (function(IdenticonBadgeColor) {
     IdenticonBadgeColor[IdenticonBadgeColor["background"] = 0] = "background";

package/dist/cjs/identicon/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/identicon/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type IdenticonProps = LidoComponentProps<\n  'div',\n  {\n    address: string\n    diameter?: number\n    paperStyles?: React.CSSProperties\n    svgStyles?: React.CSSProperties\n  }\n>\n\nexport enum IdenticonBadgeColor {\n  background,\n  accent,\n}\nexport type IdenticonBadgeColors = keyof typeof IdenticonBadgeColor\n\nexport type IdenticonBadgeProps = {\n  symbols?: number\n  color?: IdenticonBadgeColors\n} & IdenticonProps\n"],"names":["IdenticonBadgeColor","background","accent"],"mappings":"AAAA;;;;;;;;;4DACkB,OAAO;IAalB,mBAGN;UAHWA,mBAAmB;IAAnBA,mBAAmB,CAAnBA,mBAAmB,CAC7BC,YAAU,IAAVA,CAAU,IAAVA,YAAU;IADAD,mBAAmB,CAAnBA,mBAAmB,CAE7BE,QAAM,IAANA,CAAM,IAANA,QAAM;GAFIF,mBAAmB,KAAnBA,mBAAmB"}
+{"version":3,"sources":["../../../packages/identicon/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { CSSProperties } from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type IdenticonProps = LidoComponentProps<\n  'div',\n  {\n    address: string\n    diameter?: number\n    paperStyles?: CSSProperties\n    svgStyles?: CSSProperties\n  }\n>\n\nexport enum IdenticonBadgeColor {\n  background,\n  accent,\n}\nexport type IdenticonBadgeColors = keyof typeof IdenticonBadgeColor\n\nexport type IdenticonBadgeProps = {\n  symbols?: number\n  color?: IdenticonBadgeColors\n} & IdenticonProps\n"],"names":["IdenticonBadgeColor","background","accent"],"mappings":"AAAA;;;;;;;;IAcO,mBAGN;UAHWA,mBAAmB;IAAnBA,mBAAmB,CAAnBA,mBAAmB,CAC7BC,YAAU,IAAVA,CAAU,IAAVA,YAAU;IADAD,mBAAmB,CAAnBA,mBAAmB,CAE7BE,QAAM,IAANA,CAAM,IAANA,QAAM;GAFIF,mBAAmB,KAAnBA,mBAAmB"}

package/dist/cjs/input/Input.js

@@ -6,18 +6,12 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _inputStyles = require("./InputStyles");
 const _labelStyles = require("./LabelStyles");
-function Input(props, ref) {
-    const { label , error , warning , success , active =false , fullwidth =false , placeholder =' ' , leftDecorator , rightDecorator , className , style , variant ='default' , color ='default' , wrapperRef , children , ...rest } = props;
-    const { id , disabled =false  } = props;
-    const wrapperProps = {
-        className,
-        style
-    };
+function Input(param, ref) {
+    let { label , error , warning , success , active =false , fullwidth =false , placeholder =' ' , leftDecorator , rightDecorator , className , style , variant ='default' , color ='default' , id , disabled =false , wrapperRef , children , ...rest } = param;
     const hasLabel = !!label && variant === 'default';
     const hasError = !!error;
     const hasErrorMessage = hasError && typeof error !== 'boolean';
@@ -28,37 +22,64 @@ function Input(props, ref) {
     const hasSuccessMessage = hasSuccess && typeof success !== 'boolean';
     const hasLeftDecorator = !!leftDecorator;
     const hasRightDecorator = !!rightDecorator;
-    return /*#__PURE__*/ _react.default.createElement(_inputStyles.InputWrapperStyle, _extends({
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_inputStyles.InputWrapperStyle, {
+        className: className,
+        style: style,
         $disabled: disabled,
         $fullwidth: fullwidth,
         htmlFor: id,
-        ref: wrapperRef
-    }, wrapperProps), /*#__PURE__*/ _react.default.createElement(_inputStyles.InputContentStyle, {
-        $color: color,
-        $variant: variant,
-        $error: hasError,
-        $warning: hasWarning,
-        $active: active,
-        $disabled: disabled
-    }, hasLeftDecorator && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputLeftDecoratorStyle, null, leftDecorator), /*#__PURE__*/ _react.default.createElement(_inputStyles.InputControlWrapperStyle, null, /*#__PURE__*/ _react.default.createElement(_inputStyles.InputStyle, _extends({
-        $labeled: hasLabel,
-        $color: color,
-        placeholder: placeholder,
-        "aria-invalid": hasError,
-        type: "text",
-        ref: ref
-    }, rest)), hasLabel && /*#__PURE__*/ _react.default.createElement(_labelStyles.InputLabelStyle, {
-        $color: color
-    }, label)), hasRightDecorator && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputRightDecoratorStyle, null, rightDecorator)), hasErrorMessage && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
-        $variant: "error",
-        $bordered: true
-    }, error), hasWarningMessage && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
-        $variant: "warning",
-        $bordered: true
-    }, warning), hasSuccessMessage && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
-        $variant: "success",
-        $bordered: true
-    }, success));
+        ref: wrapperRef,
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_inputStyles.InputContentStyle, {
+                $color: color,
+                $variant: variant,
+                $error: hasError,
+                $warning: hasWarning,
+                $active: active,
+                $disabled: disabled,
+                children: [
+                    hasLeftDecorator && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputLeftDecoratorStyle, {
+                        children: leftDecorator
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_inputStyles.InputControlWrapperStyle, {
+                        children: [
+                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputStyle, {
+                                $labeled: hasLabel,
+                                $color: color,
+                                placeholder: placeholder,
+                                "aria-invalid": hasError,
+                                type: "text",
+                                ref: ref,
+                                ...rest
+                            }),
+                            hasLabel && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_labelStyles.InputLabelStyle, {
+                                $color: color,
+                                children: label
+                            })
+                        ]
+                    }),
+                    hasRightDecorator && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputRightDecoratorStyle, {
+                        children: rightDecorator
+                    })
+                ]
+            }),
+            hasErrorMessage && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputMessageStyle, {
+                $variant: "error",
+                $bordered: true,
+                children: error
+            }),
+            hasWarningMessage && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputMessageStyle, {
+                $variant: "warning",
+                $bordered: true,
+                children: warning
+            }),
+            hasSuccessMessage && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputMessageStyle, {
+                $variant: "success",
+                $bordered: true,
+                children: success
+            })
+        ]
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Input);
 

package/dist/cjs/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/Input.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  InputWrapperStyle,\n  InputContentStyle,\n  InputControlWrapperStyle,\n  InputStyle,\n  InputLeftDecoratorStyle,\n  InputRightDecoratorStyle,\n  InputMessageStyle,\n} from './InputStyles'\nimport { InputLabelStyle } from './LabelStyles'\nimport { InputProps } from './types'\n\nfunction Input(props: InputProps, ref?: ForwardedRef<HTMLInputElement>) {\n  const {\n    label,\n    error,\n    warning,\n    success,\n    active = false,\n    fullwidth = false,\n    placeholder = ' ',\n    leftDecorator,\n    rightDecorator,\n    className,\n    style,\n    variant = 'default',\n    color = 'default',\n    wrapperRef,\n    children,\n    ...rest\n  } = props\n\n  const { id, disabled = false } = props\n  const wrapperProps = { className, style }\n\n  const hasLabel = !!label && variant === 'default'\n\n  const hasError = !!error\n  const hasErrorMessage = hasError && typeof error !== 'boolean'\n  const hasWarning = !hasError && !!warning // `error` overrides `warning`\n  const hasWarningMessage = hasWarning && typeof warning !== 'boolean'\n  const hasSuccess = !!success && !error\n  const hasSuccessMessage = hasSuccess && typeof success !== 'boolean'\n\n  const hasLeftDecorator = !!leftDecorator\n  const hasRightDecorator = !!rightDecorator\n\n  return (\n    <InputWrapperStyle\n      $disabled={disabled}\n      $fullwidth={fullwidth}\n      htmlFor={id}\n      ref={wrapperRef}\n      {...wrapperProps}\n    >\n      <InputContentStyle\n        $color={color}\n        $variant={variant}\n        $error={hasError}\n        $warning={hasWarning}\n        $active={active}\n        $disabled={disabled}\n      >\n        {hasLeftDecorator && (\n          <InputLeftDecoratorStyle>{leftDecorator}</InputLeftDecoratorStyle>\n        )}\n\n        <InputControlWrapperStyle>\n          <InputStyle\n            $labeled={hasLabel}\n            $color={color}\n            placeholder={placeholder}\n            aria-invalid={hasError}\n            type='text'\n            ref={ref}\n            {...rest}\n          />\n          {hasLabel && (\n            <InputLabelStyle $color={color}>{label}</InputLabelStyle>\n          )}\n        </InputControlWrapperStyle>\n\n        {hasRightDecorator && (\n          <InputRightDecoratorStyle>{rightDecorator}</InputRightDecoratorStyle>\n        )}\n      </InputContentStyle>\n\n      {hasErrorMessage && (\n        <InputMessageStyle $variant='error' $bordered>\n          {error}\n        </InputMessageStyle>\n      )}\n      {hasWarningMessage && (\n        <InputMessageStyle $variant='warning' $bordered>\n          {warning}\n        </InputMessageStyle>\n      )}\n      {hasSuccessMessage && (\n        <InputMessageStyle $variant='success' $bordered>\n          {success}\n        </InputMessageStyle>\n      )}\n    </InputWrapperStyle>\n  )\n}\n\nexport default forwardRef(Input)\n"],"names":["Input","props","ref","label","error","warning","success","active","fullwidth","placeholder","leftDecorator","rightDecorator","className","style","variant","color","wrapperRef","children","rest","id","disabled","wrapperProps","hasLabel","hasError","hasErrorMessage","hasWarning","hasWarningMessage","hasSuccess","hasSuccessMessage","hasLeftDecorator","hasRightDecorator","InputWrapperStyle","$disabled","$fullwidth","htmlFor","InputContentStyle","$color","$variant","$error","$warning","$active","InputLeftDecoratorStyle","InputControlWrapperStyle","InputStyle","$labeled","aria-invalid","type","InputLabelStyle","InputRightDecoratorStyle","InputMessageStyle","$bordered","forwardRef"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/input/Input.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  InputWrapperStyle,\n  InputContentStyle,\n  InputControlWrapperStyle,\n  InputStyle,\n  InputLeftDecoratorStyle,\n  InputRightDecoratorStyle,\n  InputMessageStyle,\n} from './InputStyles'\nimport { InputLabelStyle } from './LabelStyles'\nimport { InputProps } from './types'\n\nfunction Input(\n  {\n    label,\n    error,\n    warning,\n    success,\n    active = false,\n    fullwidth = false,\n    placeholder = ' ',\n    leftDecorator,\n    rightDecorator,\n    className,\n    style,\n    variant = 'default',\n    color = 'default',\n    id,\n    disabled = false,\n    wrapperRef,\n    children,\n    ...rest\n  }: InputProps,\n  ref?: ForwardedRef<HTMLInputElement>,\n) {\n  const hasLabel = !!label && variant === 'default'\n\n  const hasError = !!error\n  const hasErrorMessage = hasError && typeof error !== 'boolean'\n  const hasWarning = !hasError && !!warning // `error` overrides `warning`\n  const hasWarningMessage = hasWarning && typeof warning !== 'boolean'\n  const hasSuccess = !!success && !error\n  const hasSuccessMessage = hasSuccess && typeof success !== 'boolean'\n\n  const hasLeftDecorator = !!leftDecorator\n  const hasRightDecorator = !!rightDecorator\n\n  return (\n    <InputWrapperStyle\n      className={className}\n      style={style}\n      $disabled={disabled}\n      $fullwidth={fullwidth}\n      htmlFor={id}\n      ref={wrapperRef}\n    >\n      <InputContentStyle\n        $color={color}\n        $variant={variant}\n        $error={hasError}\n        $warning={hasWarning}\n        $active={active}\n        $disabled={disabled}\n      >\n        {hasLeftDecorator && (\n          <InputLeftDecoratorStyle>{leftDecorator}</InputLeftDecoratorStyle>\n        )}\n\n        <InputControlWrapperStyle>\n          <InputStyle\n            $labeled={hasLabel}\n            $color={color}\n            placeholder={placeholder}\n            aria-invalid={hasError}\n            type='text'\n            ref={ref}\n            {...rest}\n          />\n          {hasLabel && (\n            <InputLabelStyle $color={color}>{label}</InputLabelStyle>\n          )}\n        </InputControlWrapperStyle>\n\n        {hasRightDecorator && (\n          <InputRightDecoratorStyle>{rightDecorator}</InputRightDecoratorStyle>\n        )}\n      </InputContentStyle>\n\n      {hasErrorMessage && (\n        <InputMessageStyle $variant='error' $bordered>\n          {error}\n        </InputMessageStyle>\n      )}\n      {hasWarningMessage && (\n        <InputMessageStyle $variant='warning' $bordered>\n          {warning}\n        </InputMessageStyle>\n      )}\n      {hasSuccessMessage && (\n        <InputMessageStyle $variant='success' $bordered>\n          {success}\n        </InputMessageStyle>\n      )}\n    </InputWrapperStyle>\n  )\n}\n\nexport default forwardRef(Input)\n"],"names":["Input","ref","label","error","warning","success","active","fullwidth","placeholder","leftDecorator","rightDecorator","className","style","variant","color","id","disabled","wrapperRef","children","rest","hasLabel","hasError","hasErrorMessage","hasWarning","hasWarningMessage","hasSuccess","hasSuccessMessage","hasLeftDecorator","hasRightDecorator","InputWrapperStyle","$disabled","$fullwidth","htmlFor","InputContentStyle","$color","$variant","$error","$warning","$active","InputLeftDecoratorStyle","InputControlWrapperStyle","InputStyle","$labeled","aria-invalid","type","InputLabelStyle","InputRightDecoratorStyle","InputMessageStyle","$bordered","forwardRef"],"mappings":"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"}

package/dist/cjs/input/InputGroup.js

@@ -6,24 +6,32 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _inputStyles = require("./InputStyles");
 const _inputGroupStyles = require("./InputGroupStyles");
-function InputGroup(props, ref) {
-    const { fullwidth =false , error , success , children , ...rest } = props;
+function InputGroup(param, ref) {
+    let { fullwidth =false , error , success , children , ...rest } = param;
     const hasError = !!error;
     const hasSuccess = !!success && !error;
-    return /*#__PURE__*/ _react.default.createElement(_inputGroupStyles.InputGroupStyle, _extends({
-        $fullwidth: fullwidth
-    }, rest, {
-        ref: ref
-    }), /*#__PURE__*/ _react.default.createElement(_inputGroupStyles.InputGroupContentStyle, null, children), hasError && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
-        $variant: "error"
-    }, error), hasSuccess && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
-        $variant: "success"
-    }, success));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_inputGroupStyles.InputGroupStyle, {
+        $fullwidth: fullwidth,
+        ...rest,
+        ref: ref,
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputGroupStyles.InputGroupContentStyle, {
+                children: children
+            }),
+            hasError && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputMessageStyle, {
+                $variant: "error",
+                children: error
+            }),
+            hasSuccess && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputMessageStyle, {
+                $variant: "success",
+                children: success
+            })
+        ]
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(InputGroup);
 

package/dist/cjs/input/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/InputGroup.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InputMessageStyle } from './InputStyles'\nimport { InputGroupStyle, InputGroupContentStyle } from './InputGroupStyles'\nimport { InputGroupProps } from './types'\n\nfunction InputGroup(\n  props: InputGroupProps,\n  ref?: ForwardedRef<HTMLSpanElement>,\n) {\n  const { fullwidth = false, error, success, children, ...rest } = props\n\n  const hasError = !!error\n  const hasSuccess = !!success && !error\n\n  return (\n    <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>\n      <InputGroupContentStyle>{children}</InputGroupContentStyle>\n      {hasError && (\n        <InputMessageStyle $variant='error'>{error}</InputMessageStyle>\n      )}\n      {hasSuccess && (\n        <InputMessageStyle $variant='success'>{success}</InputMessageStyle>\n      )}\n    </InputGroupStyle>\n  )\n}\n\nexport default forwardRef(InputGroup)\n"],"names":["InputGroup","props","ref","fullwidth","error","success","children","rest","hasError","hasSuccess","InputGroupStyle","$fullwidth","InputGroupContentStyle","InputMessageStyle","$variant","forwardRef"],"mappings":"AAAA;;;;+BA2BA,SAAqC;;aAArC,QAAqC;;;;6DA3BW,OAAO;6BACrB,eAAe;kCACO,oBAAoB;AAG5E,SAASA,UAAU,CACjBC,KAAsB,EACtBC,GAAmC,EACnC;IACA,MAAM,EAAEC,SAAS,EAAG,KAAK,CAAA,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGN,KAAK;IAEtE,MAAMO,QAAQ,GAAG,CAAC,CAACJ,KAAK;IACxB,MAAMK,UAAU,GAAG,CAAC,CAACJ,OAAO,IAAI,CAACD,KAAK;IAEtC,qBACE,6BAACM,iBAAe,gBAAA;QAACC,UAAU,EAAER,SAAS;OAAMI,IAAI;QAAEL,GAAG,EAAEA,GAAG;sBACxD,6BAACU,iBAAsB,uBAAA,QAAEN,QAAQ,CAA0B,EAC1DE,QAAQ,kBACP,6BAACK,YAAiB,kBAAA;QAACC,QAAQ,EAAC,OAAO;OAAEV,KAAK,CAAqB,AAChE,EACAK,UAAU,kBACT,6BAACI,YAAiB,kBAAA;QAACC,QAAQ,EAAC,SAAS;OAAET,OAAO,CAAqB,AACpE,CACe,CACnB;AACH,CAAC;MAED,QAAqC,iBAAtBU,IAAAA,MAAU,WAAA,EAACf,UAAU,CAAC"}
+{"version":3,"sources":["../../../packages/input/InputGroup.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InputMessageStyle } from './InputStyles'\nimport { InputGroupStyle, InputGroupContentStyle } from './InputGroupStyles'\nimport { InputGroupProps } from './types'\n\nfunction InputGroup(\n  { fullwidth = false, error, success, children, ...rest }: InputGroupProps,\n  ref?: ForwardedRef<HTMLSpanElement>,\n) {\n  const hasError = !!error\n  const hasSuccess = !!success && !error\n\n  return (\n    <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>\n      <InputGroupContentStyle>{children}</InputGroupContentStyle>\n      {hasError && (\n        <InputMessageStyle $variant='error'>{error}</InputMessageStyle>\n      )}\n      {hasSuccess && (\n        <InputMessageStyle $variant='success'>{success}</InputMessageStyle>\n      )}\n    </InputGroupStyle>\n  )\n}\n\nexport default forwardRef(InputGroup)\n"],"names":["InputGroup","ref","fullwidth","error","success","children","rest","hasError","hasSuccess","InputGroupStyle","$fullwidth","InputGroupContentStyle","InputMessageStyle","$variant","forwardRef"],"mappings":"AAAA;;;;+BAyBA,SAAqC;;aAArC,QAAqC;;;uBAzBI,OAAO;6BACd,eAAe;kCACO,oBAAoB;AAG5E,SAASA,UAAU,CACjB,KAAyE,EACzEC,GAAmC,EACnC;QAFA,EAAEC,SAAS,EAAG,KAAK,CAAA,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAmB,GAAzE,KAAyE;IAGzE,MAAMC,QAAQ,GAAG,CAAC,CAACJ,KAAK;IACxB,MAAMK,UAAU,GAAG,CAAC,CAACJ,OAAO,IAAI,CAACD,KAAK;IAEtC,qBACE,sBAACM,iBAAe,gBAAA;QAACC,UAAU,EAAER,SAAS;QAAG,GAAGI,IAAI;QAAEL,GAAG,EAAEA,GAAG;;0BACxD,qBAACU,iBAAsB,uBAAA;0BAAEN,QAAQ;cAA0B;YAC1DE,QAAQ,kBACP,qBAACK,YAAiB,kBAAA;gBAACC,QAAQ,EAAC,OAAO;0BAAEV,KAAK;cAAqB,AAChE;YACAK,UAAU,kBACT,qBAACI,YAAiB,kBAAA;gBAACC,QAAQ,EAAC,SAAS;0BAAET,OAAO;cAAqB,AACpE;;MACe,CACnB;AACH,CAAC;MAED,QAAqC,iBAAtBU,IAAAA,MAAU,WAAA,EAACd,UAAU,CAAC"}

package/dist/cjs/input/OptionsSlider.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "default", {
     get: ()=>_default
 });
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
 const _sliderInput = /*#__PURE__*/ _interopRequireDefault(require("./SliderInput"));
 const OptionsSlider = (param)=>{
     let { options , value , onChange  } = param;
@@ -30,7 +30,7 @@ const OptionsSlider = (param)=>{
             label
         };
     });
-    return /*#__PURE__*/ _react.default.createElement(_sliderInput.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_sliderInput.default, {
         min: 0,
         max: max,
         value: sliderIndex,

package/dist/cjs/input/OptionsSlider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/OptionsSlider.tsx"],"sourcesContent":["import React from 'react'\nimport SliderInput from './SliderInput'\nimport { OptionsSliderInputProps } from './types'\n\nconst OptionsSlider = ({\n  options,\n  value,\n  onChange,\n}: OptionsSliderInputProps): React.ReactElement => {\n  let sliderIndex = options.findIndex((option) => option.value === value)\n\n  if (sliderIndex === -1) {\n    sliderIndex = 0\n  }\n\n  const max = options.length - 1\n\n  const getLabel = (optionIndex: number) => {\n    return options[optionIndex].label\n  }\n\n  const handleSliderChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const optionIndex = Number(e.target.value)\n    onChange(options[optionIndex].value, optionIndex)\n  }\n\n  const labels = options.map(({ label }, index) => ({ value: index, label }))\n  return (\n    <SliderInput\n      min={0}\n      max={max}\n      value={sliderIndex}\n      onChange={handleSliderChange}\n      getLabel={getLabel}\n      labels={labels}\n      borderNone={true}\n      onLabelClick={(optionIndex) =>\n        onChange(options[optionIndex].value, optionIndex)\n      }\n    />\n  )\n}\n\nexport default OptionsSlider\n"],"names":["OptionsSlider","options","value","onChange","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","index","SliderInput","min","borderNone","onLabelClick"],"mappings":"AAAA;;;;+BA2CA,SAA4B;;aAA5B,QAA4B;;;4DA3CV,OAAO;kEACD,eAAe;AAGvC,MAAMA,aAAa,GAAG,SAI6B;QAJ5B,EACrBC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACgB;IACxB,IAAIC,WAAW,GAAGH,OAAO,CAACI,SAAS,CAAC,CAACC,MAAM,GAAKA,MAAM,CAACJ,KAAK,KAAKA,KAAK,CAAC;IAEvE,IAAIE,WAAW,KAAK,CAAC,CAAC,EAAE;QACtBA,WAAW,GAAG,CAAC;IACjB,CAAC;IAED,MAAMG,GAAG,GAAGN,OAAO,CAACO,MAAM,GAAG,CAAC;IAE9B,MAAMC,QAAQ,GAAG,CAACC,WAAmB,GAAK;QACxC,OAAOT,OAAO,CAACS,WAAW,CAAC,CAACC,KAAK,CAAA;IACnC,CAAC;IAED,MAAMC,kBAAkB,GAAG,CAACC,CAAsC,GAAK;QACrE,MAAMH,WAAW,GAAGI,MAAM,CAACD,CAAC,CAACE,MAAM,CAACb,KAAK,CAAC;QAC1CC,QAAQ,CAACF,OAAO,CAACS,WAAW,CAAC,CAACR,KAAK,EAAEQ,WAAW,CAAC;IACnD,CAAC;IAED,MAAMM,MAAM,GAAGf,OAAO,CAACgB,GAAG,CAAC,QAAYC,KAAK,GAAK;YAArB,EAAEP,KAAK,CAAA,EAAE;eAAa;YAAET,KAAK,EAAEgB,KAAK;YAAEP,KAAK;SAAE;IAAA,CAAC,CAAC;IAC3E,qBACE,6BAACQ,YAAW,QAAA;QACVC,GAAG,EAAE,CAAC;QACNb,GAAG,EAAEA,GAAG;QACRL,KAAK,EAAEE,WAAW;QAClBD,QAAQ,EAAES,kBAAkB;QAC5BH,QAAQ,EAAEA,QAAQ;QAClBO,MAAM,EAAEA,MAAM;QACdK,UAAU,EAAE,IAAI;QAChBC,YAAY,EAAE,CAACZ,WAAW,GACxBP,QAAQ,CAACF,OAAO,CAACS,WAAW,CAAC,CAACR,KAAK,EAAEQ,WAAW,CAAC;MAEnD,CACH;AACH,CAAC;MAED,QAA4B,GAAbV,aAAa"}
+{"version":3,"sources":["../../../packages/input/OptionsSlider.tsx"],"sourcesContent":["import SliderInput from './SliderInput'\nimport { OptionsSliderInputProps } from './types'\n\nconst OptionsSlider = ({\n  options,\n  value,\n  onChange,\n}: OptionsSliderInputProps): React.ReactElement => {\n  let sliderIndex = options.findIndex((option) => option.value === value)\n\n  if (sliderIndex === -1) {\n    sliderIndex = 0\n  }\n\n  const max = options.length - 1\n\n  const getLabel = (optionIndex: number) => {\n    return options[optionIndex].label\n  }\n\n  const handleSliderChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const optionIndex = Number(e.target.value)\n    onChange(options[optionIndex].value, optionIndex)\n  }\n\n  const labels = options.map(({ label }, index) => ({ value: index, label }))\n  return (\n    <SliderInput\n      min={0}\n      max={max}\n      value={sliderIndex}\n      onChange={handleSliderChange}\n      getLabel={getLabel}\n      labels={labels}\n      borderNone={true}\n      onLabelClick={(optionIndex) =>\n        onChange(options[optionIndex].value, optionIndex)\n      }\n    />\n  )\n}\n\nexport default OptionsSlider\n"],"names":["OptionsSlider","options","value","onChange","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","index","SliderInput","min","borderNone","onLabelClick"],"mappings":"AAAA;;;;+BA0CA,SAA4B;;aAA5B,QAA4B;;;;kEA1CJ,eAAe;AAGvC,MAAMA,aAAa,GAAG,SAI6B;QAJ5B,EACrBC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACgB;IACxB,IAAIC,WAAW,GAAGH,OAAO,CAACI,SAAS,CAAC,CAACC,MAAM,GAAKA,MAAM,CAACJ,KAAK,KAAKA,KAAK,CAAC;IAEvE,IAAIE,WAAW,KAAK,CAAC,CAAC,EAAE;QACtBA,WAAW,GAAG,CAAC;IACjB,CAAC;IAED,MAAMG,GAAG,GAAGN,OAAO,CAACO,MAAM,GAAG,CAAC;IAE9B,MAAMC,QAAQ,GAAG,CAACC,WAAmB,GAAK;QACxC,OAAOT,OAAO,CAACS,WAAW,CAAC,CAACC,KAAK,CAAA;IACnC,CAAC;IAED,MAAMC,kBAAkB,GAAG,CAACC,CAAsC,GAAK;QACrE,MAAMH,WAAW,GAAGI,MAAM,CAACD,CAAC,CAACE,MAAM,CAACb,KAAK,CAAC;QAC1CC,QAAQ,CAACF,OAAO,CAACS,WAAW,CAAC,CAACR,KAAK,EAAEQ,WAAW,CAAC;IACnD,CAAC;IAED,MAAMM,MAAM,GAAGf,OAAO,CAACgB,GAAG,CAAC,QAAYC,KAAK,GAAK;YAArB,EAAEP,KAAK,CAAA,EAAE;eAAa;YAAET,KAAK,EAAEgB,KAAK;YAAEP,KAAK;SAAE;IAAA,CAAC,CAAC;IAC3E,qBACE,qBAACQ,YAAW,QAAA;QACVC,GAAG,EAAE,CAAC;QACNb,GAAG,EAAEA,GAAG;QACRL,KAAK,EAAEE,WAAW;QAClBD,QAAQ,EAAES,kBAAkB;QAC5BH,QAAQ,EAAEA,QAAQ;QAClBO,MAAM,EAAEA,MAAM;QACdK,UAAU,EAAE,IAAI;QAChBC,YAAY,EAAE,CAACZ,WAAW,GACxBP,QAAQ,CAACF,OAAO,CAACS,WAAW,CAAC,CAACR,KAAK,EAAEQ,WAAW,CAAC;MAEnD,CACH;AACH,CAAC;MAED,QAA4B,GAAbV,aAAa"}

package/dist/cjs/input/SliderInput.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
 const _sliderInputStyles = require("./SliderInputStyles");
 function SliderInput(param) {
     let { value , onChange , onLabelClick , min =0 , max =100 , step =1 , minLabel , maxLabel , getLabel =(val)=>String(val) , borderNone , labels  } = param;
@@ -18,28 +17,46 @@ function SliderInput(param) {
             return onLabelClick === null || onLabelClick === void 0 ? void 0 : onLabelClick(value);
         };
     };
-    return /*#__PURE__*/ _react.default.createElement(_sliderInputStyles.SliderWrapper, null, /*#__PURE__*/ _react.default.createElement(_sliderInputStyles.Slider, {
-        borderNone: borderNone
-    }, getLabel(value), /*#__PURE__*/ _react.default.createElement(_sliderInputStyles.Track, {
-        fillPercentage: fillPercentage,
-        borderNone: borderNone
-    })), /*#__PURE__*/ _react.default.createElement(_sliderInputStyles.RangeInputSlider, {
-        value: value,
-        step: step,
-        onChange: onChange,
-        min: min,
-        max: max
-    }), /*#__PURE__*/ _react.default.createElement(_sliderInputStyles.LabelContainer, null, minLabel && /*#__PURE__*/ _react.default.createElement(LabelComponent, {
-        onClick: createClickHandler(min)
-    }, minLabel), labels === null || labels === void 0 ? void 0 : labels.map((param)=>/*#__PURE__*/ {
-        let { value , label  } = param;
-        return _react.default.createElement(LabelComponent, {
-            onClick: createClickHandler(value),
-            key: value
-        }, label);
-    }), maxLabel && /*#__PURE__*/ _react.default.createElement(LabelComponent, {
-        onClick: createClickHandler(max)
-    }, maxLabel)));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_sliderInputStyles.SliderWrapper, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_sliderInputStyles.Slider, {
+                borderNone: borderNone,
+                children: [
+                    getLabel(value),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_sliderInputStyles.Track, {
+                        fillPercentage: fillPercentage,
+                        borderNone: borderNone
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_sliderInputStyles.RangeInputSlider, {
+                value: value,
+                step: step,
+                onChange: onChange,
+                min: min,
+                max: max
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_sliderInputStyles.LabelContainer, {
+                children: [
+                    minLabel && /*#__PURE__*/ (0, _jsxRuntime.jsx)(LabelComponent, {
+                        onClick: createClickHandler(min),
+                        children: minLabel
+                    }),
+                    labels === null || labels === void 0 ? void 0 : labels.map((param)=>/*#__PURE__*/ {
+                        let { value , label  } = param;
+                        return (0, _jsxRuntime.jsx)(LabelComponent, {
+                            onClick: createClickHandler(value),
+                            children: label
+                        }, value);
+                    }),
+                    maxLabel && /*#__PURE__*/ (0, _jsxRuntime.jsx)(LabelComponent, {
+                        onClick: createClickHandler(max),
+                        children: maxLabel
+                    })
+                ]
+            })
+        ]
+    });
 }
 const _default = SliderInput;
 

package/dist/cjs/input/SliderInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/SliderInput.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Label,\n  LabelButton,\n  LabelContainer,\n  RangeInputSlider,\n  Slider,\n  SliderWrapper,\n  Track,\n} from './SliderInputStyles'\nimport { SliderInputProps } from './types'\n\nfunction SliderInput({\n  value,\n  onChange,\n  onLabelClick,\n  min = 0,\n  max = 100,\n  step = 1,\n  minLabel,\n  maxLabel,\n  getLabel = (val) => String(val),\n  borderNone,\n  labels,\n}: SliderInputProps): React.ReactElement {\n  const fillPercentage = ((value - min) / (max - min)) * 100\n  const LabelComponent = onLabelClick ? LabelButton : Label\n  const createClickHandler = (value: number) => () => onLabelClick?.(value)\n\n  return (\n    <SliderWrapper>\n      <Slider borderNone={borderNone}>\n        {getLabel(value)}\n        <Track fillPercentage={fillPercentage} borderNone={borderNone} />\n      </Slider>\n      <RangeInputSlider\n        value={value}\n        step={step}\n        onChange={onChange}\n        min={min}\n        max={max}\n      />\n      <LabelContainer>\n        {minLabel && (\n          <LabelComponent onClick={createClickHandler(min)}>\n            {minLabel}\n          </LabelComponent>\n        )}\n        {labels?.map(({ value, label }) => (\n          <LabelComponent onClick={createClickHandler(value)} key={value}>\n            {label}\n          </LabelComponent>\n        ))}\n        {maxLabel && (\n          <LabelComponent onClick={createClickHandler(max)}>\n            {maxLabel}\n          </LabelComponent>\n        )}\n      </LabelContainer>\n    </SliderWrapper>\n  )\n}\n\nexport default SliderInput\n"],"names":["SliderInput","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","fillPercentage","LabelComponent","LabelButton","Label","createClickHandler","SliderWrapper","Slider","Track","RangeInputSlider","LabelContainer","onClick","map","label","key"],"mappings":"AAAA;;;;+BA+DA,SAA0B;;aAA1B,QAA0B;;;4DA/DR,OAAO;mCASlB,qBAAqB;AAG5B,SAASA,WAAW,CAAC,KAYF,EAAsB;QAZpB,EACnBC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACRC,YAAY,CAAA,EACZC,GAAG,EAAG,CAAC,CAAA,EACPC,GAAG,EAAG,GAAG,CAAA,EACTC,IAAI,EAAG,CAAC,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,EAAG,CAACC,GAAG,GAAKC,MAAM,CAACD,GAAG,CAAC,CAAA,EAC/BE,UAAU,CAAA,EACVC,MAAM,CAAA,EACW,GAZE,KAYF;IACjB,MAAMC,cAAc,GAAG,AAAC,CAACb,KAAK,GAAGG,GAAG,CAAC,GAAG,CAACC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG;IAC1D,MAAMW,cAAc,GAAGZ,YAAY,GAAGa,kBAAW,YAAA,GAAGC,kBAAK,MAAA;IACzD,MAAMC,kBAAkB,GAAG,CAACjB,KAAa;QAAK,OAAA;YAAME,OAAAA,YAAY,aAAZA,YAAY,WAAS,GAArBA,KAAAA,CAAqB,GAArBA,YAAY,CAAGF,KAAK,CAAC,CAAA;SAAA,CAAA;KAAA;IAEzE,qBACE,6BAACkB,kBAAa,cAAA,sBACZ,6BAACC,kBAAM,OAAA;QAACR,UAAU,EAAEA,UAAU;OAC3BH,QAAQ,CAACR,KAAK,CAAC,gBAChB,6BAACoB,kBAAK,MAAA;QAACP,cAAc,EAAEA,cAAc;QAAEF,UAAU,EAAEA,UAAU;MAAI,CAC1D,gBACT,6BAACU,kBAAgB,iBAAA;QACfrB,KAAK,EAAEA,KAAK;QACZK,IAAI,EAAEA,IAAI;QACVJ,QAAQ,EAAEA,QAAQ;QAClBE,GAAG,EAAEA,GAAG;QACRC,GAAG,EAAEA,GAAG;MACR,gBACF,6BAACkB,kBAAc,eAAA,QACZhB,QAAQ,kBACP,6BAACQ,cAAc;QAACS,OAAO,EAAEN,kBAAkB,CAACd,GAAG,CAAC;OAC7CG,QAAQ,CACM,AAClB,EACAM,MAAM,aAANA,MAAM,WAAK,GAAXA,KAAAA,CAAW,GAAXA,MAAM,CAAEY,GAAG,CAAC,uBACX;YADY,EAAExB,KAAK,CAAA,EAAEyB,KAAK,CAAA,EAAE;eAC5B,6BAACX,cAAc;YAACS,OAAO,EAAEN,kBAAkB,CAACjB,KAAK,CAAC;YAAE0B,GAAG,EAAE1B,KAAK;WAC3DyB,KAAK,CACS;IAAD,CACjB,CAAC,EACDlB,QAAQ,kBACP,6BAACO,cAAc;QAACS,OAAO,EAAEN,kBAAkB,CAACb,GAAG,CAAC;OAC7CG,QAAQ,CACM,AAClB,CACc,CACH,CACjB;AACH,CAAC;MAED,QAA0B,GAAXR,WAAW"}
+{"version":3,"sources":["../../../packages/input/SliderInput.tsx"],"sourcesContent":["import { ReactElement } from 'react'\nimport {\n  Label,\n  LabelButton,\n  LabelContainer,\n  RangeInputSlider,\n  Slider,\n  SliderWrapper,\n  Track,\n} from './SliderInputStyles'\nimport { SliderInputProps } from './types'\n\nfunction SliderInput({\n  value,\n  onChange,\n  onLabelClick,\n  min = 0,\n  max = 100,\n  step = 1,\n  minLabel,\n  maxLabel,\n  getLabel = (val) => String(val),\n  borderNone,\n  labels,\n}: SliderInputProps): ReactElement {\n  const fillPercentage = ((value - min) / (max - min)) * 100\n  const LabelComponent = onLabelClick ? LabelButton : Label\n  const createClickHandler = (value: number) => () => onLabelClick?.(value)\n\n  return (\n    <SliderWrapper>\n      <Slider borderNone={borderNone}>\n        {getLabel(value)}\n        <Track fillPercentage={fillPercentage} borderNone={borderNone} />\n      </Slider>\n      <RangeInputSlider\n        value={value}\n        step={step}\n        onChange={onChange}\n        min={min}\n        max={max}\n      />\n      <LabelContainer>\n        {minLabel && (\n          <LabelComponent onClick={createClickHandler(min)}>\n            {minLabel}\n          </LabelComponent>\n        )}\n        {labels?.map(({ value, label }) => (\n          <LabelComponent onClick={createClickHandler(value)} key={value}>\n            {label}\n          </LabelComponent>\n        ))}\n        {maxLabel && (\n          <LabelComponent onClick={createClickHandler(max)}>\n            {maxLabel}\n          </LabelComponent>\n        )}\n      </LabelContainer>\n    </SliderWrapper>\n  )\n}\n\nexport default SliderInput\n"],"names":["SliderInput","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","fillPercentage","LabelComponent","LabelButton","Label","createClickHandler","SliderWrapper","Slider","Track","RangeInputSlider","LabelContainer","onClick","map","label"],"mappings":"AAAA;;;;+BA+DA,SAA0B;;aAA1B,QAA0B;;;mCAtDnB,qBAAqB;AAG5B,SAASA,WAAW,CAAC,KAYF,EAAgB;QAZd,EACnBC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACRC,YAAY,CAAA,EACZC,GAAG,EAAG,CAAC,CAAA,EACPC,GAAG,EAAG,GAAG,CAAA,EACTC,IAAI,EAAG,CAAC,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,EAAG,CAACC,GAAG,GAAKC,MAAM,CAACD,GAAG,CAAC,CAAA,EAC/BE,UAAU,CAAA,EACVC,MAAM,CAAA,EACW,GAZE,KAYF;IACjB,MAAMC,cAAc,GAAG,AAAC,CAACb,KAAK,GAAGG,GAAG,CAAC,GAAG,CAACC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG;IAC1D,MAAMW,cAAc,GAAGZ,YAAY,GAAGa,kBAAW,YAAA,GAAGC,kBAAK,MAAA;IACzD,MAAMC,kBAAkB,GAAG,CAACjB,KAAa;QAAK,OAAA;YAAME,OAAAA,YAAY,aAAZA,YAAY,WAAS,GAArBA,KAAAA,CAAqB,GAArBA,YAAY,CAAGF,KAAK,CAAC,CAAA;SAAA,CAAA;KAAA;IAEzE,qBACE,sBAACkB,kBAAa,cAAA;;0BACZ,sBAACC,kBAAM,OAAA;gBAACR,UAAU,EAAEA,UAAU;;oBAC3BH,QAAQ,CAACR,KAAK,CAAC;kCAChB,qBAACoB,kBAAK,MAAA;wBAACP,cAAc,EAAEA,cAAc;wBAAEF,UAAU,EAAEA,UAAU;sBAAI;;cAC1D;0BACT,qBAACU,kBAAgB,iBAAA;gBACfrB,KAAK,EAAEA,KAAK;gBACZK,IAAI,EAAEA,IAAI;gBACVJ,QAAQ,EAAEA,QAAQ;gBAClBE,GAAG,EAAEA,GAAG;gBACRC,GAAG,EAAEA,GAAG;cACR;0BACF,sBAACkB,kBAAc,eAAA;;oBACZhB,QAAQ,kBACP,qBAACQ,cAAc;wBAACS,OAAO,EAAEN,kBAAkB,CAACd,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;oBACAM,MAAM,aAANA,MAAM,WAAK,GAAXA,KAAAA,CAAW,GAAXA,MAAM,CAAEY,GAAG,CAAC,uBACX;4BADY,EAAExB,KAAK,CAAA,EAAEyB,KAAK,CAAA,EAAE;+BAC5B,qBAACX,cAAc;4BAACS,OAAO,EAAEN,kBAAkB,CAACjB,KAAK,CAAC;sCAC/CyB,KAAK;2BADiDzB,KAAK,CAE7C;oBAAD,CACjB,CAAC;oBACDO,QAAQ,kBACP,qBAACO,cAAc;wBAACS,OAAO,EAAEN,kBAAkB,CAACb,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;;cACc;;MACH,CACjB;AACH,CAAC;MAED,QAA0B,GAAXR,WAAW"}

package/dist/cjs/input/Textarea.js

@@ -6,18 +6,12 @@ Object.defineProperty(exports, "default", {
     enumerable: true,
     get: ()=>_default
 });
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _inputStyles = require("./InputStyles");
 const _labelStyles = require("./LabelStyles");
-function Textarea(props, ref) {
-    const { label , error , warning , success , active =false , fullwidth =false , placeholder =' ' , className , style , variant ='default' , color ='default' , wrapperRef , children , ...rest } = props;
-    const { id , disabled =false  } = props;
-    const wrapperProps = {
-        className,
-        style
-    };
+function Textarea(param, ref) {
+    let { label , error , warning , success , active =false , fullwidth =false , placeholder =' ' , className , style , variant ='default' , color ='default' , id , disabled =false , wrapperRef , children , ...rest } = param;
     const hasLabel = !!label && variant === 'default';
     const hasError = !!error;
     const hasErrorMessage = hasError && typeof error !== 'boolean';
@@ -26,36 +20,55 @@ function Textarea(props, ref) {
     const hasWarningMessage = hasWarning && typeof warning !== 'boolean';
     const hasSuccess = !!success && !error;
     const hasSuccessMessage = hasSuccess && typeof success !== 'boolean';
-    return /*#__PURE__*/ _react.default.createElement(_inputStyles.InputWrapperStyle, _extends({
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_inputStyles.InputWrapperStyle, {
+        className: className,
+        style: style,
         $disabled: disabled,
         $fullwidth: fullwidth,
         htmlFor: id,
-        ref: wrapperRef
-    }, wrapperProps), /*#__PURE__*/ _react.default.createElement(_inputStyles.InputContentStyle, {
-        $color: color,
-        $variant: variant,
-        $error: hasError,
-        $warning: hasWarning,
-        $active: active,
-        $disabled: disabled
-    }, /*#__PURE__*/ _react.default.createElement(_inputStyles.InputControlWrapperStyle, null, /*#__PURE__*/ _react.default.createElement(_inputStyles.TextareaStyle, _extends({
-        $labeled: hasLabel,
-        $color: color,
-        placeholder: placeholder,
-        "aria-invalid": hasError,
-        ref: ref
-    }, rest)), hasLabel && /*#__PURE__*/ _react.default.createElement(_labelStyles.TextareaLabelStyle, {
-        $color: color
-    }, label))), hasErrorMessage && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
-        $variant: "error",
-        $bordered: true
-    }, error), hasWarningMessage && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
-        $variant: "warning",
-        $bordered: true
-    }, warning), hasSuccessMessage && /*#__PURE__*/ _react.default.createElement(_inputStyles.InputMessageStyle, {
-        $variant: "success",
-        $bordered: true
-    }, success));
+        ref: wrapperRef,
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputContentStyle, {
+                $color: color,
+                $variant: variant,
+                $error: hasError,
+                $warning: hasWarning,
+                $active: active,
+                $disabled: disabled,
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_inputStyles.InputControlWrapperStyle, {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.TextareaStyle, {
+                            $labeled: hasLabel,
+                            $color: color,
+                            placeholder: placeholder,
+                            "aria-invalid": hasError,
+                            ref: ref,
+                            ...rest
+                        }),
+                        hasLabel && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_labelStyles.TextareaLabelStyle, {
+                            $color: color,
+                            children: label
+                        })
+                    ]
+                })
+            }),
+            hasErrorMessage && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputMessageStyle, {
+                $variant: "error",
+                $bordered: true,
+                children: error
+            }),
+            hasWarningMessage && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputMessageStyle, {
+                $variant: "warning",
+                $bordered: true,
+                children: warning
+            }),
+            hasSuccessMessage && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputStyles.InputMessageStyle, {
+                $variant: "success",
+                $bordered: true,
+                children: success
+            })
+        ]
+    });
 }
 const _default = /*#__PURE__*/ (0, _react.forwardRef)(Textarea);