period-ui 0.3.1 → 0.3.3

package/dist/components/atoms/signature/index.d.ts

@@ -0,0 +1,3 @@
+export * from './signature';
+export * from './signature-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/signature/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}

package/dist/components/atoms/signature/index.js

@@ -0,0 +1,19 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./signature"), exports);
+__exportStar(require("./signature-types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/signature/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC"}

package/dist/components/atoms/signature/signature-styles.d.ts

@@ -0,0 +1,5 @@
+export declare const signatureContainerStyles: (props?: ({
+    isEmpty?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=signature-styles.d.ts.map

package/dist/components/atoms/signature/signature-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;mFAYnC,CAAC"}

package/dist/components/atoms/signature/signature-styles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.signatureContainerStyles = void 0;
+const class_variance_authority_1 = require("class-variance-authority");
+exports.signatureContainerStyles = (0, class_variance_authority_1.cva)('relative w-full overflow-hidden rounded-xl', {
+    variants: {
+        isEmpty: {
+            true: 'bg-white signature-dashed',
+            false: 'bg-white border border-gray-04',
+        },
+        disabled: {
+            true: 'bg-gray-06 border-none signature-dashed',
+            false: '',
+        },
+    },
+    defaultVariants: { isEmpty: true, disabled: false },
+});
+//# sourceMappingURL=signature-styles.js.map

package/dist/components/atoms/signature/signature-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-styles.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-styles.ts"],"names":[],"mappings":";;;AAAA,uEAA+C;AAElC,QAAA,wBAAwB,GAAG,IAAA,8BAAG,EAAC,4CAA4C,EAAE;IACxF,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,2BAA2B;YACjC,KAAK,EAAE,gCAAgC;SACxC;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,yCAAyC;YAC/C,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;CACpD,CAAC,CAAC"}

package/dist/components/atoms/signature/signature-types.d.ts

@@ -0,0 +1,19 @@
+export type SignaturePoint = {
+    x: number;
+    y: number;
+    pressure: number;
+    time: number;
+};
+export type SignatureData = SignaturePoint[][];
+export type SignatureImageFormat = 'image/png' | 'image/jpeg';
+export type SignatureRef = {
+    clear: () => void;
+    undo: () => void;
+    isEmpty: () => boolean;
+    getDataURL: (format?: SignatureImageFormat, quality?: number) => string;
+    toSVG: () => string;
+    getData: () => SignatureData;
+    loadData: (data: SignatureData) => void;
+    loadDataURL: (dataURL: string) => Promise<void>;
+};
+//# sourceMappingURL=signature-types.d.ts.map

package/dist/components/atoms/signature/signature-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,EAAE,EAAE,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,oBAAoB,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxE,KAAK,EAAE,MAAM,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD,CAAC"}

package/dist/components/atoms/signature/signature-types.js

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

package/dist/components/atoms/signature/signature-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-types.ts"],"names":[],"mappings":""}

package/dist/components/atoms/signature/signature.d.ts

@@ -0,0 +1,19 @@
+import type { SignatureData, SignatureRef } from './signature-types';
+type Props = {
+    value?: SignatureData;
+    defaultValue?: SignatureData;
+    onChange?: (data: SignatureData) => void;
+    onStart?: () => void;
+    onEnd?: (data: SignatureData) => void;
+    placeholder?: string;
+    clearLabel?: string;
+    helperText?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    canvasClassName?: string;
+    'aria-label'?: string;
+};
+export declare const Signature: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SignatureRef>>;
+export type { Props as SignatureProps };
+//# sourceMappingURL=signature.d.ts.map

package/dist/components/atoms/signature/signature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGrE,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,SAAS,gGAwEpB,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC"}

package/dist/components/atoms/signature/signature.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Signature = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const components_1 = require("../../../components");
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+const signature_styles_1 = require("./signature-styles");
+const use_signature_1 = require("./use-signature");
+exports.Signature = (0, react_1.forwardRef)(function Signature({ value, defaultValue, onChange, onStart, onEnd, placeholder, clearLabel, helperText, disabled = false, readOnly = false, className, canvasClassName, }, forwardedRef) {
+    const { clear, canvasElementRef, isCanvasEmpty } = (0, use_signature_1.useSignature)({
+        forwardedRef,
+        value,
+        defaultValue,
+        onChange,
+        onStart,
+        onEnd,
+        disabled,
+        readOnly,
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col gap-3', className), children: [clearLabel && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-end", children: (0, jsx_runtime_1.jsx)(components_1.TextButton, { label: clearLabel, isDisabled: isCanvasEmpty || disabled, onClick: clear }) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)((0, signature_styles_1.signatureContainerStyles)({ isEmpty: isCanvasEmpty, disabled })), onContextMenu: (event) => event.preventDefault(), children: [(0, jsx_runtime_1.jsx)("canvas", { ref: canvasElementRef, role: disabled || readOnly ? 'img' : 'application', "aria-disabled": disabled || undefined, className: (0, tailwind_utils_1.tailwind)('block w-full touch-none select-none md:h-[200px] h-[120px]', disabled && 'cursor-not-allowed opacity-50', readOnly && 'cursor-default', canvasClassName) }), isCanvasEmpty && placeholder && ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, color: disabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, className: "select-none", children: placeholder }) }))] }), helperText && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK_02, children: helperText }))] }));
+});
+//# sourceMappingURL=signature.js.map

package/dist/components/atoms/signature/signature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmC;AACnC,oDAAgF;AAChF,kEAAyD;AACzD,yDAA8D;AAE9D,mDAA+C;AAkBlC,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAsB,SAAS,SAAS,CACzE,EACE,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,eAAe,GAChB,EACD,YAAY;IAEZ,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAA,4BAAY,EAAC;QAC9D,YAAY;QACZ,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,OAAO;QACP,KAAK;QACL,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,qBAAqB,EAAE,SAAS,CAAC,aACvD,UAAU,IAAI,CACb,gCAAK,SAAS,EAAC,kBAAkB,YAC/B,uBAAC,uBAAU,IAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,IAAI,QAAQ,EAAE,OAAO,EAAE,KAAK,GAAI,GACpF,CACP,EAED,iCACE,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAA,2CAAwB,EAAC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC,EACnF,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,aAEhD,mCACE,GAAG,EAAE,gBAAgB,EACrB,IAAI,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,mBACnC,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,IAAA,yBAAQ,EACjB,4DAA4D,EAC5D,QAAQ,IAAI,+BAA+B,EAC3C,QAAQ,IAAI,gBAAgB,EAC5B,eAAe,CAChB,GACD,EAED,aAAa,IAAI,WAAW,IAAI,CAC/B,gCAAK,SAAS,EAAC,uEAAuE,YACpF,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,EACxD,SAAS,EAAC,aAAa,YAEtB,WAAW,GACP,GACH,CACP,IACG,EAEL,UAAU,IAAI,CACb,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,MAAM,EAAE,KAAK,EAAE,uBAAU,CAAC,QAAQ,YAC1D,UAAU,GACN,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/atoms/signature/use-signature.d.ts

@@ -0,0 +1,20 @@
+import { ForwardedRef, RefObject } from 'react';
+import type { SignatureData, SignatureRef } from './signature-types';
+type UseSignatureProps = {
+    forwardedRef: ForwardedRef<SignatureRef>;
+    value?: SignatureData;
+    defaultValue?: SignatureData;
+    disabled: boolean;
+    readOnly: boolean;
+    onStart?: () => void;
+    onEnd?: (data: SignatureData) => void;
+    onChange?: (data: SignatureData) => void;
+};
+type UseSignatureReturn = {
+    clear: () => void;
+    canvasElementRef: RefObject<HTMLCanvasElement>;
+    isCanvasEmpty: boolean;
+};
+export declare function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, onStart, onEnd, onChange, }: UseSignatureProps): UseSignatureReturn;
+export {};
+//# sourceMappingURL=use-signature.d.ts.map

package/dist/components/atoms/signature/use-signature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-signature.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/use-signature.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,aAAa,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAM3F,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AA+CF,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,iBAAiB,GAAG,kBAAkB,CAiMxC"}

package/dist/components/atoms/signature/use-signature.js

@@ -0,0 +1,191 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSignature = useSignature;
+const react_1 = require("react");
+const signature_pad_1 = __importDefault(require("signature_pad"));
+const colors_1 = require("../../../styles/colors");
+const DEFAULT_PEN_COLOR = colors_1.ColorsHex.GRAY_01;
+const DEFAULT_MIN_WIDTH = 0.5;
+const DEFAULT_MAX_WIDTH = 2.5;
+function toSignatureData(pointGroups) {
+    return pointGroups.map((group) => group.points.map(({ x, y, pressure, time }) => ({ x, y, pressure, time })));
+}
+function toPointGroups(signatureData) {
+    return signatureData.map((points) => ({
+        dotSize: 0,
+        minWidth: DEFAULT_MIN_WIDTH,
+        maxWidth: DEFAULT_MAX_WIDTH,
+        penColor: DEFAULT_PEN_COLOR,
+        velocityFilterWeight: 0.7,
+        compositeOperation: 'source-over',
+        points,
+    }));
+}
+function scaleCanvas(canvasElement, signaturePad) {
+    const devicePixelRatio = Math.max(window.devicePixelRatio || 1, 1);
+    const canvasWidth = canvasElement.offsetWidth;
+    const canvasHeight = canvasElement.offsetHeight;
+    if (!canvasWidth && !canvasHeight) {
+        return;
+    }
+    const strokeData = signaturePad.toData();
+    canvasElement.width = Math.max(canvasWidth * devicePixelRatio, 1);
+    canvasElement.height = Math.max(canvasHeight * devicePixelRatio, 1);
+    const canvasContext = canvasElement.getContext('2d');
+    if (canvasContext) {
+        canvasContext.scale(devicePixelRatio, devicePixelRatio);
+    }
+    signaturePad.clear();
+    if (strokeData.length) {
+        signaturePad.fromData(strokeData);
+    }
+}
+function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, onStart, onEnd, onChange, }) {
+    const canvasElementRef = (0, react_1.useRef)(null);
+    const signaturePadRef = (0, react_1.useRef)(null);
+    const lastSyncedRef = (0, react_1.useRef)('[]');
+    const isStrokeActiveRef = (0, react_1.useRef)(false);
+    const onStartRef = (0, react_1.useRef)(onStart);
+    const onEndRef = (0, react_1.useRef)(onEnd);
+    const onChangeRef = (0, react_1.useRef)(onChange);
+    onStartRef.current = onStart;
+    onEndRef.current = onEnd;
+    onChangeRef.current = onChange;
+    const [isCanvasEmpty, setIsCanvasEmpty] = (0, react_1.useState)(!defaultValue?.length);
+    const applySignatureData = (0, react_1.useCallback)((signatureData) => {
+        setIsCanvasEmpty(signatureData.length === 0);
+        onChangeRef.current?.(signatureData);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const canvasElement = canvasElementRef.current;
+        if (!canvasElement) {
+            return;
+        }
+        const signaturePad = new signature_pad_1.default(canvasElement, {
+            penColor: DEFAULT_PEN_COLOR,
+            backgroundColor: 'rgba(0,0,0,0)',
+            minWidth: DEFAULT_MIN_WIDTH,
+            maxWidth: DEFAULT_MAX_WIDTH,
+        });
+        signaturePadRef.current = signaturePad;
+        scaleCanvas(canvasElement, signaturePad);
+        if (defaultValue?.length) {
+            signaturePad.fromData(toPointGroups(defaultValue));
+            lastSyncedRef.current = JSON.stringify(defaultValue);
+        }
+        return () => {
+            signaturePad.off();
+            signaturePadRef.current = null;
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const signaturePad = signaturePadRef.current;
+        if (!signaturePad) {
+            return;
+        }
+        const handleBeginStroke = () => {
+            isStrokeActiveRef.current = true;
+            setIsCanvasEmpty(false);
+            onStartRef.current?.();
+        };
+        const handleEndStroke = () => {
+            isStrokeActiveRef.current = false;
+            const signatureData = toSignatureData(signaturePad.toData());
+            lastSyncedRef.current = JSON.stringify(signatureData);
+            onEndRef.current?.(signatureData);
+            applySignatureData(signatureData);
+        };
+        signaturePad.addEventListener('beginStroke', handleBeginStroke);
+        signaturePad.addEventListener('endStroke', handleEndStroke);
+        return () => {
+            signaturePad.removeEventListener('beginStroke', handleBeginStroke);
+            signaturePad.removeEventListener('endStroke', handleEndStroke);
+        };
+    }, [applySignatureData]);
+    (0, react_1.useEffect)(() => {
+        const signaturePad = signaturePadRef.current;
+        if (!signaturePad) {
+            return;
+        }
+        if (disabled || readOnly) {
+            signaturePad.off();
+        }
+        else {
+            signaturePad.on();
+        }
+    }, [disabled, readOnly]);
+    (0, react_1.useEffect)(() => {
+        if (value === undefined) {
+            return;
+        }
+        setIsCanvasEmpty(value.length === 0);
+        const signaturePad = signaturePadRef.current;
+        if (!signaturePad || isStrokeActiveRef.current) {
+            return;
+        }
+        const serialized = JSON.stringify(value);
+        if (serialized === lastSyncedRef.current) {
+            return;
+        }
+        lastSyncedRef.current = serialized;
+        signaturePad.fromData(toPointGroups(value));
+    }, [value]);
+    (0, react_1.useEffect)(() => {
+        const canvasElement = canvasElementRef.current;
+        if (!canvasElement) {
+            return;
+        }
+        const resizeObserver = new ResizeObserver(() => {
+            const signaturePad = signaturePadRef.current;
+            if (signaturePad) {
+                scaleCanvas(canvasElement, signaturePad);
+            }
+        });
+        resizeObserver.observe(canvasElement);
+        return () => resizeObserver.disconnect();
+    }, []);
+    const clear = (0, react_1.useCallback)(() => {
+        signaturePadRef.current?.clear();
+        lastSyncedRef.current = '[]';
+        applySignatureData([]);
+    }, [applySignatureData]);
+    const undo = (0, react_1.useCallback)(() => {
+        const signaturePad = signaturePadRef.current;
+        if (!signaturePad) {
+            return;
+        }
+        const pointGroups = signaturePad.toData();
+        if (!pointGroups.length) {
+            return;
+        }
+        const updatedPointGroups = pointGroups.slice(0, -1);
+        signaturePad.fromData(updatedPointGroups);
+        const updatedSignatureData = toSignatureData(updatedPointGroups);
+        lastSyncedRef.current = JSON.stringify(updatedSignatureData);
+        applySignatureData(updatedSignatureData);
+    }, [applySignatureData]);
+    (0, react_1.useImperativeHandle)(forwardedRef, () => ({
+        clear,
+        undo,
+        isEmpty: () => signaturePadRef.current?.isEmpty() ?? true,
+        getDataURL(format = 'image/png', quality) {
+            return signaturePadRef.current?.toDataURL(format, quality) ?? '';
+        },
+        toSVG: () => signaturePadRef.current?.toSVG() ?? '',
+        getData: () => toSignatureData(signaturePadRef.current?.toData() ?? []),
+        loadData(signatureData) {
+            const signaturePad = signaturePadRef.current;
+            if (!signaturePad) {
+                return;
+            }
+            signaturePad.fromData(toPointGroups(signatureData));
+            lastSyncedRef.current = JSON.stringify(signatureData);
+        },
+        loadDataURL: (dataURL) => signaturePadRef.current?.fromDataURL(dataURL) ?? Promise.resolve(),
+    }), [clear, undo]);
+    return { clear, canvasElementRef, isCanvasEmpty };
+}
+//# sourceMappingURL=use-signature.js.map

package/dist/components/atoms/signature/use-signature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-signature.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/use-signature.ts"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './atoms/signature';
 export * from './atoms/base-input';
 export * from './atoms/billo-icon';
 export * from './atoms/button';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}

package/dist/components/index.js

@@ -14,6 +14,7 @@ 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);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./atoms/signature"), exports);
 __exportStar(require("./atoms/base-input"), exports);
 __exportStar(require("./atoms/billo-icon"), exports);
 __exportStar(require("./atoms/button"), exports);

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AAGrC,uDAAqC;AACrC,2DAAyC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AAGrC,uDAAqC;AACrC,2DAAyC"}

package/dist/components/molecules/form/form-select/form-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,eAAe,2CA6DjB"}
+{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,eAAe,2CAkEjB"}

package/dist/components/molecules/form/form-select/form-select.js

@@ -35,6 +35,10 @@ function FormSelect({ formControlClassName, syncTypingToField = false, ...props
         await formProps?.setFieldTouched(formName ?? '', true, true);
         onBlur?.();
     }
-    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props.formProps?.errors[props.formName], inputWidth: props.isMultiSelect ? containers_1.FormInputWidth.FOUR_COLUMN : props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(components_1.Select, { ...props, isErrorVisible: isErrorVisible, onOptionChange: handleChange, onChangeText: handleValueChange, onBlur: handleOnBlur })) }));
+    const rawFormError = props.formProps?.errors[props.formName];
+    const formError = rawFormError?.value || rawFormError?.label;
+    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText ||
+            formError ||
+            props.formProps?.errors[props.formName], inputWidth: props.isMultiSelect ? containers_1.FormInputWidth.FOUR_COLUMN : props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(components_1.Select, { ...props, isErrorVisible: isErrorVisible, onOptionChange: handleChange, onChangeText: handleValueChange, onBlur: handleOnBlur })) }));
 }
 //# sourceMappingURL=form-select.js.map

package/dist/components/molecules/form/form-select/form-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAUA,gCAiEC;;AA1ED,uDAA6D;AAC7D,uDAAuF;AAQvF,SAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAiB,GAAG,KAAK,EACzB,GAAG,KAAK,EACQ;IAChB,KAAK,UAAU,iBAAiB,CAAC,SAAiB;QAChD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;QAEpD,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC;QAE1B,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,cAAwB;QAClD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;QAE9E,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,eAAe,GAAmB,OAAO;iBAC5C,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBACzD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAEnE,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC;YACpC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC;YAEtE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5F,CAAC;QAED,cAAc,EAAE,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAE9C,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,EAAE,EAAE,CAAC;IACb,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EACP,KAAK,CAAC,SAAS,IAAK,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAErF,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2BAAc,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAC/E,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,mBAAM,OACD,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,YAAY,EAC5B,YAAY,EAAE,iBAAiB,EAC/B,MAAM,EAAE,YAAY,GACpB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAUA,gCAsEC;;AA/ED,uDAA6D;AAC7D,uDAAuF;AAQvF,SAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAiB,GAAG,KAAK,EACzB,GAAG,KAAK,EACQ;IAChB,KAAK,UAAU,iBAAiB,CAAC,SAAiB;QAChD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;QAEpD,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC;QAE1B,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,cAAwB;QAClD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;QAE9E,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,eAAe,GAAmB,OAAO;iBAC5C,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBACzD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAEnE,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC;YACpC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC;YAEtE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5F,CAAC;QAED,cAAc,EAAE,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAE9C,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,EAAE,EAAE,CAAC;IACb,CAAC;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAiB,CAAC;IAC9E,MAAM,SAAS,GAAG,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,KAAK,CAAC;IAE7D,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EACP,KAAK,CAAC,SAAS;YACf,SAAS;YACR,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAElE,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2BAAc,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAC/E,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,mBAAM,OACD,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,YAAY,EAC5B,YAAY,EAAE,iBAAiB,EAC/B,MAAM,EAAE,YAAY,GACpB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}

package/dist/components/molecules/form/form-story-stubs.d.ts

@@ -1,11 +1,21 @@
-import { FormikValues } from 'formik';
+import { FormikErrors, FormikTouched, FormikValues } from 'formik';
+import { ObjectSchema } from 'yup';
 import { FormHelpers, FormRenderProps } from './form-types';
 export type TestFormValues = {
     test: string;
 };
+type StoryFormConfig<FormValuesType extends FormikValues> = {
+    initialValues: FormValuesType;
+    validationSchema?: ObjectSchema<any>;
+    initialTouched?: FormikTouched<FormValuesType>;
+    initialErrors?: FormikErrors<FormValuesType>;
+    onSubmit?: (values: FormValuesType) => void;
+};
+export declare function useReactiveFormikProps<FormValuesType extends FormikValues>(config: StoryFormConfig<FormValuesType>): FormRenderProps<FormValuesType>;
 export type FormConfig<FormValuesType> = {
     initialValues: FormValuesType;
     onSubmit: (values: FormValuesType, helpers?: FormHelpers<FormValuesType>) => void;
 };
 export declare function createMockFormikProps<T extends FormikValues>(config: FormConfig<T>): FormRenderProps<T>;
+export {};
 //# sourceMappingURL=form-story-stubs.d.ts.map

package/dist/components/molecules/form/form-story-stubs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-story-stubs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,YAAY,EACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;IACvC,aAAa,EAAE,cAAc,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACnF,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,EAC1D,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GACpB,eAAe,CAAC,CAAC,CAAC,CAuFpB"}
+{"version":3,"file":"form-story-stubs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,YAAY,EAEZ,aAAa,EACb,YAAY,EACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,YAAY,EAAmB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,CAAC,cAAc,SAAS,YAAY,IAAI;IAC1D,aAAa,EAAE,cAAc,CAAC;IAC9B,gBAAgB,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC7C,CAAC;AAyDF,wBAAgB,sBAAsB,CAAC,cAAc,SAAS,YAAY,EACxE,MAAM,EAAE,eAAe,CAAC,cAAc,CAAC,GACtC,eAAe,CAAC,cAAc,CAAC,CA8DjC;AAED,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;IACvC,aAAa,EAAE,cAAc,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACnF,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,EAC1D,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GACpB,eAAe,CAAC,CAAC,CAAC,CAuFpB"}

package/dist/components/molecules/form/form-story-stubs.js

@@ -1,6 +1,83 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReactiveFormikProps = useReactiveFormikProps;
 exports.createMockFormikProps = createMockFormikProps;
+const react_1 = require("react");
+const yup_1 = require("yup");
+function buildErrorsFromValidationError(validationError) {
+    const errors = {};
+    const errorsToProcess = validationError.inner.length > 0
+        ? validationError.inner
+        : [validationError];
+    for (const singleError of errorsToProcess) {
+        if (!singleError.path)
+            continue;
+        const pathParts = singleError.path.split('.');
+        if (pathParts.length === 1) {
+            errors[pathParts[0]] = singleError.message;
+        }
+        else {
+            const [fieldName, subfieldName] = pathParts;
+            if (!errors[fieldName] || typeof errors[fieldName] === 'string') {
+                errors[fieldName] = {};
+            }
+            errors[fieldName][subfieldName] = singleError.message;
+        }
+    }
+    return errors;
+}
+function useReactiveFormikProps(config) {
+    const [values, setValuesState] = (0, react_1.useState)(config.initialValues);
+    const [errors, setErrors] = (0, react_1.useState)(config.initialErrors ?? {});
+    const [touched, setTouchedState] = (0, react_1.useState)(config.initialTouched ?? {});
+    const latestValuesRef = (0, react_1.useRef)(values);
+    latestValuesRef.current = values;
+    async function runValidation(currentValues) {
+        if (!config.validationSchema)
+            return;
+        try {
+            await config.validationSchema.validate(currentValues, { abortEarly: false });
+            setErrors({});
+        }
+        catch (error) {
+            if (error instanceof yup_1.ValidationError) {
+                setErrors(buildErrorsFromValidationError(error));
+            }
+        }
+    }
+    const base = createMockFormikProps({
+        initialValues: config.initialValues,
+        onSubmit: config.onSubmit ?? (() => { }),
+    });
+    return {
+        ...base,
+        values,
+        errors,
+        touched,
+        isValid: Object.keys(errors).length === 0,
+        setFieldValue: async (field, value, shouldValidate) => {
+            const nextValues = { ...latestValuesRef.current, [field]: value };
+            setValuesState(nextValues);
+            latestValuesRef.current = nextValues;
+            if (shouldValidate !== false) {
+                await runValidation(nextValues);
+            }
+        },
+        setFieldTouched: async (field, isTouched = true, shouldValidate) => {
+            setTouchedState((previousTouched) => ({
+                ...previousTouched,
+                [field]: isTouched,
+            }));
+            if (shouldValidate !== false) {
+                await runValidation(latestValuesRef.current);
+            }
+        },
+        handleSubmit: (event) => {
+            event?.preventDefault?.();
+            config.onSubmit?.(latestValuesRef.current);
+        },
+    };
+}
 function createMockFormikProps(config) {
     const { initialValues, onSubmit } = config;
     return {

package/dist/components/molecules/form/form-story-stubs.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-story-stubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-story-stubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"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"}

package/dist/components/molecules/form/form-text-field/form-text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAC/C,cAAc,GAAG;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,aAAa,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAkCnF"}
+{"version":3,"file":"form-text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAC/C,cAAc,GAAG;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,aAAa,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAmCnF"}

package/dist/components/molecules/form/form-text-field/form-text-field.js

@@ -15,6 +15,6 @@ function FormTextField({ formControlClassName, ...props }) {
         await formProps?.setFieldTouched(formName ?? '', true, true);
         onBlur?.();
     }
-    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props?.formProps?.errors[props.formName], inputWidth: props.width ?? props.inputWidth, className: formControlClassName, children: () => ((0, jsx_runtime_1.jsx)(components_1.TextField, { ...props, value: props.value ?? props.formProps?.values[props.formName], onBlur: handleOnBlur, onChange: handleChange })) }));
+    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props?.formProps?.errors[props.formName], inputWidth: props.width ?? props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(components_1.TextField, { ...props, isErrorVisible: isErrorVisible, value: props.value ?? props.formProps?.values[props.formName], onBlur: handleOnBlur, onChange: handleChange })) }));
 }
 //# sourceMappingURL=form-text-field.js.map

package/dist/components/molecules/form/form-text-field/form-text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-text-field.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":";;AASA,sCAkCC;;AA1CD,uDAAmE;AACnE,uDAAuF;AAOvF,SAAgB,aAAa,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAsB;IAClF,KAAK,UAAU,YAAY,CAAC,KAAoC;QAC9D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAEhD,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACpE,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAE9C,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,EAAE,EAAE,CAAC;IACb,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EACP,KAAK,CAAC,SAAS,IAAK,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAEtF,UAAU,EAAG,KAAK,CAAC,KAAwB,IAAI,KAAK,CAAC,UAAU,EAC/D,SAAS,EAAE,oBAAoB,YAE9B,GAAG,EAAE,CAAC,CACL,uBAAC,sBAAS,OACJ,KAAK,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAC,EAC9D,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-text-field.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":";;AASA,sCAmCC;;AA3CD,uDAAmE;AACnE,uDAAuF;AAOvF,SAAgB,aAAa,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAsB;IAClF,KAAK,UAAU,YAAY,CAAC,KAAoC;QAC9D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAEhD,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACpE,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAE9C,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,EAAE,EAAE,CAAC;IACb,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EACP,KAAK,CAAC,SAAS,IAAK,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAEtF,UAAU,EAAG,KAAK,CAAC,KAAwB,IAAI,KAAK,CAAC,UAAU,EAC/D,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,sBAAS,OACJ,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAC,EAC9D,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}

package/dist/components/molecules/text-field/components/text-field-input.d.ts

@@ -5,7 +5,7 @@ export type TextFieldInputProps = Omit<ComponentProps<'input'>, 'disabled' | 're
     isDisabled?: boolean;
     onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
 };
-export declare const TextFieldInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "disabled" | "required" | "onBlur"> & {
+export declare const TextFieldInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "disabled" | "ref" | "onBlur" | "required"> & {
     mask?: string;
     isRequired?: boolean;
     isDisabled?: boolean;

package/dist/components/molecules/text-field/text-field.d.ts

@@ -2,6 +2,7 @@ import { ComponentProps, FocusEvent, ReactNode } from 'react';
 type Props = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref' | 'className' | 'onBlur'> & {
     isRequired?: boolean;
     isDisabled?: boolean;
+    isErrorVisible?: boolean;
     mask?: string;
     leadingElement?: ReactNode;
     trailingElement?: ReactNode;
@@ -9,9 +10,10 @@ type Props = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref' | 'cl
     inputClassName?: string;
     onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
 };
-export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "disabled" | "required" | "className" | "onBlur"> & {
+export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "disabled" | "ref" | "className" | "onBlur" | "required"> & {
     isRequired?: boolean;
     isDisabled?: boolean;
+    isErrorVisible?: boolean;
     mask?: string;
     leadingElement?: ReactNode;
     trailingElement?: ReactNode;

package/dist/components/molecules/text-field/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxF,KAAK,KAAK,GAAG,IAAI,CACf,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,CACzD,GAAG;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,SAAS;iBAZP,OAAO;iBACP,OAAO;WACb,MAAM;qBACI,SAAS;sBACR,SAAS;gBACf,MAAM;qBACD,MAAM;aAGd,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;oDAwCvD,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxF,KAAK,KAAK,GAAG,IAAI,CACf,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,CACzD,GAAG;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,SAAS;iBAbP,OAAO;iBACP,OAAO;qBACH,OAAO;WACjB,MAAM;qBACI,SAAS;sBACR,SAAS;gBACf,MAAM;qBACD,MAAM;aAGd,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;oDA0CvD,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC"}

package/dist/components/molecules/text-field/text-field.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const tailwind_utils_1 = require("../../../utils/tailwind-utils");
 const text_field_input_1 = require("./components/text-field-input");
-exports.TextField = (0, react_1.forwardRef)(function TextField({ isRequired, isDisabled, mask, leadingElement, trailingElement, className, inputClassName, ...rest }, ref) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-center w-full', 'border border-gray-04 rounded-lg bg-white', 'hover:border-blue-02 focus-within:border-blue-01 focus-within:hover:border-blue-01', 'focus-within:ring-1 focus-within:ring-blue-01', className), children: [leadingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pl-4 text-gray-01", children: leadingElement }), (0, jsx_runtime_1.jsx)(text_field_input_1.TextFieldInput, { ref: ref, mask: mask, isRequired: isRequired, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)(leadingElement ? 'px-2' : 'px-4', inputClassName), ...rest }), trailingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pr-4 text-gray-01", children: trailingElement })] }));
+exports.TextField = (0, react_1.forwardRef)(function TextField({ isRequired, isDisabled, isErrorVisible, mask, leadingElement, trailingElement, className, inputClassName, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-center w-full', 'border border-gray-04 rounded-lg bg-white', 'hover:border-blue-02 focus-within:border-blue-01 focus-within:hover:border-blue-01', 'focus-within:ring-1 focus-within:ring-blue-01', isErrorVisible && 'border-red-01 focus-within:ring-red-01', className), children: [leadingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pl-4 text-gray-01", children: leadingElement }), (0, jsx_runtime_1.jsx)(text_field_input_1.TextFieldInput, { ref: ref, mask: mask, isRequired: isRequired, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)(leadingElement ? 'px-2' : 'px-4', inputClassName), ...rest }), trailingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pr-4 text-gray-01", children: trailingElement })] }));
 });
 //# sourceMappingURL=text-field.js.map

package/dist/components/molecules/text-field/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,kEAAyD;AACzD,oEAA+D;AAkBlD,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EACE,UAAU,EACV,UAAU,EACV,IAAI,EACJ,cAAc,EACd,eAAe,EACf,SAAS,EACT,cAAc,EACd,GAAG,IAAI,EACD,EACR,GAAmC;IAEnC,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,0BAA0B,EAC1B,2CAA2C,EAC3C,oFAAoF,EACpF,+CAA+C,EAC/C,SAAS,CACV,aAEA,cAAc,IAAI,gCAAK,SAAS,EAAC,iCAAiC,YAAE,cAAc,GAAO,EAE1F,uBAAC,iCAAc,IACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,KACjE,IAAI,GACR,EAED,eAAe,IAAI,gCAAK,SAAS,EAAC,iCAAiC,YAAE,eAAe,GAAO,IACxF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,kEAAyD;AACzD,oEAA+D;AAmBlD,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EACE,UAAU,EACV,UAAU,EACV,cAAc,EACd,IAAI,EACJ,cAAc,EACd,eAAe,EACf,SAAS,EACT,cAAc,EACd,GAAG,IAAI,EACD,EACR,GAAmC;IAEnC,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,0BAA0B,EAC1B,2CAA2C,EAC3C,oFAAoF,EACpF,+CAA+C,EAC/C,cAAc,IAAI,wCAAwC,EAC1D,SAAS,CACV,aAEA,cAAc,IAAI,gCAAK,SAAS,EAAC,iCAAiC,YAAE,cAAc,GAAO,EAE1F,uBAAC,iCAAc,IACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,KACjE,IAAI,GACR,EAED,eAAe,IAAI,gCAAK,SAAS,EAAC,iCAAiC,YAAE,eAAe,GAAO,IACxF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/index.css

@@ -540,4 +540,8 @@
   position: relative;
 }
 
+.signature-dashed {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3e%3crect x='0.5' y='0.5' width='calc(100%25 - 1px)' height='calc(100%25 - 1px)' rx='11.5' fill='none' stroke='%23E3E3E3' stroke-width='1' stroke-dasharray='8 8'/%3e%3c/svg%3e");
+}
+
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/index.scss","../src/styles/settings/_icons.scss","../src/styles/settings/_scroll.scss","../src/styles/components/_progress-indicator.scss"],"names":[],"mappings":"AAAQ;AAER;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAIF;AACA;AACA;AC1EA;EACE;EACA;EACA;EAMA;EACA;EACA;;AAGF;AAAA;AAEE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAgHE;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AC5BR;EACE;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;;ACrBJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;EACA;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../src/index.scss","../src/styles/settings/_icons.scss","../src/styles/settings/_scroll.scss","../src/styles/components/_progress-indicator.scss","../src/styles/components/_signature.scss"],"names":[],"mappings":"AAAQ;AAER;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;;AAIF;AACA;AACA;AC1EA;EACE;EACA;EACA;EAMA;EACA;EACA;;AAGF;AAAA;AAEE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAgHE;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AA6GJ;EACE,SA9GE;;;AC5BR;EACE;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;;ACrBJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;EACA;EACA;;;AClBF;EACE","file":"index.css"}

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export declare const _periodUI_marker = true;
+export { Signature } from './components';
+export type { SignatureProps, SignatureRef, SignatureData, SignatureImageFormat, } from './components';
 export { BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, RadioButton, CheckboxVariant, Chip, ChipList, DropDownMenu, MenuItemVariant, IconButton, IconButtonVariant, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, ProgressIndicator, ProgressIndicatorVariant, SpinnerVariant, AccordionItem, Accordion, Divider, DividerVariant, DatePicker, DatePickerVariants, } from './components';
 export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, ModalVariant, FilterVariant, Select, TextField, FormSelect, FilterModal, FormCheckBox, FormTextField, StatusSelector, StatusSelectorVariant, FormRadioButton, FormDatePicker, Callout, CalloutVariant, } from './components';
 export { FormControl, FormInputWidth } from './containers';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,UAAU,EACV,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,OAAO,EACP,cAAc,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EAQzB,WAAW,EAGX,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EAGtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EAGV,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,YAAY,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,UAAU,EACV,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,OAAO,EACP,cAAc,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EAQzB,WAAW,EAGX,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EAGtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EAGV,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -1,62 +1,64 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormRadioButton = exports.StatusSelectorVariant = exports.StatusSelector = exports.FormTextField = exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.TextField = exports.Select = exports.FilterVariant = exports.ModalVariant = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.DatePickerVariants = exports.DatePicker = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.RadioButton = exports.Checkbox = exports.ButtonVariant = exports.Button = exports.IconSize = exports.IconSymbol = exports.IconColor = exports.BilloIcon = exports._periodUI_marker = void 0;
-exports.FormInputWidth = exports.FormControl = exports.CalloutVariant = exports.Callout = exports.FormDatePicker = void 0;
+exports.StatusSelectorVariant = exports.StatusSelector = exports.FormTextField = exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.TextField = exports.Select = exports.FilterVariant = exports.ModalVariant = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.DatePickerVariants = exports.DatePicker = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.RadioButton = exports.Checkbox = exports.ButtonVariant = exports.Button = exports.IconSize = exports.IconSymbol = exports.IconColor = exports.BilloIcon = exports.Signature = exports._periodUI_marker = void 0;
+exports.FormInputWidth = exports.FormControl = exports.CalloutVariant = exports.Callout = exports.FormDatePicker = exports.FormRadioButton = void 0;
 exports._periodUI_marker = true;
 var components_1 = require("./components");
-Object.defineProperty(exports, "BilloIcon", { enumerable: true, get: function () { return components_1.BilloIcon; } });
-Object.defineProperty(exports, "IconColor", { enumerable: true, get: function () { return components_1.IconColor; } });
-Object.defineProperty(exports, "IconSymbol", { enumerable: true, get: function () { return components_1.IconSymbol; } });
-Object.defineProperty(exports, "IconSize", { enumerable: true, get: function () { return components_1.IconSize; } });
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return components_1.Button; } });
-Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return components_1.ButtonVariant; } });
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return components_1.Checkbox; } });
-Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return components_1.RadioButton; } });
-Object.defineProperty(exports, "CheckboxVariant", { enumerable: true, get: function () { return components_1.CheckboxVariant; } });
-Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return components_1.Chip; } });
-Object.defineProperty(exports, "ChipList", { enumerable: true, get: function () { return components_1.ChipList; } });
-Object.defineProperty(exports, "DropDownMenu", { enumerable: true, get: function () { return components_1.DropDownMenu; } });
-Object.defineProperty(exports, "MenuItemVariant", { enumerable: true, get: function () { return components_1.MenuItemVariant; } });
-Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return components_1.IconButton; } });
-Object.defineProperty(exports, "IconButtonVariant", { enumerable: true, get: function () { return components_1.IconButtonVariant; } });
-Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return components_1.SearchBar; } });
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return components_1.Text; } });
-Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return components_1.TextVariant; } });
-Object.defineProperty(exports, "TextColors", { enumerable: true, get: function () { return components_1.TextColors; } });
-Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return components_1.TextButton; } });
-Object.defineProperty(exports, "TextButtonVariant", { enumerable: true, get: function () { return components_1.TextButtonVariant; } });
-Object.defineProperty(exports, "PopOver", { enumerable: true, get: function () { return components_1.PopOver; } });
-Object.defineProperty(exports, "PopOverPosition", { enumerable: true, get: function () { return components_1.PopOverPosition; } });
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return components_1.Tooltip; } });
-Object.defineProperty(exports, "ProgressIndicator", { enumerable: true, get: function () { return components_1.ProgressIndicator; } });
-Object.defineProperty(exports, "ProgressIndicatorVariant", { enumerable: true, get: function () { return components_1.ProgressIndicatorVariant; } });
-Object.defineProperty(exports, "SpinnerVariant", { enumerable: true, get: function () { return components_1.SpinnerVariant; } });
-Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return components_1.AccordionItem; } });
-Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return components_1.Accordion; } });
-Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return components_1.Divider; } });
-Object.defineProperty(exports, "DividerVariant", { enumerable: true, get: function () { return components_1.DividerVariant; } });
-Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return components_1.DatePicker; } });
-Object.defineProperty(exports, "DatePickerVariants", { enumerable: true, get: function () { return components_1.DatePickerVariants; } });
+Object.defineProperty(exports, "Signature", { enumerable: true, get: function () { return components_1.Signature; } });
 var components_2 = require("./components");
-Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return components_2.Form; } });
-Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return components_2.Drawer; } });
-Object.defineProperty(exports, "DrawerVariant", { enumerable: true, get: function () { return components_2.DrawerVariant; } });
-Object.defineProperty(exports, "DrawerDirection", { enumerable: true, get: function () { return components_2.DrawerDirection; } });
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return components_2.Modal; } });
-Object.defineProperty(exports, "ModalVariant", { enumerable: true, get: function () { return components_2.ModalVariant; } });
-Object.defineProperty(exports, "FilterVariant", { enumerable: true, get: function () { return components_2.FilterVariant; } });
-Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return components_2.Select; } });
-Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return components_2.TextField; } });
-Object.defineProperty(exports, "FormSelect", { enumerable: true, get: function () { return components_2.FormSelect; } });
-Object.defineProperty(exports, "FilterModal", { enumerable: true, get: function () { return components_2.FilterModal; } });
-Object.defineProperty(exports, "FormCheckBox", { enumerable: true, get: function () { return components_2.FormCheckBox; } });
-Object.defineProperty(exports, "FormTextField", { enumerable: true, get: function () { return components_2.FormTextField; } });
-Object.defineProperty(exports, "StatusSelector", { enumerable: true, get: function () { return components_2.StatusSelector; } });
-Object.defineProperty(exports, "StatusSelectorVariant", { enumerable: true, get: function () { return components_2.StatusSelectorVariant; } });
-Object.defineProperty(exports, "FormRadioButton", { enumerable: true, get: function () { return components_2.FormRadioButton; } });
-Object.defineProperty(exports, "FormDatePicker", { enumerable: true, get: function () { return components_2.FormDatePicker; } });
-Object.defineProperty(exports, "Callout", { enumerable: true, get: function () { return components_2.Callout; } });
-Object.defineProperty(exports, "CalloutVariant", { enumerable: true, get: function () { return components_2.CalloutVariant; } });
+Object.defineProperty(exports, "BilloIcon", { enumerable: true, get: function () { return components_2.BilloIcon; } });
+Object.defineProperty(exports, "IconColor", { enumerable: true, get: function () { return components_2.IconColor; } });
+Object.defineProperty(exports, "IconSymbol", { enumerable: true, get: function () { return components_2.IconSymbol; } });
+Object.defineProperty(exports, "IconSize", { enumerable: true, get: function () { return components_2.IconSize; } });
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return components_2.Button; } });
+Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return components_2.ButtonVariant; } });
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return components_2.Checkbox; } });
+Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return components_2.RadioButton; } });
+Object.defineProperty(exports, "CheckboxVariant", { enumerable: true, get: function () { return components_2.CheckboxVariant; } });
+Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return components_2.Chip; } });
+Object.defineProperty(exports, "ChipList", { enumerable: true, get: function () { return components_2.ChipList; } });
+Object.defineProperty(exports, "DropDownMenu", { enumerable: true, get: function () { return components_2.DropDownMenu; } });
+Object.defineProperty(exports, "MenuItemVariant", { enumerable: true, get: function () { return components_2.MenuItemVariant; } });
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return components_2.IconButton; } });
+Object.defineProperty(exports, "IconButtonVariant", { enumerable: true, get: function () { return components_2.IconButtonVariant; } });
+Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return components_2.SearchBar; } });
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return components_2.Text; } });
+Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return components_2.TextVariant; } });
+Object.defineProperty(exports, "TextColors", { enumerable: true, get: function () { return components_2.TextColors; } });
+Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return components_2.TextButton; } });
+Object.defineProperty(exports, "TextButtonVariant", { enumerable: true, get: function () { return components_2.TextButtonVariant; } });
+Object.defineProperty(exports, "PopOver", { enumerable: true, get: function () { return components_2.PopOver; } });
+Object.defineProperty(exports, "PopOverPosition", { enumerable: true, get: function () { return components_2.PopOverPosition; } });
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return components_2.Tooltip; } });
+Object.defineProperty(exports, "ProgressIndicator", { enumerable: true, get: function () { return components_2.ProgressIndicator; } });
+Object.defineProperty(exports, "ProgressIndicatorVariant", { enumerable: true, get: function () { return components_2.ProgressIndicatorVariant; } });
+Object.defineProperty(exports, "SpinnerVariant", { enumerable: true, get: function () { return components_2.SpinnerVariant; } });
+Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return components_2.AccordionItem; } });
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return components_2.Accordion; } });
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return components_2.Divider; } });
+Object.defineProperty(exports, "DividerVariant", { enumerable: true, get: function () { return components_2.DividerVariant; } });
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return components_2.DatePicker; } });
+Object.defineProperty(exports, "DatePickerVariants", { enumerable: true, get: function () { return components_2.DatePickerVariants; } });
+var components_3 = require("./components");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return components_3.Form; } });
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return components_3.Drawer; } });
+Object.defineProperty(exports, "DrawerVariant", { enumerable: true, get: function () { return components_3.DrawerVariant; } });
+Object.defineProperty(exports, "DrawerDirection", { enumerable: true, get: function () { return components_3.DrawerDirection; } });
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return components_3.Modal; } });
+Object.defineProperty(exports, "ModalVariant", { enumerable: true, get: function () { return components_3.ModalVariant; } });
+Object.defineProperty(exports, "FilterVariant", { enumerable: true, get: function () { return components_3.FilterVariant; } });
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return components_3.Select; } });
+Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return components_3.TextField; } });
+Object.defineProperty(exports, "FormSelect", { enumerable: true, get: function () { return components_3.FormSelect; } });
+Object.defineProperty(exports, "FilterModal", { enumerable: true, get: function () { return components_3.FilterModal; } });
+Object.defineProperty(exports, "FormCheckBox", { enumerable: true, get: function () { return components_3.FormCheckBox; } });
+Object.defineProperty(exports, "FormTextField", { enumerable: true, get: function () { return components_3.FormTextField; } });
+Object.defineProperty(exports, "StatusSelector", { enumerable: true, get: function () { return components_3.StatusSelector; } });
+Object.defineProperty(exports, "StatusSelectorVariant", { enumerable: true, get: function () { return components_3.StatusSelectorVariant; } });
+Object.defineProperty(exports, "FormRadioButton", { enumerable: true, get: function () { return components_3.FormRadioButton; } });
+Object.defineProperty(exports, "FormDatePicker", { enumerable: true, get: function () { return components_3.FormDatePicker; } });
+Object.defineProperty(exports, "Callout", { enumerable: true, get: function () { return components_3.Callout; } });
+Object.defineProperty(exports, "CalloutVariant", { enumerable: true, get: function () { return components_3.CalloutVariant; } });
 var containers_1 = require("./containers");
 Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return containers_1.FormControl; } });
 Object.defineProperty(exports, "FormInputWidth", { enumerable: true, get: function () { return containers_1.FormInputWidth; } });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAkCsB;AAjCpB,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,sGAAA,QAAQ,OAAA;AACR,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,sGAAA,QAAQ,OAAA;AACR,yGAAA,WAAW,OAAA;AACX,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,+GAAA,iBAAiB,OAAA;AACjB,sHAAA,wBAAwB,OAAA;AACxB,4GAAA,cAAc,OAAA;AACd,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AACd,wGAAA,UAAU,OAAA;AACV,gHAAA,kBAAkB,OAAA;AAIpB,2CAoBsB;AAnBpB,kGAAA,IAAI,OAAA;AACJ,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,mGAAA,KAAK,OAAA;AACL,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,oGAAA,MAAM,OAAA;AACN,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,yGAAA,WAAW,OAAA;AACX,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,4GAAA,cAAc,OAAA;AACd,mHAAA,qBAAqB,OAAA;AACrB,6GAAA,eAAe,OAAA;AACf,4GAAA,cAAc,OAAA;AACd,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AAIhB,2CAA2D;AAAlD,yGAAA,WAAW,OAAA;AAAE,4GAAA,cAAc,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AASlB,2CAkCsB;AAjCpB,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,sGAAA,QAAQ,OAAA;AACR,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,sGAAA,QAAQ,OAAA;AACR,yGAAA,WAAW,OAAA;AACX,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,+GAAA,iBAAiB,OAAA;AACjB,sHAAA,wBAAwB,OAAA;AACxB,4GAAA,cAAc,OAAA;AACd,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AACd,wGAAA,UAAU,OAAA;AACV,gHAAA,kBAAkB,OAAA;AAIpB,2CAoBsB;AAnBpB,kGAAA,IAAI,OAAA;AACJ,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,mGAAA,KAAK,OAAA;AACL,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,oGAAA,MAAM,OAAA;AACN,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,yGAAA,WAAW,OAAA;AACX,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,4GAAA,cAAc,OAAA;AACd,mHAAA,qBAAqB,OAAA;AACrB,6GAAA,eAAe,OAAA;AACf,4GAAA,cAAc,OAAA;AACd,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AAIhB,2CAA2D;AAAlD,yGAAA,WAAW,OAAA;AAAE,4GAAA,cAAc,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "period-ui",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/index.css",
@@ -14,7 +14,7 @@
   "scripts": {
     "build": "vite build && tsc -p tsconfig.build.json && tsc-alias && yarn build:css",
     "build:css": "sass src/index.scss dist/index.css",
-    "prepare": "npm run build",
+    "prepare": "husky && npm run build",
     "package:upgrade": "npm version patch",
     "package:publish": "npm publish",
     "package:submit": "yarn test && yarn prepare && npm run upgrade && npm run publish",
@@ -41,6 +41,7 @@
     "react-imask": "6.6.3",
     "react-window": "2.2.0",
     "sass": "1.87.0",
+    "signature_pad": "^5.1.3",
     "tailwind-merge": "2.6.0",
     "ts-node": "10.9.2",
     "yup": "0.32.11"
@@ -69,6 +70,7 @@
     "eslint-plugin-react-refresh": "0.4.16",
     "eslint-plugin-storybook": "0.11.2",
     "globals": "15.14.0",
+    "husky": "^9.1.7",
     "jest": "29.7.0",
     "jsdom": "25.0.1",
     "postcss": "8.4.49",