period-ui 0.3.2 → 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/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

@@ -10,7 +10,7 @@ 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;

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.2",
+  "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",