@via-profit/ui-kit 0.1.8 → 0.2.1-alpha.3

package/Swiper/SwiperSlide.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwiperSlide = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const React = __importStar(require("react"));
+const StyledSlide = styled_1.default.div `
+  flex: 0 0 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+`;
+exports.SwiperSlide = React.forwardRef((props, ref) => {
+    const { children } = props, restProps = __rest(props, ["children"]);
+    return (React.createElement(StyledSlide, Object.assign({}, restProps, { ref: ref }), children));
+});
+exports.SwiperSlide.displayName = 'SwiperSlide';

package/Swiper/SwiperTrack.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type SwiperTrackProps = React.HTMLAttributes<HTMLDivElement> & {
+    readonly children: React.ReactNode;
+    readonly index: number;
+    readonly offset: number;
+    readonly dragging: boolean;
+};
+export declare const SwiperTrack: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    readonly children: React.ReactNode;
+    readonly index: number;
+    readonly offset: number;
+    readonly dragging: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export default SwiperTrack;

package/Swiper/SwiperTrack.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwiperTrack = void 0;
+const React = __importStar(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const StyledTrack = styled_1.default.div `
+  display: flex;
+  height: 100%;
+  transition: ${p => (p.$dragging ? 'none' : 'transform 0.3s ease')};
+  will-change: transform;
+  transform: ${({ $index, $offset }) => {
+    const trackX = `translateX(calc(${-($index * 100)}% + ${$offset}px))`;
+    return trackX;
+}};
+`;
+exports.SwiperTrack = React.forwardRef((props, ref) => {
+    const { children, index, offset, dragging } = props, restProps = __rest(props, ["children", "index", "offset", "dragging"]);
+    return (React.createElement(StyledTrack, Object.assign({ "$dragging": dragging, "$index": index, "$offset": offset }, restProps, { ref: ref }), children));
+});
+exports.SwiperTrack.displayName = 'SwiperTrack';
+exports.default = exports.SwiperTrack;

package/Swiper/SwiperWrapper.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type SwiperWrapperProps = React.HTMLAttributes<HTMLDivElement> & {
+    readonly draggable: boolean;
+};
+export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & {
+    $draggable: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const SwiperWrapper: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    readonly draggable: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export default SwiperWrapper;

package/Swiper/SwiperWrapper.js

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledWrapper = void 0;
+const React = __importStar(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = require("@emotion/react");
+exports.StyledWrapper = styled_1.default.div `
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  user-select: none;
+
+  ${({ $draggable }) => $draggable &&
+    (0, react_1.css) `
+      touch-action: pan-y;
+    `};
+`;
+const SwiperWrapper = React.forwardRef((props, ref) => {
+    const { children, draggable } = props, restProps = __rest(props, ["children", "draggable"]);
+    return (React.createElement(exports.StyledWrapper, Object.assign({}, restProps, { ref: ref, "$draggable": draggable }), children));
+});
+SwiperWrapper.displayName = 'SwiperWrapper';
+exports.default = SwiperWrapper;

package/Swiper/index.d.ts

@@ -0,0 +1,7 @@
+import Swiper from './Swiper';
+export * from './Swiper';
+export * from './SwiperContainer';
+export * from './SwiperSlide';
+export * from './SwiperTrack';
+export * from './SwiperWrapper';
+export default Swiper;

package/Swiper/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Swiper_1 = __importDefault(require("./Swiper"));
+__exportStar(require("./Swiper"), exports);
+__exportStar(require("./SwiperContainer"), exports);
+__exportStar(require("./SwiperSlide"), exports);
+__exportStar(require("./SwiperTrack"), exports);
+__exportStar(require("./SwiperWrapper"), exports);
+exports.default = Swiper_1.default;

package/Switch/SwitchDot.js

@@ -123,7 +123,7 @@ const SwitchDot = (props, ref) => {
                 let $color = theme.color.surface;
                 try {
                     if (color) {
-                        $color = new Color_1.default(color);
+                        $color = Color_1.default.fromString(color);
                     }
                 }
                 catch (err) {

package/Switch/SwitchTrack.js

@@ -59,7 +59,7 @@ const SwitchTrack = (props, ref) => {
                 let $color = theme.color.surface;
                 try {
                     if (color) {
-                        $color = new Color_1.default(color);
+                        $color = Color_1.default.fromString(color);
                     }
                 }
                 catch (err) {

package/Switch/index.d.ts

@@ -58,35 +58,35 @@ export interface SwitchOverrides {
     /**
      * Element container
      */
-    readonly Container?: React.ForwardRefExoticComponent<SwitchContainerProps & React.RefAttributes<HTMLSpanElement>>;
+    readonly Container?: React.ComponentType<SwitchContainerProps & React.RefAttributes<HTMLSpanElement>>;
     /**
      * Element toggle
      */
-    readonly ToggleWrapper?: React.ForwardRefExoticComponent<SwitchToggleWrapperProps & React.RefAttributes<HTMLSpanElement>>;
+    readonly ToggleWrapper?: React.ComponentType<SwitchToggleWrapperProps & React.RefAttributes<HTMLSpanElement>>;
     /**
      * text wrapper
      */
-    readonly TextWrapper?: React.ForwardRefExoticComponent<SwitchTextWrapperProps & React.RefAttributes<HTMLSpanElement>>;
+    readonly TextWrapper?: React.ComponentType<SwitchTextWrapperProps & React.RefAttributes<HTMLSpanElement>>;
     /**
      * Dot wrapper
      */
-    readonly Dot?: React.ForwardRefExoticComponent<SwitchDotProps & React.RefAttributes<HTMLSpanElement>>;
+    readonly Dot?: React.ComponentType<SwitchDotProps & React.RefAttributes<HTMLSpanElement>>;
     /**
      * Toggle track wrapper
      */
-    readonly Track?: React.ForwardRefExoticComponent<SwitchTrackProps & React.RefAttributes<HTMLSpanElement>>;
+    readonly Track?: React.ComponentType<SwitchTrackProps & React.RefAttributes<HTMLSpanElement>>;
     /**
      * error text wrapper
      */
-    readonly ErrorText?: React.ForwardRefExoticComponent<SwitchErrorTextProps & React.RefAttributes<HTMLSpanElement>>;
+    readonly ErrorText?: React.ComponentType<SwitchErrorTextProps & React.RefAttributes<HTMLSpanElement>>;
     /**
      * error text wrapper
      */
-    readonly Asterisk?: React.ForwardRefExoticComponent<SwitchAsteriskProps & React.RefAttributes<HTMLSpanElement>>;
+    readonly Asterisk?: React.ComponentType<SwitchAsteriskProps & React.RefAttributes<HTMLSpanElement>>;
     /**
      * the main cwitch wrapper
      */
-    readonly Wrapper?: React.ForwardRefExoticComponent<SwitchWrapperProps & React.RefAttributes<HTMLSpanElement>>;
+    readonly Wrapper?: React.ComponentType<SwitchWrapperProps & React.RefAttributes<HTMLSpanElement>>;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<SwitchToggleWrapperProps, "onChange" | "disabled" | "checked"> & {
     /**

package/TextArea/index.d.ts

@@ -50,31 +50,31 @@ export interface TextAreaOverrides {
     /**
      * Native `input` component
      */
-    readonly Input?: React.ForwardRefExoticComponent<TextAreaInputProps & React.RefAttributes<HTMLTextAreaElement>>;
+    readonly Input?: React.ComponentType<TextAreaInputProps & React.RefAttributes<HTMLTextAreaElement>>;
     /**
      * Component for display error text
      */
-    readonly ErrorText?: React.ForwardRefExoticComponent<TextFieldErrorTextProps & React.RefAttributes<HTMLDivElement>>;
+    readonly ErrorText?: React.ComponentType<TextFieldErrorTextProps & React.RefAttributes<HTMLDivElement>>;
     /**
      * Icons wrapper component
      */
-    readonly IconWrapper?: React.ForwardRefExoticComponent<TextAreaIconWrapperProps & React.RefAttributes<HTMLDivElement>>;
+    readonly IconWrapper?: React.ComponentType<TextAreaIconWrapperProps & React.RefAttributes<HTMLDivElement>>;
     /**
      * input field wrapper component
      */
-    readonly InputWrapper?: React.ForwardRefExoticComponent<TextFieldInputWrapperProps & React.RefAttributes<HTMLDivElement>>;
+    readonly InputWrapper?: React.ComponentType<TextFieldInputWrapperProps & React.RefAttributes<HTMLDivElement>>;
     /**
      * label component
      */
-    readonly Label?: React.ForwardRefExoticComponent<TextFieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
+    readonly Label?: React.ComponentType<TextFieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
     /**
      * label asterisk component
      */
-    readonly Asterisk?: React.ForwardRefExoticComponent<TextFieldLabelAsteriskProps & React.RefAttributes<HTMLSpanElement>>;
+    readonly Asterisk?: React.ComponentType<TextFieldLabelAsteriskProps & React.RefAttributes<HTMLSpanElement>>;
     /**
      * label component
      */
-    readonly Container?: React.ForwardRefExoticComponent<TextFieldContainerProps & React.RefAttributes<HTMLDivElement>>;
+    readonly Container?: React.ComponentType<TextFieldContainerProps & React.RefAttributes<HTMLDivElement>>;
 }
 declare const _default: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/TextField/TextFieldContainer.d.ts

@@ -4,5 +4,5 @@ export interface TextFieldContainerProps extends React.InputHTMLAttributes<HTMLD
     readonly focused?: boolean;
     readonly error?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<TextFieldContainerProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare const TextFieldContainer: React.ForwardRefExoticComponent<TextFieldContainerProps & React.RefAttributes<HTMLDivElement>>;
+export default TextFieldContainer;

package/TextField/TextFieldContainer.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFieldContainer = void 0;
 const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const StyledTextFieldContainer = styled_1.default.div `
@@ -46,8 +47,9 @@ const StyledTextFieldContainer = styled_1.default.div `
   max-width: ${({ $fullWidth }) => ($fullWidth ? '100%' : '16em')};
   vertical-align: top;
 `;
-const TextFieldContainer = (props, ref) => {
+exports.TextFieldContainer = React.forwardRef((props, ref) => {
     const { children, fullWidth, focused, error } = props, nativeProps = __rest(props, ["children", "fullWidth", "focused", "error"]);
     return (React.createElement(StyledTextFieldContainer, Object.assign({}, nativeProps, { "$fullWidth": fullWidth, "$focused": focused, "$error": error, ref: ref }), children));
-};
-exports.default = React.forwardRef(TextFieldContainer);
+});
+exports.TextFieldContainer.displayName = 'TextFieldContainer';
+exports.default = exports.TextFieldContainer;

package/TextField/TextFieldErrorText.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 export interface TextFieldErrorTextProps extends React.HTMLAttributes<HTMLDivElement> {
     readonly error?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<TextFieldErrorTextProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare const TextFieldErrorText: React.ForwardRefExoticComponent<TextFieldErrorTextProps & React.RefAttributes<HTMLDivElement>>;
+export default TextFieldErrorText;

package/TextField/TextFieldErrorText.js

@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFieldErrorText = void 0;
 const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const NoSSR_1 = __importDefault(require("../NoSSR"));
 const ErrorTextContainer = styled_1.default.div `
   margin-left: 0.5em;
-  max-height: 0;
   max-height: ${({ $maxHeight }) => typeof $maxHeight === 'number' ? `${$maxHeight}px` : $maxHeight};
   transition: max-height 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
   overflow: hidden;
@@ -54,7 +54,7 @@ const ErrorTextInner = styled_1.default.div `
   opacity: ${({ $error }) => ($error ? 1 : 0)};
   transition: all 240ms 240ms ease-out;
 `;
-const TextFieldErrorText = (props, ref) => {
+exports.TextFieldErrorText = React.forwardRef((props, ref) => {
     const { children, error } = props, nativeProps = __rest(props, ["children", "error"]);
     const innerRef = React.useRef(null);
     const [maxHeight, setMaxHeight] = React.useState('initial');
@@ -72,5 +72,6 @@ const TextFieldErrorText = (props, ref) => {
     }, [children]);
     return (React.createElement(ErrorTextContainer, Object.assign({}, nativeProps, { "$maxHeight": error ? maxHeight : 0, ref: ref }),
         React.createElement(ErrorTextInner, { ref: innerRef, "$error": Boolean(error) }, children ? React.createElement(NoSSR_1.default, null, children) : React.createElement(React.Fragment, null, "\u00A0"))));
-};
-exports.default = React.forwardRef(TextFieldErrorText);
+});
+exports.TextFieldErrorText.displayName = 'TextFieldErrorText';
+exports.default = exports.TextFieldErrorText;

package/TextField/TextFieldIconWrapper.d.ts

@@ -7,12 +7,12 @@ export type TextFieldIconWrapperProps = React.InputHTMLAttributes<HTMLDivElement
     readonly error?: boolean;
     readonly focused?: boolean;
 };
-declare const _default: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLDivElement> & {
+export declare const TextFieldIconWrapper: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLDivElement> & {
     /**
      * Icon position
      */
-    readonly position: "start" | "end";
+    readonly position: 'start' | 'end';
     readonly error?: boolean | undefined;
     readonly focused?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export default TextFieldIconWrapper;

package/TextField/TextFieldIconWrapper.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFieldIconWrapper = void 0;
 const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const react_1 = require("@emotion/react");
@@ -66,8 +67,9 @@ const IconWrapper = styled_1.default.div `
     box-shadow: none;
   }
 `;
-const TextFieldIconWrapper = (props, ref) => {
+exports.TextFieldIconWrapper = React.forwardRef((props, ref) => {
     const { children, position, focused, error } = props, nativeProps = __rest(props, ["children", "position", "focused", "error"]);
     return (React.createElement(IconWrapper, Object.assign({}, nativeProps, { "$position": position, "$error": error, "$focused": focused, ref: ref }), children));
-};
-exports.default = React.forwardRef(TextFieldIconWrapper);
+});
+exports.TextFieldIconWrapper.displayName = 'TextFieldIconWrapper';
+exports.default = exports.TextFieldIconWrapper;

package/TextField/TextFieldInput.d.ts

@@ -3,5 +3,5 @@ export interface TextFieldInputProps extends React.InputHTMLAttributes<HTMLInput
     readonly hasStartIcon: boolean;
     readonly hasEndIcon: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+export declare const TextFieldInput: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<HTMLInputElement>>;
+export default TextFieldInput;

package/TextField/TextFieldInput.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFieldInput = void 0;
 const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const react_1 = require("@emotion/react");
@@ -64,8 +65,9 @@ const Input = styled_1.default.input `
     font-style: italic;
   }
 `;
-const TextFieldInput = (props, ref) => {
+exports.TextFieldInput = React.forwardRef((props, ref) => {
     const { hasEndIcon, hasStartIcon } = props, nativeProps = __rest(props, ["hasEndIcon", "hasStartIcon"]);
-    return React.createElement(Input, Object.assign({}, nativeProps, { "$hasEndIcon": hasEndIcon, "$hasStartIcon": hasStartIcon, ref: ref }));
-};
-exports.default = React.forwardRef(TextFieldInput);
+    return (React.createElement(Input, Object.assign({}, nativeProps, { "$hasEndIcon": hasEndIcon, "$hasStartIcon": hasStartIcon, ref: ref })));
+});
+exports.TextFieldInput.displayName = 'TextFieldInput';
+exports.default = exports.TextFieldInput;

package/TextField/TextFieldInputWrapper.d.ts

@@ -5,10 +5,10 @@ export type TextFieldInputWrapperProps = React.HTMLAttributes<HTMLDivElement> &
     readonly readOnly?: boolean;
     readonly focused?: boolean;
 };
-declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const TextFieldInputWrapper: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     readonly error?: boolean | undefined;
     readonly fullWidth?: boolean | undefined;
     readonly readOnly?: boolean | undefined;
     readonly focused?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export default TextFieldInputWrapper;

package/TextField/TextFieldInputWrapper.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFieldInputWrapper = void 0;
 const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const react_1 = require("@emotion/react");
@@ -69,8 +70,9 @@ const Wrapper = styled_1.default.div `
       }
     `}
 `;
-const TextFieldInputWrapper = (props, ref) => {
+exports.TextFieldInputWrapper = React.forwardRef((props, ref) => {
     const { focused, error, readOnly, fullWidth, children } = props, nativeProps = __rest(props, ["focused", "error", "readOnly", "fullWidth", "children"]);
     return (React.createElement(Wrapper, Object.assign({}, nativeProps, { "$error": error, "$focused": focused, "$readOnly": readOnly, "$fullWidth": Boolean(fullWidth), ref: ref }), children));
-};
-exports.default = React.forwardRef(TextFieldInputWrapper);
+});
+exports.TextFieldInputWrapper.displayName = 'TextFieldInputWrapper';
+exports.default = exports.TextFieldInputWrapper;

package/TextField/TextFieldLabel.d.ts

@@ -3,5 +3,5 @@ export interface TextFieldLabelProps extends React.LabelHTMLAttributes<HTMLLabel
     readonly error?: boolean;
     readonly focused?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<TextFieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
-export default _default;
+export declare const TextFieldLabel: React.ForwardRefExoticComponent<TextFieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export default TextFieldLabel;

package/TextField/TextFieldLabel.js

@@ -37,14 +37,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFieldLabel = void 0;
 const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const Label = styled_1.default.label `
   font-size: 0.8em;
   margin-bottom: 0.2em;
 `;
-const TextFieldLabel = (props, ref) => {
+exports.TextFieldLabel = React.forwardRef((props, ref) => {
     const { children, error, focused } = props, nativeProps = __rest(props, ["children", "error", "focused"]);
     return (React.createElement(Label, Object.assign({}, nativeProps, { "$error": error, "$focused": focused, ref: ref }), children));
-};
-exports.default = React.forwardRef(TextFieldLabel);
+});
+exports.TextFieldLabel.displayName = 'TextFieldLabel';
+exports.default = exports.TextFieldLabel;

package/TextField/TextFieldLabelAsterisk.d.ts

@@ -9,5 +9,5 @@ export interface TextFieldLabelAsteriskProps extends React.HTMLAttributes<HTMLSp
      */
     readonly focused?: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<TextFieldLabelAsteriskProps & React.RefAttributes<HTMLSpanElement>>;
-export default _default;
+export declare const TextFieldLabelAsterisk: React.ForwardRefExoticComponent<TextFieldLabelAsteriskProps & React.RefAttributes<HTMLSpanElement>>;
+export default TextFieldLabelAsterisk;

package/TextField/TextFieldLabelAsterisk.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFieldLabelAsterisk = void 0;
 const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const Asterisk = styled_1.default.span `
@@ -44,8 +45,9 @@ const Asterisk = styled_1.default.span `
   margin-left: 0.2em;
   color: ${({ theme }) => theme.color.error.toString()};
 `;
-const TextFieldLabelAsterisk = (props, ref) => {
+exports.TextFieldLabelAsterisk = React.forwardRef((props, ref) => {
     const { children, error, focused } = props, nativeProps = __rest(props, ["children", "error", "focused"]);
     return (React.createElement(Asterisk, Object.assign({}, nativeProps, { "$error": error, "$focused": focused, ref: ref }), children));
-};
-exports.default = React.forwardRef(TextFieldLabelAsterisk);
+});
+exports.TextFieldLabelAsterisk.displayName = 'TextFieldLabelAsterisk';
+exports.default = exports.TextFieldLabelAsterisk;