@bookjane2/bookjane-design-library 7.3.0 → 7.3.1

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IBKJPhoneNumberInputProps } from './BKJPhoneNumberInput.types.js';
-export declare const BKJPhoneNumberInput: import("react").ForwardRefExoticComponent<Pick<IBKJPhoneNumberInputProps, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "id" | "type" | "pattern" | "isOpen" | "value" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "variant" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error"> & import("react").RefAttributes<HTMLInputElement>>;
+/// <reference types="react" />
+import { IBKJPhoneNumberInputProps } from './BKJPhoneNumberInput.types.js';
+export declare const BKJPhoneNumberInput: import("react").ForwardRefExoticComponent<Pick<IBKJPhoneNumberInputProps, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "id" | "type" | "pattern" | "isOpen" | "value" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "variant" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=BKJPhoneNumberInput.d.ts.map

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.js

@@ -1,21 +1,21 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import IMask from 'imask';
-import { forwardRef, useCallback, useState } from 'react';
-import { BKJTextInput } from '../BKJTextInput/index.js';
-export const BKJPhoneNumberInput = forwardRef((props, ref) => {
-    const formatPhoneNumber = IMask.createMask({
-        mask: '(000) 000-0000',
-    });
-    const { onChange, value = '', name, ...rest } = props;
-    const [displayValue, setDisplayValue] = useState(formatPhoneNumber.resolve(value));
-    const handleChange = useCallback((e) => {
-        if (onChange) {
-            formatPhoneNumber.resolve(e.target.value);
-            setDisplayValue(formatPhoneNumber.value);
-            e.target.value = formatPhoneNumber.unmaskedValue;
-            onChange(e);
-        }
-    }, [formatPhoneNumber, onChange]);
-    return (_jsx(BKJTextInput, Object.assign({}, rest, { name: name, ref: ref, value: displayValue, onChange: handleChange }), void 0));
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import IMask from 'imask';
+import { forwardRef, useCallback, useState } from 'react';
+import { BKJTextInput } from '../BKJTextInput/index.js';
+export const BKJPhoneNumberInput = forwardRef((props, ref) => {
+    const formatPhoneNumber = IMask.createMask({
+        mask: '(000) 000-0000',
+    });
+    const { onChange, value = '', name, ...rest } = props;
+    const [displayValue, setDisplayValue] = useState(formatPhoneNumber.resolve(value));
+    const handleChange = useCallback((e) => {
+        if (onChange) {
+            formatPhoneNumber.resolve(e.target.value);
+            setDisplayValue(formatPhoneNumber.value);
+            e.target.value = formatPhoneNumber.unmaskedValue;
+            onChange(e);
+        }
+    }, [formatPhoneNumber, onChange]);
+    return (_jsx(BKJTextInput, Object.assign({}, rest, { name: name, ref: ref, value: displayValue, onChange: handleChange }), void 0));
+});
 //# sourceMappingURL=BKJPhoneNumberInput.js.map

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.stories.d.ts

@@ -1,35 +1,35 @@
-import { Story } from '@storybook/react';
-import React from 'react';
-import { IBKJPhoneNumberInputProps } from './BKJPhoneNumberInput.types.js';
-declare const setup: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Pick<IBKJPhoneNumberInputProps, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "id" | "type" | "pattern" | "isOpen" | "value" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "variant" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error"> & React.RefAttributes<HTMLInputElement>>;
-    argTypes: {
-        label: {
-            name: string;
-        };
-        error: {
-            name: string;
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            name: string;
-        };
-        placeholder: {
-            name: string;
-        };
-        disabled: {
-            name: string;
-        };
-        value: {
-            table: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export declare const Default: Story<IBKJPhoneNumberInputProps>;
-export default setup;
+import { Story } from '@storybook/react';
+import React from 'react';
+import { IBKJPhoneNumberInputProps } from './BKJPhoneNumberInput.types.js';
+declare const setup: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Pick<IBKJPhoneNumberInputProps, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "id" | "type" | "pattern" | "isOpen" | "value" | "overrides" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "variant" | "leftIconProps" | "rightIconProps" | "labelProps" | "fieldSetProps" | "description" | "isRequired" | "error"> & React.RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        label: {
+            name: string;
+        };
+        error: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            name: string;
+        };
+        placeholder: {
+            name: string;
+        };
+        disabled: {
+            name: string;
+        };
+        value: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export declare const Default: Story<IBKJPhoneNumberInputProps>;
+export default setup;
 //# sourceMappingURL=BKJPhoneNumberInput.stories.d.ts.map

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.stories.js

@@ -1,49 +1,49 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useState } from 'react';
-import { BKJPhoneNumberInput } from './BKJPhoneNumberInput.js';
-const setup = {
-    title: 'Input Elements/BKJPhoneNumberInput',
-    component: BKJPhoneNumberInput,
-    argTypes: {
-        label: {
-            name: 'Label Text',
-        },
-        error: {
-            name: 'Error Message',
-            control: {
-                type: 'text',
-            },
-        },
-        required: {
-            name: 'Required Field',
-        },
-        placeholder: {
-            name: 'Placeholder',
-        },
-        disabled: {
-            name: 'Disabled',
-        },
-        value: {
-            table: {
-                disable: true,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const [value, setValue] = useState(96969696921112222222222222);
-    const updateValue = useCallback((e) => {
-        setValue(e.target.value);
-    }, []);
-    return _jsx(BKJPhoneNumberInput, Object.assign({}, args, { value: value, onChange: updateValue }), void 0);
-};
-export const Default = Template.bind({});
-Default.args = {
-    label: 'Phone Number',
-    required: false,
-    placeholder: '',
-    ref: React.createRef(),
-    name: 'phone',
-};
-export default setup;
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useState } from 'react';
+import { BKJPhoneNumberInput } from './BKJPhoneNumberInput.js';
+const setup = {
+    title: 'Input Elements/BKJPhoneNumberInput',
+    component: BKJPhoneNumberInput,
+    argTypes: {
+        label: {
+            name: 'Label Text',
+        },
+        error: {
+            name: 'Error Message',
+            control: {
+                type: 'text',
+            },
+        },
+        required: {
+            name: 'Required Field',
+        },
+        placeholder: {
+            name: 'Placeholder',
+        },
+        disabled: {
+            name: 'Disabled',
+        },
+        value: {
+            table: {
+                disable: true,
+            },
+        },
+    },
+};
+const Template = (args) => {
+    const [value, setValue] = useState(96969696921112222222222222);
+    const updateValue = useCallback((e) => {
+        setValue(e.target.value);
+    }, []);
+    return _jsx(BKJPhoneNumberInput, Object.assign({}, args, { value: value, onChange: updateValue }), void 0);
+};
+export const Default = Template.bind({});
+Default.args = {
+    label: 'Phone Number',
+    required: false,
+    placeholder: '',
+    ref: React.createRef(),
+    name: 'phone',
+};
+export default setup;
 //# sourceMappingURL=BKJPhoneNumberInput.stories.js.map

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.styled.d.ts

@@ -1,14 +1,14 @@
-export declare const IconTextInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const InputLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    disabled?: boolean | undefined;
-}, never>;
-export declare const RequiredAsterisk: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    disabled?: boolean | undefined;
-}, never>;
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isFocused: boolean;
-}, never>;
-export declare const TextInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, any, never>;
-export declare const InputErrorMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconTextInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InputLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const RequiredAsterisk: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isFocused: boolean;
+}, never>;
+export declare const TextInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, any, never>;
+export declare const InputErrorMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=BKJPhoneNumberInput.styled.d.ts.map

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.styled.js

@@ -1,36 +1,36 @@
-import styled, { css } from 'styled-components';
-import { InputBaseCSS, InputErrorMessageCSS, InputLabelCSS, InputRequiredAsteriskCSS, InputWrapperCSS, } from '../common/index.js';
-export const IconTextInputWrapper = styled.div `
-  ${InputWrapperCSS}
-`;
-export const InputLabel = styled.label `
-  ${InputLabelCSS}
-`;
-export const RequiredAsterisk = styled(InputLabel) `
-  ${InputRequiredAsteriskCSS}
-`;
-export const InputWrapper = styled.div `
-  display: flex;
-  position: relative;
-`;
-export const IconWrapper = styled.div `
-  height: 100%;
-  width: 38px;
-  display: flex;
-  font-size: 14px;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  left: 0;
-  ${({ isFocused }) => isFocused &&
-    css `
-      color: #342a6a;
-    `};
-`;
-export const TextInput = styled.input `
-  ${InputBaseCSS};
-`;
-export const InputErrorMessage = styled.p `
-  ${InputErrorMessageCSS}
-`;
+import styled, { css } from 'styled-components';
+import { InputBaseCSS, InputErrorMessageCSS, InputLabelCSS, InputRequiredAsteriskCSS, InputWrapperCSS, } from '../common/index.js';
+export const IconTextInputWrapper = styled.div `
+  ${InputWrapperCSS}
+`;
+export const InputLabel = styled.label `
+  ${InputLabelCSS}
+`;
+export const RequiredAsterisk = styled(InputLabel) `
+  ${InputRequiredAsteriskCSS}
+`;
+export const InputWrapper = styled.div `
+  display: flex;
+  position: relative;
+`;
+export const IconWrapper = styled.div `
+  height: 100%;
+  width: 38px;
+  display: flex;
+  font-size: 14px;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: 0;
+  ${({ isFocused }) => isFocused &&
+    css `
+      color: #342a6a;
+    `};
+`;
+export const TextInput = styled.input `
+  ${InputBaseCSS};
+`;
+export const InputErrorMessage = styled.p `
+  ${InputErrorMessageCSS}
+`;
 //# sourceMappingURL=BKJPhoneNumberInput.styled.js.map

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.types.d.ts

@@ -1,14 +1,14 @@
-import { ChangeEvent } from 'react';
-import { IBKJTextInputProps } from '../BKJTextInput/BKJTextInput.types.js';
-declare type ExtendedChangeEvent = ChangeEvent<HTMLInputElement>['target'];
-interface EventTargetWithRawValue extends ExtendedChangeEvent {
-    raw: string;
-}
-interface EventWithRawValue extends Omit<ChangeEvent<HTMLInputElement>, 'target'> {
-    target: EventTargetWithRawValue;
-}
-export interface IBKJPhoneNumberInputProps extends Omit<IBKJTextInputProps, 'onChange'> {
-    onChange: (event: EventWithRawValue) => void;
-}
-export {};
+import { ChangeEvent } from 'react';
+import { IBKJTextInputProps } from '../BKJTextInput/BKJTextInput.types.js';
+declare type ExtendedChangeEvent = ChangeEvent<HTMLInputElement>['target'];
+interface EventTargetWithRawValue extends ExtendedChangeEvent {
+    raw: string;
+}
+interface EventWithRawValue extends Omit<ChangeEvent<HTMLInputElement>, 'target'> {
+    target: EventTargetWithRawValue;
+}
+export interface IBKJPhoneNumberInputProps extends Omit<IBKJTextInputProps, 'onChange'> {
+    onChange: (event: EventWithRawValue) => void;
+}
+export {};
 //# sourceMappingURL=BKJPhoneNumberInput.types.d.ts.map

package/lib/components/BKJPhoneNumberInput/BKJPhoneNumberInput.types.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=BKJPhoneNumberInput.types.js.map

package/lib/components/BKJPhoneNumberInput/index.d.ts

@@ -1,3 +1,3 @@
-import { BKJPhoneNumberInput } from './BKJPhoneNumberInput.js';
-export { BKJPhoneNumberInput };
+import { BKJPhoneNumberInput } from './BKJPhoneNumberInput.js';
+export { BKJPhoneNumberInput };
 //# sourceMappingURL=index.d.ts.map

package/lib/components/BKJPhoneNumberInput/index.js

@@ -1,3 +1,3 @@
-import { BKJPhoneNumberInput } from './BKJPhoneNumberInput.js';
-export { BKJPhoneNumberInput };
+import { BKJPhoneNumberInput } from './BKJPhoneNumberInput.js';
+export { BKJPhoneNumberInput };
 //# sourceMappingURL=index.js.map

package/lib/components/BKJPillDropdown/BKJPillDropdown.context.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IBKJPillDropdownContext, IBKJPillDropdownProvider } from './BKJPillDropdown.types.js';
-export declare const BKJPillDropdownProvider: FC<IBKJPillDropdownProvider>;
-export declare const useBKJPillDropdownContext: () => IBKJPillDropdownContext;
+import { FC } from 'react';
+import { IBKJPillDropdownContext, IBKJPillDropdownProvider } from './BKJPillDropdown.types.js';
+export declare const BKJPillDropdownProvider: FC<IBKJPillDropdownProvider>;
+export declare const useBKJPillDropdownContext: () => IBKJPillDropdownContext;
 //# sourceMappingURL=BKJPillDropdown.context.d.ts.map

package/lib/components/BKJPillDropdown/BKJPillDropdown.context.js

@@ -1,74 +1,74 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useRef, useState, } from 'react';
-import { v4 as uuidv4 } from 'uuid';
-const BKJPillDropdownContext = createContext(null);
-export const BKJPillDropdownProvider = ({ children, value = [], onChange, name, max, }) => {
-    const wrapperRef = useRef(null);
-    const inputRef = useRef(null);
-    const mouseDownTargetRef = useRef(null);
-    const [uuid] = useState(uuidv4());
-    const [inputValue, setInputValue] = useState('');
-    const [isFocused, setFocus] = useState(false);
-    const onInputFocused = useCallback((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        inputRef.current?.focus();
-        setFocus(true);
-        inputRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        return void 0;
-    }, []);
-    const setNextValue = useCallback((nextValue) => {
-        if (nextValue) {
-            onChange({ target: { name, value: nextValue } });
-            setInputValue('');
-        }
-        return void 0;
-    }, [name, onChange]);
-    const onInputChange = useCallback((e) => {
-        setNextValue(e.target.value);
-    }, [setNextValue]);
-    const onChipRemove = useCallback((__VALUE__) => {
-        return (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            const index = value.indexOf(__VALUE__);
-            const nextValue = Array.from(value);
-            nextValue.splice(index, 1);
-            onChange({ target: { name, value: nextValue } });
-        };
-    }, [name, onChange, value]);
-    const onInputBlur = useCallback((event) => {
-        const containsTarget = event.currentTarget.contains(mouseDownTargetRef.current);
-        if (containsTarget)
-            event.stopPropagation();
-        if (isFocused) {
-            event.preventDefault();
-            event.stopPropagation();
-            setFocus(false);
-        }
-    }, [isFocused]);
-    const isMaxLimitReached = useMemo(() => {
-        return value.length > max;
-    }, [max, value.length]);
-    const onIsOpenChange = useCallback(({ isOpen }) => {
-        if (!isOpen)
-            setFocus(false);
-    }, []);
-    return (_jsx(BKJPillDropdownContext.Provider, Object.assign({ value: {
-            wrapperRef,
-            inputRef,
-            value,
-            inputValue,
-            onInputFocused,
-            onInputChange,
-            onInputBlur,
-            onChipRemove,
-            isFocused,
-            setInputValue,
-            uuid,
-            isMaxLimitReached,
-            onIsOpenChange,
-        } }, { children: children }), void 0));
-};
-export const useBKJPillDropdownContext = () => useContext(BKJPillDropdownContext);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useRef, useState, } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+const BKJPillDropdownContext = createContext(null);
+export const BKJPillDropdownProvider = ({ children, value = [], onChange, name, max, }) => {
+    const wrapperRef = useRef(null);
+    const inputRef = useRef(null);
+    const mouseDownTargetRef = useRef(null);
+    const [uuid] = useState(uuidv4());
+    const [inputValue, setInputValue] = useState('');
+    const [isFocused, setFocus] = useState(false);
+    const onInputFocused = useCallback((event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        inputRef.current?.focus();
+        setFocus(true);
+        inputRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        return void 0;
+    }, []);
+    const setNextValue = useCallback((nextValue) => {
+        if (nextValue) {
+            onChange({ target: { name, value: nextValue } });
+            setInputValue('');
+        }
+        return void 0;
+    }, [name, onChange]);
+    const onInputChange = useCallback((e) => {
+        setNextValue(e.target.value);
+    }, [setNextValue]);
+    const onChipRemove = useCallback((__VALUE__) => {
+        return (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            const index = value.indexOf(__VALUE__);
+            const nextValue = Array.from(value);
+            nextValue.splice(index, 1);
+            onChange({ target: { name, value: nextValue } });
+        };
+    }, [name, onChange, value]);
+    const onInputBlur = useCallback((event) => {
+        const containsTarget = event.currentTarget.contains(mouseDownTargetRef.current);
+        if (containsTarget)
+            event.stopPropagation();
+        if (isFocused) {
+            event.preventDefault();
+            event.stopPropagation();
+            setFocus(false);
+        }
+    }, [isFocused]);
+    const isMaxLimitReached = useMemo(() => {
+        return value.length > max;
+    }, [max, value.length]);
+    const onIsOpenChange = useCallback(({ isOpen }) => {
+        if (!isOpen)
+            setFocus(false);
+    }, []);
+    return (_jsx(BKJPillDropdownContext.Provider, Object.assign({ value: {
+            wrapperRef,
+            inputRef,
+            value,
+            inputValue,
+            onInputFocused,
+            onInputChange,
+            onInputBlur,
+            onChipRemove,
+            isFocused,
+            setInputValue,
+            uuid,
+            isMaxLimitReached,
+            onIsOpenChange,
+        } }, { children: children }), void 0));
+};
+export const useBKJPillDropdownContext = () => useContext(BKJPillDropdownContext);
 //# sourceMappingURL=BKJPillDropdown.context.js.map

package/lib/components/BKJPillDropdown/BKJPillDropdown.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { IBKJPillDropdown } from './BKJPillDropdown.types.js';
-export declare const BKJPillDropdown: FC<IBKJPillDropdown>;
+import { FC } from 'react';
+import { IBKJPillDropdown } from './BKJPillDropdown.types.js';
+export declare const BKJPillDropdown: FC<IBKJPillDropdown>;
 //# sourceMappingURL=BKJPillDropdown.d.ts.map