@lidofinance/lido-ui 3.9.0 → 3.10.1

package/dist/esm/identicon/Identicon.js

@@ -1,19 +1,19 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { IdenticonStyle } from "./IdenticonStyles";
 import Jazzicon, { jsNumberForAddress } from "react-jazzicon";
-function Identicon(props, ref) {
-    const { diameter =24 , address , paperStyles , svgStyles , ...rest } = props;
-    const iconProps = {
-        diameter,
-        paperStyles,
-        svgStyles
-    };
-    return /*#__PURE__*/ React.createElement(IdenticonStyle, _extends({}, rest, {
-        ref: ref
-    }), /*#__PURE__*/ React.createElement(Jazzicon, _extends({
-        seed: jsNumberForAddress(address)
-    }, iconProps)));
+function Identicon(param, ref) {
+    let { diameter =24 , address , paperStyles , svgStyles , ...rest } = param;
+    return /*#__PURE__*/ _jsx(IdenticonStyle, {
+        ...rest,
+        ref: ref,
+        children: /*#__PURE__*/ _jsx(Jazzicon, {
+            seed: jsNumberForAddress(address),
+            diameter: diameter,
+            paperStyles: paperStyles,
+            svgStyles: svgStyles
+        })
+    });
 }
 export default /*#__PURE__*/ forwardRef(Identicon);
 

package/dist/esm/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":["React","forwardRef","IdenticonStyle","Jazzicon","jsNumberForAddress","Identicon","props","ref","diameter","address","paperStyles","svgStyles","rest","iconProps","seed"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SAASC,cAAc,QAAQ,mBAAmB,CAAA;AAClD,OAAOC,QAAQ,IAAIC,kBAAkB,QAAQ,gBAAgB,CAAA;AAE7D,SAASC,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,oBAACT,cAAc,eAAKU,IAAI;QAAEL,GAAG,EAAEA,GAAG;sBAChC,oBAACJ,QAAQ;QAACW,IAAI,EAAEV,kBAAkB,CAACK,OAAO,CAAC;OAAMI,SAAS,EAAI,CAC/C,CAClB;AACH,CAAC;AAED,6BAAeZ,UAAU,CAACI,SAAS,CAAC,CAAA"}
+{"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":["forwardRef","IdenticonStyle","Jazzicon","jsNumberForAddress","Identicon","ref","diameter","address","paperStyles","svgStyles","rest","seed"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SAASC,cAAc,QAAQ,mBAAmB,CAAA;AAClD,OAAOC,QAAQ,IAAIC,kBAAkB,QAAQ,gBAAgB,CAAA;AAE7D,SAASC,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,KAACT,cAAc;QAAE,GAAGS,IAAI;QAAEL,GAAG,EAAEA,GAAG;kBAChC,cAAA,KAACH,QAAQ;YACPS,IAAI,EAAER,kBAAkB,CAACI,OAAO,CAAC;YACjCD,QAAQ,EAAEA,QAAQ;YAClBE,WAAW,EAAEA,WAAW;YACxBC,SAAS,EAAEA,SAAS;UACpB;MACa,CAClB;AACH,CAAC;AAED,6BAAeT,UAAU,CAACI,SAAS,CAAC,CAAA"}

package/dist/esm/identicon/IdenticonBadge.js

@@ -1,24 +1,29 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Address } from "../address/index";
 import { IdenticonBadgeStyle, AddressWrapperStyle } from "./IdenticonStyles";
 import Identicon from "./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.createElement(IdenticonBadgeStyle, _extends({
-        $color: color
-    }, rest, {
-        ref: ref
-    }), symbols > 0 ? /*#__PURE__*/ React.createElement(AddressWrapperStyle, null, /*#__PURE__*/ React.createElement(Address, {
-        address: address,
-        symbols: symbols
-    })) : '', /*#__PURE__*/ React.createElement(Identicon, _extends({}, identiconProps)));
+function IdenticonBadge(param, ref) {
+    let { symbols =3 , color ='background' , diameter , address , paperStyles , svgStyles , ...rest } = param;
+    return /*#__PURE__*/ _jsxs(IdenticonBadgeStyle, {
+        $color: color,
+        ...rest,
+        ref: ref,
+        children: [
+            symbols > 0 ? /*#__PURE__*/ _jsx(AddressWrapperStyle, {
+                children: /*#__PURE__*/ _jsx(Address, {
+                    address: address,
+                    symbols: symbols
+                })
+            }) : '',
+            /*#__PURE__*/ _jsx(Identicon, {
+                address: address,
+                diameter: diameter,
+                paperStyles: paperStyles,
+                svgStyles: svgStyles
+            })
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(IdenticonBadge);
 

package/dist/esm/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":["React","forwardRef","Address","IdenticonBadgeStyle","AddressWrapperStyle","Identicon","IdenticonBadge","props","ref","symbols","color","diameter","address","paperStyles","svgStyles","rest","identiconProps","$color"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,OAAO,QAAQ,kBAAsB,CAAA;AAE9C,SAASC,mBAAmB,EAAEC,mBAAmB,QAAQ,mBAAmB,CAAA;AAC5E,OAAOC,SAAS,MAAM,aAAa,CAAA;AAEnC,SAASC,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,oBAACX,mBAAmB;QAACc,MAAM,EAAEP,KAAK;OAAMK,IAAI;QAAEP,GAAG,EAAEA,GAAG;QACnDC,OAAO,GAAG,CAAC,iBACV,oBAACL,mBAAmB,sBAClB,oBAACF,OAAO;QAACU,OAAO,EAAEA,OAAO;QAAEH,OAAO,EAAEA,OAAO;MAAI,CAC3B,GAEtB,EAAE,AACH,gBACD,oBAACJ,SAAS,eAAKW,cAAc,EAAI,CACb,CACvB;AACH,CAAC;AAED,6BAAef,UAAU,CAACK,cAAc,CAAC,CAAA"}
+{"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":["forwardRef","Address","IdenticonBadgeStyle","AddressWrapperStyle","Identicon","IdenticonBadge","ref","symbols","color","diameter","address","paperStyles","svgStyles","rest","$color"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAASC,OAAO,QAAQ,kBAAsB,CAAA;AAE9C,SAASC,mBAAmB,EAAEC,mBAAmB,QAAQ,mBAAmB,CAAA;AAC5E,OAAOC,SAAS,MAAM,aAAa,CAAA;AAEnC,SAASC,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,MAACX,mBAAmB;QAACY,MAAM,EAAEN,KAAK;QAAG,GAAGK,IAAI;QAAEP,GAAG,EAAEA,GAAG;;YACnDC,OAAO,GAAG,CAAC,iBACV,KAACJ,mBAAmB;0BAClB,cAAA,KAACF,OAAO;oBAACS,OAAO,EAAEA,OAAO;oBAAEH,OAAO,EAAEA,OAAO;kBAAI;cAC3B,GAEtB,EAAE,AACH;0BACD,KAACH,SAAS;gBACRM,OAAO,EAAEA,OAAO;gBAChBD,QAAQ,EAAEA,QAAQ;gBAClBE,WAAW,EAAEA,WAAW;gBACxBC,SAAS,EAAEA,SAAS;cACpB;;MACkB,CACvB;AACH,CAAC;AAED,6BAAeZ,UAAU,CAACK,cAAc,CAAC,CAAA"}

package/dist/esm/identicon/types.js

@@ -1,4 +1,3 @@
-import React from "react";
 export var IdenticonBadgeColor;
 (function(IdenticonBadgeColor) {
     IdenticonBadgeColor[IdenticonBadgeColor["background"] = 0] = "background";

package/dist/esm/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":["React","IdenticonBadgeColor","background","accent"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO,CAAA;WAalB,mBAGN;UAHWC,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,WAcO,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/esm/input/Input.js

@@ -1,14 +1,9 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { InputWrapperStyle, InputContentStyle, InputControlWrapperStyle, InputStyle, InputLeftDecoratorStyle, InputRightDecoratorStyle, InputMessageStyle } from "./InputStyles";
 import { InputLabelStyle } from "./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';
@@ -19,37 +14,64 @@ function Input(props, ref) {
     const hasSuccessMessage = hasSuccess && typeof success !== 'boolean';
     const hasLeftDecorator = !!leftDecorator;
     const hasRightDecorator = !!rightDecorator;
-    return /*#__PURE__*/ React.createElement(InputWrapperStyle, _extends({
+    return /*#__PURE__*/ _jsxs(InputWrapperStyle, {
+        className: className,
+        style: style,
         $disabled: disabled,
         $fullwidth: fullwidth,
         htmlFor: id,
-        ref: wrapperRef
-    }, wrapperProps), /*#__PURE__*/ React.createElement(InputContentStyle, {
-        $color: color,
-        $variant: variant,
-        $error: hasError,
-        $warning: hasWarning,
-        $active: active,
-        $disabled: disabled
-    }, hasLeftDecorator && /*#__PURE__*/ React.createElement(InputLeftDecoratorStyle, null, leftDecorator), /*#__PURE__*/ React.createElement(InputControlWrapperStyle, null, /*#__PURE__*/ React.createElement(InputStyle, _extends({
-        $labeled: hasLabel,
-        $color: color,
-        placeholder: placeholder,
-        "aria-invalid": hasError,
-        type: "text",
-        ref: ref
-    }, rest)), hasLabel && /*#__PURE__*/ React.createElement(InputLabelStyle, {
-        $color: color
-    }, label)), hasRightDecorator && /*#__PURE__*/ React.createElement(InputRightDecoratorStyle, null, rightDecorator)), hasErrorMessage && /*#__PURE__*/ React.createElement(InputMessageStyle, {
-        $variant: "error",
-        $bordered: true
-    }, error), hasWarningMessage && /*#__PURE__*/ React.createElement(InputMessageStyle, {
-        $variant: "warning",
-        $bordered: true
-    }, warning), hasSuccessMessage && /*#__PURE__*/ React.createElement(InputMessageStyle, {
-        $variant: "success",
-        $bordered: true
-    }, success));
+        ref: wrapperRef,
+        children: [
+            /*#__PURE__*/ _jsxs(InputContentStyle, {
+                $color: color,
+                $variant: variant,
+                $error: hasError,
+                $warning: hasWarning,
+                $active: active,
+                $disabled: disabled,
+                children: [
+                    hasLeftDecorator && /*#__PURE__*/ _jsx(InputLeftDecoratorStyle, {
+                        children: leftDecorator
+                    }),
+                    /*#__PURE__*/ _jsxs(InputControlWrapperStyle, {
+                        children: [
+                            /*#__PURE__*/ _jsx(InputStyle, {
+                                $labeled: hasLabel,
+                                $color: color,
+                                placeholder: placeholder,
+                                "aria-invalid": hasError,
+                                type: "text",
+                                ref: ref,
+                                ...rest
+                            }),
+                            hasLabel && /*#__PURE__*/ _jsx(InputLabelStyle, {
+                                $color: color,
+                                children: label
+                            })
+                        ]
+                    }),
+                    hasRightDecorator && /*#__PURE__*/ _jsx(InputRightDecoratorStyle, {
+                        children: rightDecorator
+                    })
+                ]
+            }),
+            hasErrorMessage && /*#__PURE__*/ _jsx(InputMessageStyle, {
+                $variant: "error",
+                $bordered: true,
+                children: error
+            }),
+            hasWarningMessage && /*#__PURE__*/ _jsx(InputMessageStyle, {
+                $variant: "warning",
+                $bordered: true,
+                children: warning
+            }),
+            hasSuccessMessage && /*#__PURE__*/ _jsx(InputMessageStyle, {
+                $variant: "success",
+                $bordered: true,
+                children: success
+            })
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(Input);
 

package/dist/esm/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":["React","forwardRef","InputWrapperStyle","InputContentStyle","InputControlWrapperStyle","InputStyle","InputLeftDecoratorStyle","InputRightDecoratorStyle","InputMessageStyle","InputLabelStyle","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","$disabled","$fullwidth","htmlFor","$color","$variant","$error","$warning","$active","$labeled","aria-invalid","type","$bordered"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SACEC,iBAAiB,EACjBC,iBAAiB,EACjBC,wBAAwB,EACxBC,UAAU,EACVC,uBAAuB,EACvBC,wBAAwB,EACxBC,iBAAiB,QACZ,eAAe,CAAA;AACtB,SAASC,eAAe,QAAQ,eAAe,CAAA;AAG/C,SAASC,KAAK,CAACC,KAAiB,EAAEC,GAAoC,EAAE;IACtE,MAAM,EACJC,KAAK,CAAA,EACLC,KAAK,CAAA,EACLC,OAAO,CAAA,EACPC,OAAO,CAAA,EACPC,MAAM,EAAG,KAAK,CAAA,EACdC,SAAS,EAAG,KAAK,CAAA,EACjBC,WAAW,EAAG,GAAG,CAAA,EACjBC,aAAa,CAAA,EACbC,cAAc,CAAA,EACdC,SAAS,CAAA,EACTC,KAAK,CAAA,EACLC,OAAO,EAAG,SAAS,CAAA,EACnBC,KAAK,EAAG,SAAS,CAAA,EACjBC,UAAU,CAAA,EACVC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGjB,KAAK;IAET,MAAM,EAAEkB,EAAE,CAAA,EAAEC,QAAQ,EAAG,KAAK,CAAA,EAAE,GAAGnB,KAAK;IACtC,MAAMoB,YAAY,GAAG;QAAET,SAAS;QAAEC,KAAK;KAAE;IAEzC,MAAMS,QAAQ,GAAG,CAAC,CAACnB,KAAK,IAAIW,OAAO,KAAK,SAAS;IAEjD,MAAMS,QAAQ,GAAG,CAAC,CAACnB,KAAK;IACxB,MAAMoB,eAAe,GAAGD,QAAQ,IAAI,OAAOnB,KAAK,KAAK,SAAS;IAC9D,MAAMqB,UAAU,GAAG,CAACF,QAAQ,IAAI,CAAC,CAAClB,OAAO,CAAC,8BAA8B;IAA/B;IACzC,MAAMqB,iBAAiB,GAAGD,UAAU,IAAI,OAAOpB,OAAO,KAAK,SAAS;IACpE,MAAMsB,UAAU,GAAG,CAAC,CAACrB,OAAO,IAAI,CAACF,KAAK;IACtC,MAAMwB,iBAAiB,GAAGD,UAAU,IAAI,OAAOrB,OAAO,KAAK,SAAS;IAEpE,MAAMuB,gBAAgB,GAAG,CAAC,CAACnB,aAAa;IACxC,MAAMoB,iBAAiB,GAAG,CAAC,CAACnB,cAAc;IAE1C,qBACE,oBAACnB,iBAAiB;QAChBuC,SAAS,EAAEX,QAAQ;QACnBY,UAAU,EAAExB,SAAS;QACrByB,OAAO,EAAEd,EAAE;QACXjB,GAAG,EAAEc,UAAU;OACXK,YAAY,iBAEhB,oBAAC5B,iBAAiB;QAChByC,MAAM,EAAEnB,KAAK;QACboB,QAAQ,EAAErB,OAAO;QACjBsB,MAAM,EAAEb,QAAQ;QAChBc,QAAQ,EAAEZ,UAAU;QACpBa,OAAO,EAAE/B,MAAM;QACfwB,SAAS,EAAEX,QAAQ;OAElBS,gBAAgB,kBACf,oBAACjC,uBAAuB,QAAEc,aAAa,CAA2B,AACnE,gBAED,oBAAChB,wBAAwB,sBACvB,oBAACC,UAAU;QACT4C,QAAQ,EAAEjB,QAAQ;QAClBY,MAAM,EAAEnB,KAAK;QACbN,WAAW,EAAEA,WAAW;QACxB+B,cAAY,EAAEjB,QAAQ;QACtBkB,IAAI,EAAC,MAAM;QACXvC,GAAG,EAAEA,GAAG;OACJgB,IAAI,EACR,EACDI,QAAQ,kBACP,oBAACvB,eAAe;QAACmC,MAAM,EAAEnB,KAAK;OAAGZ,KAAK,CAAmB,AAC1D,CACwB,EAE1B2B,iBAAiB,kBAChB,oBAACjC,wBAAwB,QAAEc,cAAc,CAA4B,AACtE,CACiB,EAEnBa,eAAe,kBACd,oBAAC1B,iBAAiB;QAACqC,QAAQ,EAAC,OAAO;QAACO,SAAS,EAATA,IAAS;OAC1CtC,KAAK,CACY,AACrB,EACAsB,iBAAiB,kBAChB,oBAAC5B,iBAAiB;QAACqC,QAAQ,EAAC,SAAS;QAACO,SAAS,EAATA,IAAS;OAC5CrC,OAAO,CACU,AACrB,EACAuB,iBAAiB,kBAChB,oBAAC9B,iBAAiB;QAACqC,QAAQ,EAAC,SAAS;QAACO,SAAS,EAATA,IAAS;OAC5CpC,OAAO,CACU,AACrB,CACiB,CACrB;AACH,CAAC;AAED,6BAAef,UAAU,CAACS,KAAK,CAAC,CAAA"}
+{"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":["forwardRef","InputWrapperStyle","InputContentStyle","InputControlWrapperStyle","InputStyle","InputLeftDecoratorStyle","InputRightDecoratorStyle","InputMessageStyle","InputLabelStyle","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","$disabled","$fullwidth","htmlFor","$color","$variant","$error","$warning","$active","$labeled","aria-invalid","type","$bordered"],"mappings":"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"}

package/dist/esm/input/InputGroup.js

@@ -1,20 +1,29 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { InputMessageStyle } from "./InputStyles";
 import { InputGroupStyle, InputGroupContentStyle } from "./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.createElement(InputGroupStyle, _extends({
-        $fullwidth: fullwidth
-    }, rest, {
-        ref: ref
-    }), /*#__PURE__*/ React.createElement(InputGroupContentStyle, null, children), hasError && /*#__PURE__*/ React.createElement(InputMessageStyle, {
-        $variant: "error"
-    }, error), hasSuccess && /*#__PURE__*/ React.createElement(InputMessageStyle, {
-        $variant: "success"
-    }, success));
+    return /*#__PURE__*/ _jsxs(InputGroupStyle, {
+        $fullwidth: fullwidth,
+        ...rest,
+        ref: ref,
+        children: [
+            /*#__PURE__*/ _jsx(InputGroupContentStyle, {
+                children: children
+            }),
+            hasError && /*#__PURE__*/ _jsx(InputMessageStyle, {
+                $variant: "error",
+                children: error
+            }),
+            hasSuccess && /*#__PURE__*/ _jsx(InputMessageStyle, {
+                $variant: "success",
+                children: success
+            })
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(InputGroup);
 

package/dist/esm/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":["React","forwardRef","InputMessageStyle","InputGroupStyle","InputGroupContentStyle","InputGroup","props","ref","fullwidth","error","success","children","rest","hasError","hasSuccess","$fullwidth","$variant"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,iBAAiB,QAAQ,eAAe,CAAA;AACjD,SAASC,eAAe,EAAEC,sBAAsB,QAAQ,oBAAoB,CAAA;AAG5E,SAASC,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,oBAACN,eAAe;QAACY,UAAU,EAAEP,SAAS;OAAMI,IAAI;QAAEL,GAAG,EAAEA,GAAG;sBACxD,oBAACH,sBAAsB,QAAEO,QAAQ,CAA0B,EAC1DE,QAAQ,kBACP,oBAACX,iBAAiB;QAACc,QAAQ,EAAC,OAAO;OAAEP,KAAK,CAAqB,AAChE,EACAK,UAAU,kBACT,oBAACZ,iBAAiB;QAACc,QAAQ,EAAC,SAAS;OAAEN,OAAO,CAAqB,AACpE,CACe,CACnB;AACH,CAAC;AAED,6BAAeT,UAAU,CAACI,UAAU,CAAC,CAAA"}
+{"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":["forwardRef","InputMessageStyle","InputGroupStyle","InputGroupContentStyle","InputGroup","ref","fullwidth","error","success","children","rest","hasError","hasSuccess","$fullwidth","$variant"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAASC,iBAAiB,QAAQ,eAAe,CAAA;AACjD,SAASC,eAAe,EAAEC,sBAAsB,QAAQ,oBAAoB,CAAA;AAG5E,SAASC,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,MAACL,eAAe;QAACW,UAAU,EAAEP,SAAS;QAAG,GAAGI,IAAI;QAAEL,GAAG,EAAEA,GAAG;;0BACxD,KAACF,sBAAsB;0BAAEM,QAAQ;cAA0B;YAC1DE,QAAQ,kBACP,KAACV,iBAAiB;gBAACa,QAAQ,EAAC,OAAO;0BAAEP,KAAK;cAAqB,AAChE;YACAK,UAAU,kBACT,KAACX,iBAAiB;gBAACa,QAAQ,EAAC,SAAS;0BAAEN,OAAO;cAAqB,AACpE;;MACe,CACnB;AACH,CAAC;AAED,6BAAeR,UAAU,CAACI,UAAU,CAAC,CAAA"}

package/dist/esm/input/OptionsSlider.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import SliderInput from "./SliderInput";
 const OptionsSlider = (param)=>{
     let { options , value , onChange  } = param;
@@ -21,7 +21,7 @@ const OptionsSlider = (param)=>{
             label
         };
     });
-    return /*#__PURE__*/ React.createElement(SliderInput, {
+    return /*#__PURE__*/ _jsx(SliderInput, {
         min: 0,
         max: max,
         value: sliderIndex,

package/dist/esm/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":["React","SliderInput","OptionsSlider","options","value","onChange","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","index","min","borderNone","onLabelClick"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO,CAAA;AACzB,OAAOC,WAAW,MAAM,eAAe,CAAA;AAGvC,MAAMC,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,oBAACZ,WAAW;QACVoB,GAAG,EAAE,CAAC;QACNZ,GAAG,EAAEA,GAAG;QACRL,KAAK,EAAEE,WAAW;QAClBD,QAAQ,EAAES,kBAAkB;QAC5BH,QAAQ,EAAEA,QAAQ;QAClBO,MAAM,EAAEA,MAAM;QACdI,UAAU,EAAE,IAAI;QAChBC,YAAY,EAAE,CAACX,WAAW,GACxBP,QAAQ,CAACF,OAAO,CAACS,WAAW,CAAC,CAACR,KAAK,EAAEQ,WAAW,CAAC;MAEnD,CACH;AACH,CAAC;AAED,eAAeV,aAAa,CAAA"}
+{"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":["SliderInput","OptionsSlider","options","value","onChange","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","index","min","borderNone","onLabelClick"],"mappings":"AAAA;AAAA,OAAOA,WAAW,MAAM,eAAe,CAAA;AAGvC,MAAMC,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,KAACZ,WAAW;QACVoB,GAAG,EAAE,CAAC;QACNZ,GAAG,EAAEA,GAAG;QACRL,KAAK,EAAEE,WAAW;QAClBD,QAAQ,EAAES,kBAAkB;QAC5BH,QAAQ,EAAEA,QAAQ;QAClBO,MAAM,EAAEA,MAAM;QACdI,UAAU,EAAE,IAAI;QAChBC,YAAY,EAAE,CAACX,WAAW,GACxBP,QAAQ,CAACF,OAAO,CAACS,WAAW,CAAC,CAACR,KAAK,EAAEQ,WAAW,CAAC;MAEnD,CACH;AACH,CAAC;AAED,eAAeV,aAAa,CAAA"}

package/dist/esm/input/SliderInput.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Label, LabelButton, LabelContainer, RangeInputSlider, Slider, SliderWrapper, Track } from "./SliderInputStyles";
 function SliderInput(param) {
     let { value , onChange , onLabelClick , min =0 , max =100 , step =1 , minLabel , maxLabel , getLabel =(val)=>String(val) , borderNone , labels  } = param;
@@ -9,28 +9,46 @@ function SliderInput(param) {
             return onLabelClick === null || onLabelClick === void 0 ? void 0 : onLabelClick(value);
         };
     };
-    return /*#__PURE__*/ React.createElement(SliderWrapper, null, /*#__PURE__*/ React.createElement(Slider, {
-        borderNone: borderNone
-    }, getLabel(value), /*#__PURE__*/ React.createElement(Track, {
-        fillPercentage: fillPercentage,
-        borderNone: borderNone
-    })), /*#__PURE__*/ React.createElement(RangeInputSlider, {
-        value: value,
-        step: step,
-        onChange: onChange,
-        min: min,
-        max: max
-    }), /*#__PURE__*/ React.createElement(LabelContainer, null, minLabel && /*#__PURE__*/ React.createElement(LabelComponent, {
-        onClick: createClickHandler(min)
-    }, minLabel), labels === null || labels === void 0 ? void 0 : labels.map((param)=>/*#__PURE__*/ {
-        let { value , label  } = param;
-        return React.createElement(LabelComponent, {
-            onClick: createClickHandler(value),
-            key: value
-        }, label);
-    }), maxLabel && /*#__PURE__*/ React.createElement(LabelComponent, {
-        onClick: createClickHandler(max)
-    }, maxLabel)));
+    return /*#__PURE__*/ _jsxs(SliderWrapper, {
+        children: [
+            /*#__PURE__*/ _jsxs(Slider, {
+                borderNone: borderNone,
+                children: [
+                    getLabel(value),
+                    /*#__PURE__*/ _jsx(Track, {
+                        fillPercentage: fillPercentage,
+                        borderNone: borderNone
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(RangeInputSlider, {
+                value: value,
+                step: step,
+                onChange: onChange,
+                min: min,
+                max: max
+            }),
+            /*#__PURE__*/ _jsxs(LabelContainer, {
+                children: [
+                    minLabel && /*#__PURE__*/ _jsx(LabelComponent, {
+                        onClick: createClickHandler(min),
+                        children: minLabel
+                    }),
+                    labels === null || labels === void 0 ? void 0 : labels.map((param)=>/*#__PURE__*/ {
+                        let { value , label  } = param;
+                        return _jsx(LabelComponent, {
+                            onClick: createClickHandler(value),
+                            children: label
+                        }, value);
+                    }),
+                    maxLabel && /*#__PURE__*/ _jsx(LabelComponent, {
+                        onClick: createClickHandler(max),
+                        children: maxLabel
+                    })
+                ]
+            })
+        ]
+    });
 }
 export default SliderInput;
 

package/dist/esm/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":["React","Label","LabelButton","LabelContainer","RangeInputSlider","Slider","SliderWrapper","Track","SliderInput","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","fillPercentage","LabelComponent","createClickHandler","onClick","map","label","key"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO,CAAA;AACzB,SACEC,KAAK,EACLC,WAAW,EACXC,cAAc,EACdC,gBAAgB,EAChBC,MAAM,EACNC,aAAa,EACbC,KAAK,QACA,qBAAqB,CAAA;AAG5B,SAASC,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,GAAGT,WAAW,GAAGD,KAAK;IACzD,MAAMuB,kBAAkB,GAAG,CAACf,KAAa;QAAK,OAAA;YAAME,OAAAA,YAAY,aAAZA,YAAY,WAAS,GAArBA,KAAAA,CAAqB,GAArBA,YAAY,CAAGF,KAAK,CAAC,CAAA;SAAA,CAAA;KAAA;IAEzE,qBACE,oBAACH,aAAa,sBACZ,oBAACD,MAAM;QAACe,UAAU,EAAEA,UAAU;OAC3BH,QAAQ,CAACR,KAAK,CAAC,gBAChB,oBAACF,KAAK;QAACe,cAAc,EAAEA,cAAc;QAAEF,UAAU,EAAEA,UAAU;MAAI,CAC1D,gBACT,oBAAChB,gBAAgB;QACfK,KAAK,EAAEA,KAAK;QACZK,IAAI,EAAEA,IAAI;QACVJ,QAAQ,EAAEA,QAAQ;QAClBE,GAAG,EAAEA,GAAG;QACRC,GAAG,EAAEA,GAAG;MACR,gBACF,oBAACV,cAAc,QACZY,QAAQ,kBACP,oBAACQ,cAAc;QAACE,OAAO,EAAED,kBAAkB,CAACZ,GAAG,CAAC;OAC7CG,QAAQ,CACM,AAClB,EACAM,MAAM,aAANA,MAAM,WAAK,GAAXA,KAAAA,CAAW,GAAXA,MAAM,CAAEK,GAAG,CAAC,uBACX;YADY,EAAEjB,KAAK,CAAA,EAAEkB,KAAK,CAAA,EAAE;eAC5B,oBAACJ,cAAc;YAACE,OAAO,EAAED,kBAAkB,CAACf,KAAK,CAAC;YAAEmB,GAAG,EAAEnB,KAAK;WAC3DkB,KAAK,CACS;IAAD,CACjB,CAAC,EACDX,QAAQ,kBACP,oBAACO,cAAc;QAACE,OAAO,EAAED,kBAAkB,CAACX,GAAG,CAAC;OAC7CG,QAAQ,CACM,AAClB,CACc,CACH,CACjB;AACH,CAAC;AAED,eAAeR,WAAW,CAAA"}
+{"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":["Label","LabelButton","LabelContainer","RangeInputSlider","Slider","SliderWrapper","Track","SliderInput","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","fillPercentage","LabelComponent","createClickHandler","onClick","map","label"],"mappings":"AAAA;AACA,SACEA,KAAK,EACLC,WAAW,EACXC,cAAc,EACdC,gBAAgB,EAChBC,MAAM,EACNC,aAAa,EACbC,KAAK,QACA,qBAAqB,CAAA;AAG5B,SAASC,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,GAAGT,WAAW,GAAGD,KAAK;IACzD,MAAMuB,kBAAkB,GAAG,CAACf,KAAa;QAAK,OAAA;YAAME,OAAAA,YAAY,aAAZA,YAAY,WAAS,GAArBA,KAAAA,CAAqB,GAArBA,YAAY,CAAGF,KAAK,CAAC,CAAA;SAAA,CAAA;KAAA;IAEzE,qBACE,MAACH,aAAa;;0BACZ,MAACD,MAAM;gBAACe,UAAU,EAAEA,UAAU;;oBAC3BH,QAAQ,CAACR,KAAK,CAAC;kCAChB,KAACF,KAAK;wBAACe,cAAc,EAAEA,cAAc;wBAAEF,UAAU,EAAEA,UAAU;sBAAI;;cAC1D;0BACT,KAAChB,gBAAgB;gBACfK,KAAK,EAAEA,KAAK;gBACZK,IAAI,EAAEA,IAAI;gBACVJ,QAAQ,EAAEA,QAAQ;gBAClBE,GAAG,EAAEA,GAAG;gBACRC,GAAG,EAAEA,GAAG;cACR;0BACF,MAACV,cAAc;;oBACZY,QAAQ,kBACP,KAACQ,cAAc;wBAACE,OAAO,EAAED,kBAAkB,CAACZ,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;oBACAM,MAAM,aAANA,MAAM,WAAK,GAAXA,KAAAA,CAAW,GAAXA,MAAM,CAAEK,GAAG,CAAC,uBACX;4BADY,EAAEjB,KAAK,CAAA,EAAEkB,KAAK,CAAA,EAAE;+BAC5B,KAACJ,cAAc;4BAACE,OAAO,EAAED,kBAAkB,CAACf,KAAK,CAAC;sCAC/CkB,KAAK;2BADiDlB,KAAK,CAE7C;oBAAD,CACjB,CAAC;oBACDO,QAAQ,kBACP,KAACO,cAAc;wBAACE,OAAO,EAAED,kBAAkB,CAACX,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;;cACc;;MACH,CACjB;AACH,CAAC;AAED,eAAeR,WAAW,CAAA"}

package/dist/esm/input/Textarea.js

@@ -1,14 +1,9 @@
-import _extends from "@swc/helpers/src/_extends.mjs";
-import React, { forwardRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { InputWrapperStyle, InputContentStyle, TextareaStyle, InputMessageStyle, InputControlWrapperStyle } from "./InputStyles";
 import { TextareaLabelStyle } from "./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';
@@ -17,36 +12,55 @@ function Textarea(props, ref) {
     const hasWarningMessage = hasWarning && typeof warning !== 'boolean';
     const hasSuccess = !!success && !error;
     const hasSuccessMessage = hasSuccess && typeof success !== 'boolean';
-    return /*#__PURE__*/ React.createElement(InputWrapperStyle, _extends({
+    return /*#__PURE__*/ _jsxs(InputWrapperStyle, {
+        className: className,
+        style: style,
         $disabled: disabled,
         $fullwidth: fullwidth,
         htmlFor: id,
-        ref: wrapperRef
-    }, wrapperProps), /*#__PURE__*/ React.createElement(InputContentStyle, {
-        $color: color,
-        $variant: variant,
-        $error: hasError,
-        $warning: hasWarning,
-        $active: active,
-        $disabled: disabled
-    }, /*#__PURE__*/ React.createElement(InputControlWrapperStyle, null, /*#__PURE__*/ React.createElement(TextareaStyle, _extends({
-        $labeled: hasLabel,
-        $color: color,
-        placeholder: placeholder,
-        "aria-invalid": hasError,
-        ref: ref
-    }, rest)), hasLabel && /*#__PURE__*/ React.createElement(TextareaLabelStyle, {
-        $color: color
-    }, label))), hasErrorMessage && /*#__PURE__*/ React.createElement(InputMessageStyle, {
-        $variant: "error",
-        $bordered: true
-    }, error), hasWarningMessage && /*#__PURE__*/ React.createElement(InputMessageStyle, {
-        $variant: "warning",
-        $bordered: true
-    }, warning), hasSuccessMessage && /*#__PURE__*/ React.createElement(InputMessageStyle, {
-        $variant: "success",
-        $bordered: true
-    }, success));
+        ref: wrapperRef,
+        children: [
+            /*#__PURE__*/ _jsx(InputContentStyle, {
+                $color: color,
+                $variant: variant,
+                $error: hasError,
+                $warning: hasWarning,
+                $active: active,
+                $disabled: disabled,
+                children: /*#__PURE__*/ _jsxs(InputControlWrapperStyle, {
+                    children: [
+                        /*#__PURE__*/ _jsx(TextareaStyle, {
+                            $labeled: hasLabel,
+                            $color: color,
+                            placeholder: placeholder,
+                            "aria-invalid": hasError,
+                            ref: ref,
+                            ...rest
+                        }),
+                        hasLabel && /*#__PURE__*/ _jsx(TextareaLabelStyle, {
+                            $color: color,
+                            children: label
+                        })
+                    ]
+                })
+            }),
+            hasErrorMessage && /*#__PURE__*/ _jsx(InputMessageStyle, {
+                $variant: "error",
+                $bordered: true,
+                children: error
+            }),
+            hasWarningMessage && /*#__PURE__*/ _jsx(InputMessageStyle, {
+                $variant: "warning",
+                $bordered: true,
+                children: warning
+            }),
+            hasSuccessMessage && /*#__PURE__*/ _jsx(InputMessageStyle, {
+                $variant: "success",
+                $bordered: true,
+                children: success
+            })
+        ]
+    });
 }
 export default /*#__PURE__*/ forwardRef(Textarea);
 

package/dist/esm/input/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/Textarea.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  InputWrapperStyle,\n  InputContentStyle,\n  TextareaStyle,\n  InputMessageStyle,\n  InputControlWrapperStyle,\n} from './InputStyles'\nimport { TextareaLabelStyle } from './LabelStyles'\nimport { TextareaProps } from './types'\n\nfunction Textarea(props: TextareaProps, ref?: ForwardedRef<HTMLInputElement>) {\n  const {\n    label,\n    error,\n    warning,\n    success,\n    active = false,\n    fullwidth = false,\n    placeholder = ' ',\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  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        <InputControlWrapperStyle>\n          <TextareaStyle\n            $labeled={hasLabel}\n            $color={color}\n            placeholder={placeholder}\n            aria-invalid={hasError}\n            ref={ref}\n            {...rest}\n          />\n          {hasLabel && (\n            <TextareaLabelStyle $color={color}>{label}</TextareaLabelStyle>\n          )}\n        </InputControlWrapperStyle>\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(Textarea)\n"],"names":["React","forwardRef","InputWrapperStyle","InputContentStyle","TextareaStyle","InputMessageStyle","InputControlWrapperStyle","TextareaLabelStyle","Textarea","props","ref","label","error","warning","success","active","fullwidth","placeholder","className","style","variant","color","wrapperRef","children","rest","id","disabled","wrapperProps","hasLabel","hasError","hasErrorMessage","hasWarning","hasWarningMessage","hasSuccess","hasSuccessMessage","$disabled","$fullwidth","htmlFor","$color","$variant","$error","$warning","$active","$labeled","aria-invalid","$bordered"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SACEC,iBAAiB,EACjBC,iBAAiB,EACjBC,aAAa,EACbC,iBAAiB,EACjBC,wBAAwB,QACnB,eAAe,CAAA;AACtB,SAASC,kBAAkB,QAAQ,eAAe,CAAA;AAGlD,SAASC,QAAQ,CAACC,KAAoB,EAAEC,GAAoC,EAAE;IAC5E,MAAM,EACJC,KAAK,CAAA,EACLC,KAAK,CAAA,EACLC,OAAO,CAAA,EACPC,OAAO,CAAA,EACPC,MAAM,EAAG,KAAK,CAAA,EACdC,SAAS,EAAG,KAAK,CAAA,EACjBC,WAAW,EAAG,GAAG,CAAA,EACjBC,SAAS,CAAA,EACTC,KAAK,CAAA,EACLC,OAAO,EAAG,SAAS,CAAA,EACnBC,KAAK,EAAG,SAAS,CAAA,EACjBC,UAAU,CAAA,EACVC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGf,KAAK;IAET,MAAM,EAAEgB,EAAE,CAAA,EAAEC,QAAQ,EAAG,KAAK,CAAA,EAAE,GAAGjB,KAAK;IACtC,MAAMkB,YAAY,GAAG;QAAET,SAAS;QAAEC,KAAK;KAAE;IAEzC,MAAMS,QAAQ,GAAG,CAAC,CAACjB,KAAK,IAAIS,OAAO,KAAK,SAAS;IAEjD,MAAMS,QAAQ,GAAG,CAAC,CAACjB,KAAK;IACxB,MAAMkB,eAAe,GAAGD,QAAQ,IAAI,OAAOjB,KAAK,KAAK,SAAS;IAC9D,MAAMmB,UAAU,GAAG,CAACF,QAAQ,IAAI,CAAC,CAAChB,OAAO,CAAC,8BAA8B;IAA/B;IACzC,MAAMmB,iBAAiB,GAAGD,UAAU,IAAI,OAAOlB,OAAO,KAAK,SAAS;IACpE,MAAMoB,UAAU,GAAG,CAAC,CAACnB,OAAO,IAAI,CAACF,KAAK;IACtC,MAAMsB,iBAAiB,GAAGD,UAAU,IAAI,OAAOnB,OAAO,KAAK,SAAS;IAEpE,qBACE,oBAACZ,iBAAiB;QAChBiC,SAAS,EAAET,QAAQ;QACnBU,UAAU,EAAEpB,SAAS;QACrBqB,OAAO,EAAEZ,EAAE;QACXf,GAAG,EAAEY,UAAU;OACXK,YAAY,iBAEhB,oBAACxB,iBAAiB;QAChBmC,MAAM,EAAEjB,KAAK;QACbkB,QAAQ,EAAEnB,OAAO;QACjBoB,MAAM,EAAEX,QAAQ;QAChBY,QAAQ,EAAEV,UAAU;QACpBW,OAAO,EAAE3B,MAAM;QACfoB,SAAS,EAAET,QAAQ;qBAEnB,oBAACpB,wBAAwB,sBACvB,oBAACF,aAAa;QACZuC,QAAQ,EAAEf,QAAQ;QAClBU,MAAM,EAAEjB,KAAK;QACbJ,WAAW,EAAEA,WAAW;QACxB2B,cAAY,EAAEf,QAAQ;QACtBnB,GAAG,EAAEA,GAAG;OACJc,IAAI,EACR,EACDI,QAAQ,kBACP,oBAACrB,kBAAkB;QAAC+B,MAAM,EAAEjB,KAAK;OAAGV,KAAK,CAAsB,AAChE,CACwB,CACT,EAEnBmB,eAAe,kBACd,oBAACzB,iBAAiB;QAACkC,QAAQ,EAAC,OAAO;QAACM,SAAS,EAATA,IAAS;OAC1CjC,KAAK,CACY,AACrB,EACAoB,iBAAiB,kBAChB,oBAAC3B,iBAAiB;QAACkC,QAAQ,EAAC,SAAS;QAACM,SAAS,EAATA,IAAS;OAC5ChC,OAAO,CACU,AACrB,EACAqB,iBAAiB,kBAChB,oBAAC7B,iBAAiB;QAACkC,QAAQ,EAAC,SAAS;QAACM,SAAS,EAATA,IAAS;OAC5C/B,OAAO,CACU,AACrB,CACiB,CACrB;AACH,CAAC;AAED,6BAAeb,UAAU,CAACO,QAAQ,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/input/Textarea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  InputWrapperStyle,\n  InputContentStyle,\n  TextareaStyle,\n  InputMessageStyle,\n  InputControlWrapperStyle,\n} from './InputStyles'\nimport { TextareaLabelStyle } from './LabelStyles'\nimport { TextareaProps } from './types'\n\nfunction Textarea(\n  {\n    label,\n    error,\n    warning,\n    success,\n    active = false,\n    fullwidth = false,\n    placeholder = ' ',\n    className,\n    style,\n    variant = 'default',\n    color = 'default',\n    id,\n    disabled = false,\n    wrapperRef,\n    children,\n    ...rest\n  }: TextareaProps,\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  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        <InputControlWrapperStyle>\n          <TextareaStyle\n            $labeled={hasLabel}\n            $color={color}\n            placeholder={placeholder}\n            aria-invalid={hasError}\n            ref={ref}\n            {...rest}\n          />\n          {hasLabel && (\n            <TextareaLabelStyle $color={color}>{label}</TextareaLabelStyle>\n          )}\n        </InputControlWrapperStyle>\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(Textarea)\n"],"names":["forwardRef","InputWrapperStyle","InputContentStyle","TextareaStyle","InputMessageStyle","InputControlWrapperStyle","TextareaLabelStyle","Textarea","ref","label","error","warning","success","active","fullwidth","placeholder","className","style","variant","color","id","disabled","wrapperRef","children","rest","hasLabel","hasError","hasErrorMessage","hasWarning","hasWarningMessage","hasSuccess","hasSuccessMessage","$disabled","$fullwidth","htmlFor","$color","$variant","$error","$warning","$active","$labeled","aria-invalid","$bordered"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SACEC,iBAAiB,EACjBC,iBAAiB,EACjBC,aAAa,EACbC,iBAAiB,EACjBC,wBAAwB,QACnB,eAAe,CAAA;AACtB,SAASC,kBAAkB,QAAQ,eAAe,CAAA;AAGlD,SAASC,QAAQ,CACf,KAiBgB,EAChBC,GAAoC,EACpC;QAnBA,EACEC,KAAK,CAAA,EACLC,KAAK,CAAA,EACLC,OAAO,CAAA,EACPC,OAAO,CAAA,EACPC,MAAM,EAAG,KAAK,CAAA,EACdC,SAAS,EAAG,KAAK,CAAA,EACjBC,WAAW,EAAG,GAAG,CAAA,EACjBC,SAAS,CAAA,EACTC,KAAK,CAAA,EACLC,OAAO,EAAG,SAAS,CAAA,EACnBC,KAAK,EAAG,SAAS,CAAA,EACjBC,EAAE,CAAA,EACFC,QAAQ,EAAG,KAAK,CAAA,EAChBC,UAAU,CAAA,EACVC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACO,GAjBhB,KAiBgB;IAGhB,MAAMC,QAAQ,GAAG,CAAC,CAAChB,KAAK,IAAIS,OAAO,KAAK,SAAS;IAEjD,MAAMQ,QAAQ,GAAG,CAAC,CAAChB,KAAK;IACxB,MAAMiB,eAAe,GAAGD,QAAQ,IAAI,OAAOhB,KAAK,KAAK,SAAS;IAC9D,MAAMkB,UAAU,GAAG,CAACF,QAAQ,IAAI,CAAC,CAACf,OAAO,CAAC,8BAA8B;IAA/B;IACzC,MAAMkB,iBAAiB,GAAGD,UAAU,IAAI,OAAOjB,OAAO,KAAK,SAAS;IACpE,MAAMmB,UAAU,GAAG,CAAC,CAAClB,OAAO,IAAI,CAACF,KAAK;IACtC,MAAMqB,iBAAiB,GAAGD,UAAU,IAAI,OAAOlB,OAAO,KAAK,SAAS;IAEpE,qBACE,MAACX,iBAAiB;QAChBe,SAAS,EAAEA,SAAS;QACpBC,KAAK,EAAEA,KAAK;QACZe,SAAS,EAAEX,QAAQ;QACnBY,UAAU,EAAEnB,SAAS;QACrBoB,OAAO,EAAEd,EAAE;QACXZ,GAAG,EAAEc,UAAU;;0BAEf,KAACpB,iBAAiB;gBAChBiC,MAAM,EAAEhB,KAAK;gBACbiB,QAAQ,EAAElB,OAAO;gBACjBmB,MAAM,EAAEX,QAAQ;gBAChBY,QAAQ,EAAEV,UAAU;gBACpBW,OAAO,EAAE1B,MAAM;gBACfmB,SAAS,EAAEX,QAAQ;0BAEnB,cAAA,MAAChB,wBAAwB;;sCACvB,KAACF,aAAa;4BACZqC,QAAQ,EAAEf,QAAQ;4BAClBU,MAAM,EAAEhB,KAAK;4BACbJ,WAAW,EAAEA,WAAW;4BACxB0B,cAAY,EAAEf,QAAQ;4BACtBlB,GAAG,EAAEA,GAAG;4BACP,GAAGgB,IAAI;0BACR;wBACDC,QAAQ,kBACP,KAACnB,kBAAkB;4BAAC6B,MAAM,EAAEhB,KAAK;sCAAGV,KAAK;0BAAsB,AAChE;;kBACwB;cACT;YAEnBkB,eAAe,kBACd,KAACvB,iBAAiB;gBAACgC,QAAQ,EAAC,OAAO;gBAACM,SAAS;0BAC1ChC,KAAK;cACY,AACrB;YACAmB,iBAAiB,kBAChB,KAACzB,iBAAiB;gBAACgC,QAAQ,EAAC,SAAS;gBAACM,SAAS;0BAC5C/B,OAAO;cACU,AACrB;YACAoB,iBAAiB,kBAChB,KAAC3B,iBAAiB;gBAACgC,QAAQ,EAAC,SAAS;gBAACM,SAAS;0BAC5C9B,OAAO;cACU,AACrB;;MACiB,CACrB;AACH,CAAC;AAED,6BAAeZ,UAAU,CAACO,QAAQ,CAAC,CAAA"}

package/dist/esm/input/types.js

@@ -1,4 +1,3 @@
-import React from "react";
 export var InputMessageVariant;
 (function(InputMessageVariant) {
     InputMessageVariant[InputMessageVariant["error"] = 0] = "error";