@bookjane2/bookjane-design-library 7.3.55 → 8.0.1

package/lib/components/BKJToggleInput/BKJToggleInput.constants.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, Fragment, useCallback, useMemo } from 'react';
+import { BKJToggleButton, BKJToggleInputPillLabelWrapper, BKJToggleInputWrapper, BKJToggleSliderTrack, StyledButton, StyledCheckbox, } from './BKJToggleInput.styled.js';
+const BKJToggleInputSwitch = forwardRef(({ onChange, name, checked, disabled, ...rest }, ref) => {
+    const handleChange = useCallback(() => {
+        !disabled && onChange({ target: { name, value: !Boolean(checked) } });
+    }, [name, onChange, checked, disabled]);
+    const isSelected = useMemo(() => !!checked, [checked]);
+    return (_jsxs(BKJToggleInputWrapper, { ref: ref, onMouseDown: handleChange, ...rest, children: [_jsx(BKJToggleButton, { isSelected: isSelected, disabled: disabled }), _jsx(BKJToggleSliderTrack, { isSelected: isSelected, disabled: disabled })] }));
+});
+const BKJToggleInputPill = ({ variant, onChange, width, minWidth, checked, children, disabled, name, fontSize, }) => {
+    const handleChange = useCallback((event) => {
+        if (!disabled) {
+            const nextValue = !checked;
+            onChange({
+                ...event,
+                target: {
+                    ...event.target,
+                    name,
+                    value: nextValue,
+                    checked: nextValue,
+                },
+            });
+        }
+    }, [disabled, checked, onChange, name]);
+    const ButtonVariantMap = {
+        PurplePillLeft: checked ? 'PurplePill' : 'PurplePillOutlined',
+        PurplePillRight: checked ? 'PurplePill' : 'PurplePillOutlined',
+        PurpleNoBorderLeft: 'NoStyles',
+        PurpleNoBorderRight: 'NoStyles',
+        Switch: 'NoStyles',
+    };
+    return (_jsx(StyledButton, { onClick: handleChange, variant: ButtonVariantMap[variant], width: width, minWidth: minWidth, disabled: disabled, children: (() => {
+            switch (variant) {
+                case 'PurplePillLeft':
+                case 'PurplePillRight':
+                    return (_jsxs(Fragment, { children: [variant === 'PurplePillLeft' && (_jsx(BKJToggleInputPillLabelWrapper, { fontSize: fontSize, children: children })), _jsx(StyledCheckbox, { name: name, variant: "PurpleOutlined", isLeft: variant === 'PurplePillLeft', onChange: handleChange, readOnly: true, value: checked }), variant === 'PurplePillRight' && (_jsx(BKJToggleInputPillLabelWrapper, { fontSize: fontSize, children: children }))] }));
+                case 'PurpleNoBorderLeft':
+                case 'PurpleNoBorderRight':
+                    return (_jsxs(Fragment, { children: [variant === 'PurpleNoBorderLeft' && (_jsx(BKJToggleInputPillLabelWrapper, { color: "PrimaryDefault", disabled: disabled, fontSize: fontSize, children: children })), _jsx(StyledCheckbox, { name: name, variant: "PurpleSolid", disabled: disabled, isLeft: variant === 'PurpleNoBorderLeft', onChange: handleChange, readOnly: true, value: checked }), variant === 'PurpleNoBorderRight' && (_jsx(BKJToggleInputPillLabelWrapper, { color: "PrimaryDefault", disabled: disabled, fontSize: fontSize, children: children }))] }));
+                case 'Switch':
+                default:
+                    return _jsx(Fragment, {});
+            }
+        })() }));
+};
+export const BKJToggleInputComponentMap = {
+    Switch: BKJToggleInputSwitch,
+    PurplePillRight: BKJToggleInputPill,
+    PurplePillLeft: BKJToggleInputPill,
+    PurpleNoBorderRight: BKJToggleInputPill,
+    PurpleNoBorderLeft: BKJToggleInputPill,
+};
+//# sourceMappingURL=BKJToggleInput.constants.js.map

package/lib/components/BKJToggleInput/BKJToggleInput.constants.js.map

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

package/lib/components/BKJToggleInput/BKJToggleInput.d.ts

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

package/lib/components/BKJToggleInput/BKJToggleInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJToggleInput.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAOnD,CAAC"}

package/lib/components/BKJToggleInput/BKJToggleInput.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJToggleInputComponentMap } from './BKJToggleInput.constants.js';
+export const BKJToggleInput = ({ variant, children, ...rest }) => {
+    const Component = BKJToggleInputComponentMap[variant];
+    return (_jsx(Component, { ...rest, variant: variant, children: children }));
+};
+//# sourceMappingURL=BKJToggleInput.js.map

package/lib/components/BKJToggleInput/BKJToggleInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJToggleInput.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAGxE,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzF,MAAM,SAAS,GAAG,0BAA0B,CAAC,OAAO,CAAC,CAAC;IACtD,OAAO,CACL,KAAC,SAAS,OAAK,IAAI,EAAE,OAAO,EAAE,OAAO,YAClC,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,57 @@
+import { IBKJToggleInputProps } from './BKJToggleInput.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJToggleInputProps>;
+    argTypes: {
+        variant: {
+            name: string;
+            control: {
+                type: string;
+            };
+            option: string[];
+        };
+        children: {
+            name: string;
+            control: string;
+        };
+        checked: {
+            table: {
+                disable: boolean;
+            };
+        };
+        name: {
+            table: {
+                disable: boolean;
+            };
+        };
+        onChange: {
+            table: {
+                disable: boolean;
+            };
+        };
+        minWidth: {
+            name: string;
+            control: {
+                type: string;
+                default: string;
+            };
+        };
+        width: {
+            name: string;
+            control: {
+                type: string;
+                default: string;
+            };
+        };
+        disabled: {
+            name: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJToggleInputProps>;
+//# sourceMappingURL=BKJToggleInput.stories.d.ts.map

package/lib/components/BKJToggleInput/BKJToggleInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJToggleInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,wBAoDE;AAoBF,eAAO,MAAM,OAAO,2GAAoB,CAAC"}

package/lib/components/BKJToggleInput/BKJToggleInput.stories.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { BKJToggleInput } from './BKJToggleInput.js';
+export default {
+    title: 'Input Elements/BKJToggleInput',
+    component: BKJToggleInput,
+    argTypes: {
+        variant: {
+            name: 'Variation',
+            control: {
+                type: 'select',
+            },
+            option: [
+                'Switch',
+                'PurplePillRight',
+                'PurplePillLeft',
+                'PurpleNoBorderRight',
+                'PurpleNoBorderLeft',
+            ],
+        },
+        children: {
+            name: 'Label',
+            control: 'text',
+        },
+        checked: {
+            table: { disable: true },
+        },
+        name: {
+            table: { disable: true },
+        },
+        onChange: {
+            table: { disable: true },
+        },
+        minWidth: {
+            name: 'Minimum Width',
+            control: {
+                type: 'text',
+                default: '192px',
+            },
+        },
+        width: {
+            name: 'Width',
+            control: {
+                type: 'text',
+                default: '192px',
+            },
+        },
+        disabled: {
+            name: 'Disabled',
+            control: {
+                type: 'boolean',
+                default: false,
+            },
+        },
+    },
+};
+const Template = ({ children, ...props }) => {
+    const [isActive, setActive] = useState(props.checked);
+    function onChange(event) {
+        setActive(event.target.value);
+    }
+    useEffect(() => {
+        setActive(props.checked);
+    }, [props.checked]);
+    return (_jsx(BKJToggleInput, { ...props, name: "test", checked: isActive, onChange: onChange, children: children }));
+};
+export const Default = Template.bind({});
+Default.args = {
+    children: 'View all facilities',
+    width: 'auto',
+    name: 'viewAllFacilities',
+    minWidth: 'auto',
+    variant: 'PurplePillLeft',
+};
+//# sourceMappingURL=BKJToggleInput.stories.js.map

package/lib/components/BKJToggleInput/BKJToggleInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJToggleInput.stories.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,eAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE;gBACN,QAAQ;gBACR,iBAAiB;gBACjB,gBAAgB;gBAChB,qBAAqB;gBACrB,oBAAoB;aACrB;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;SAChB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,OAAO;aACjB;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,OAAO;aACjB;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,KAAK;aACf;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAkC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzE,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,OAAO,CAAC,CAAC;IAE/D,SAAS,QAAQ,CAAC,KAAU;QAC1B,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,KAAC,cAAc,OAAK,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,YACzE,QAAQ,GACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,qBAAqB;IAC/B,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,mBAAmB;IACzB,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,gBAAgB;CAC1B,CAAC"}

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

@@ -0,0 +1,27 @@
+import { ForwardedRef, Ref } from 'react';
+import { IBKJThemeColor } from '../../providers/index.js';
+interface IBKJToggleInputWrapper {
+    ref: ForwardedRef<HTMLElement> | Ref<HTMLElement> | HTMLElement;
+}
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("../BKJButton/BKJButton.types.js").IBKJButtonProps & {
+    children?: import("react").ReactNode;
+}, "name" | "value" | "form" | "slot" | "style" | "title" | "id" | "disabled" | "variant" | "type" | "hidden" | "color" | "padding" | "width" | "minWidth" | "isLoading" | "css" | "children" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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"> & {
+    ref?: any;
+}, never>> & string & Omit<import("react").FC<import("../BKJButton/BKJButton.types.js").IBKJButtonProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledCheckbox: any;
+export declare const BKJToggleInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IBKJToggleInputWrapper>> & string;
+export declare const BKJToggleSliderTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isSelected: boolean;
+    disabled?: boolean;
+}>> & string;
+export declare const BKJToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isSelected: boolean;
+    disabled?: boolean;
+}>> & string;
+export declare const BKJToggleInputPillLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    color?: keyof IBKJThemeColor;
+    disabled?: boolean;
+    fontSize?: number;
+}>> & string;
+export {};
+//# sourceMappingURL=BKJToggleInput.styled.d.ts.map

package/lib/components/BKJToggleInput/BKJToggleInput.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJToggleInput.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,UAAU,sBAAsB;IAC9B,GAAG,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,GAAG,WAAW,CAAC;CACjE;AAED,eAAO,MAAM,YAAY;;;;qJAExB,CAAC;AAEF,eAAO,MAAM,cAAc,EAiBtB,GAAG,CAAC;AAET,eAAO,MAAM,qBAAqB,2PAYjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;gBAA4B,OAAO;eAAa,OAAO;YA6BvF,CAAC;AAEF,eAAO,MAAM,eAAe;gBAA4B,OAAO;eAAa,OAAO;YAwBlF,CAAC;AAEF,eAAO,MAAM,8BAA8B;YACjC,MAAM,cAAc;eACjB,OAAO;eACP,MAAM;YAclB,CAAC"}

package/lib/components/BKJToggleInput/BKJToggleInput.styled.js

@@ -0,0 +1,102 @@
+import styled, { css } from 'styled-components';
+import { BKJButton } from '../BKJButton/index.js';
+import { BKJCheckbox } from '../BKJCheckbox/index.js';
+export const StyledButton = styled(BKJButton) `
+  padding: 0 18px !important;
+`;
+export const StyledCheckbox = styled(BKJCheckbox) `
+  ${({ isLeft }) => isLeft
+    ? css `
+          margin-left: 8px !important;
+          margin-right: 0px !important;
+          div {
+            margin: 0px !important;
+          }
+        `
+    : css `
+          margin-right: 8px !important;
+          margin-left: 0px !important;
+          div {
+            margin: 0px !important;
+          }
+        `}
+`;
+export const BKJToggleInputWrapper = styled.div `
+  position: relative;
+  height: 28px;
+  min-height: 28px;
+  max-height: 28px;
+  width: 80px;
+  min-width: 80px;
+  max-width: 80px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: visible;
+`;
+export const BKJToggleSliderTrack = styled.div `
+  background-color: ${({ theme }) => theme.colors.Grey6};
+  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
+  border-radius: 18px;
+  width: 100%;
+  height: 100%;
+  &:hover {
+    cursor: pointer;
+  }
+  transition: background-color linear 100ms;
+  ${({ disabled }) => disabled &&
+    css `
+      background-color: ${({ theme }) => theme.colors.Grey4};
+    `}
+  ${({ isSelected, disabled }) => {
+    if (isSelected) {
+        if (disabled) {
+            return css `
+          background-color: ${({ theme }) => theme.colors.SecondaryAcceptedDefault};
+        `;
+        }
+        else {
+            return css `
+          background-color: ${({ theme }) => theme.colors.AccentGreen};
+        `;
+        }
+    }
+    return void 0;
+}}
+`;
+export const BKJToggleButton = styled.div `
+  position: absolute;
+  left: 0%;
+  height: 36px;
+  min-height: 36px;
+  max-height: 36px;
+  width: 36px;
+  min-width: 36px;
+  max-width: 36px;
+  background-color: ${({ theme, disabled }) => disabled ? theme.colors.Grey1 : theme.colors.White};
+  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
+  border-radius: 50%;
+  &:hover {
+    cursor: pointer;
+  }
+
+  transition: left ease-in 100ms;
+
+  ${({ isSelected }) => isSelected &&
+    css `
+      left: calc(100% - 36px);
+    `}
+`;
+export const BKJToggleInputPillLabelWrapper = styled.div `
+  ${({ theme }) => theme.common.Ellipsis};
+  ${({ color, disabled }) => !disabled &&
+    color &&
+    css `
+      color: ${({ theme }) => theme.colors[color]};
+    `}
+  ${({ fontSize }) => fontSize &&
+    css `
+      font-size: ${fontSize}px;
+    `}
+`;
+//# sourceMappingURL=BKJToggleInput.styled.js.map

package/lib/components/BKJToggleInput/BKJToggleInput.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJToggleInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.styled.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAM7C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;CAE5C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;IAC7C,CAAC,EAAE,MAAM,EAAO,EAAE,EAAE,CACpB,MAAM;IACJ,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;CACD,CAAC;AAET,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;;;;;;CAYtE,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAA6C;sBACrE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;IASnD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;0BACmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;KACtD;IACD,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7B,IAAI,UAAU,EAAE,CAAC;QACf,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,GAAG,CAAA;8BACY,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,wBAAwB;SACzE,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,CAAA;8BACY,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;SAC5D,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC,CAAC;AAChB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA6C;;;;;;;;;sBAShE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1C,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;IASlD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU;IACV,GAAG,CAAA;;KAEF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAItD;IACE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;IACpC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CACxB,CAAC,QAAQ;IACT,KAAK;IACL,GAAG,CAAA;eACQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KAC5C;IACD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;mBACY,QAAQ;KACtB;CACJ,CAAC"}

package/lib/components/BKJToggleInput/BKJToggleInput.theme.d.ts

@@ -0,0 +1,3 @@
+import { IBKJThemeToggleInput } from './BKJToggleInput.types.js';
+export declare const BKJThemeToggle: IBKJThemeToggleInput;
+//# sourceMappingURL=BKJToggleInput.theme.d.ts.map

package/lib/components/BKJToggleInput/BKJToggleInput.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJToggleInput.theme.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,eAAO,MAAM,cAAc,EAAE,oBAM5B,CAAC"}

package/lib/components/BKJToggleInput/BKJToggleInput.theme.js

@@ -0,0 +1,9 @@
+import { css } from 'styled-components';
+export const BKJThemeToggle = {
+    Switch: css ``,
+    PurplePillLeft: css ``,
+    PurplePillRight: css ``,
+    PurpleNoBorderLeft: css ``,
+    PurpleNoBorderRight: css ``,
+};
+//# sourceMappingURL=BKJToggleInput.theme.js.map

package/lib/components/BKJToggleInput/BKJToggleInput.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJToggleInput.theme.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,cAAc,GAAyB;IAClD,MAAM,EAAE,GAAG,CAAA,EAAE;IACb,cAAc,EAAE,GAAG,CAAA,EAAE;IACrB,eAAe,EAAE,GAAG,CAAA,EAAE;IACtB,kBAAkB,EAAE,GAAG,CAAA,EAAE;IACzB,mBAAmB,EAAE,GAAG,CAAA,EAAE;CAC3B,CAAC"}

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

@@ -0,0 +1,23 @@
+import { Interpolation } from 'styled-components';
+import { ChangeFunctionType } from '../../common.types.js';
+export interface IBKJToggleInputProps {
+    checked: boolean;
+    onChange: ChangeFunctionType;
+    name: string;
+    variant: BKJThemeToggleInputVariantType;
+    width?: string;
+    minWidth?: string;
+    children?: any;
+    ref?: any;
+    disabled?: boolean;
+    fontSize?: number;
+}
+export interface IBKJThemeToggleInput {
+    Switch: Interpolation<any>;
+    PurplePillLeft: Interpolation<any>;
+    PurplePillRight: Interpolation<any>;
+    PurpleNoBorderLeft: Interpolation<any>;
+    PurpleNoBorderRight: Interpolation<any>;
+}
+export type BKJThemeToggleInputVariantType = keyof IBKJThemeToggleInput;
+//# sourceMappingURL=BKJToggleInput.types.d.ts.map

package/lib/components/BKJToggleInput/BKJToggleInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJToggleInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/BKJToggleInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,8BAA8B,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3B,cAAc,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACnC,eAAe,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACpC,kBAAkB,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvC,mBAAmB,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACzC;AAED,MAAM,MAAM,8BAA8B,GAAG,MAAM,oBAAoB,CAAC"}

package/lib/components/BKJToggleInput/BKJToggleInput.types.js

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

package/lib/components/BKJToggleInput/BKJToggleInput.types.js.map

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

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

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

package/lib/components/BKJToggleInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/lib/components/BKJToggleInput/index.js

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

package/lib/components/BKJToggleInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJToggleInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/lib/components/BKJTooltipWrapper/BKJTooltip.d.ts

@@ -0,0 +1,7 @@
+import { BasePlacement } from '@popperjs/core';
+import { FC } from 'react';
+export declare const BKJTooltip: FC<{
+    placement: BasePlacement;
+    triggerRef?: any;
+}>;
+//# sourceMappingURL=BKJTooltip.d.ts.map

package/lib/components/BKJTooltipWrapper/BKJTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAiC,MAAM,OAAO,CAAC;AAM1D,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,aAAa,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CAqDzE,CAAC"}

package/lib/components/BKJTooltipWrapper/BKJTooltip.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useState, useEffect } from 'react';
+import { usePopper } from 'react-popper';
+import { getDesignLibraryElementNode } from '../BKJSelect/utils/getDesignLibraryElementNode.js';
+import { Portal } from '../Portal/Portal.js';
+import { BKJTooltipArrow, BKJTooltipArrowWrapper } from './BKJTooltipWrapper.styled.js';
+export const BKJTooltip = ({ placement, triggerRef, children, }) => {
+    const [tooltipRef, setTooltipRef] = useState(null);
+    const [arrowElement, setArrowElement] = useState(null);
+    const [targetElement, setTargetElement] = useState(getDesignLibraryElementNode('tooltip-root'));
+    const { styles, attributes } = usePopper(triggerRef.current, tooltipRef, {
+        placement,
+        modifiers: [
+            {
+                name: 'arrow',
+                options: {
+                    element: arrowElement,
+                },
+            },
+        ],
+    });
+    useEffect(() => {
+        if (!targetElement) {
+            const element = document.createElement('div');
+            element.setAttribute('id', 'tooltip-root');
+            document.body.prepend(element);
+            setTargetElement(element);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (_jsx(Fragment, { children: targetElement && (_jsx(Portal, { targetElement: targetElement, children: _jsxs(BKJTooltipArrowWrapper, { ref: setTooltipRef, style: styles['popper'], ...attributes['popper'], children: [_jsx(BKJTooltipArrow, { className: "BKJTooltipArrow", ref: setArrowElement, style: styles['arrow'] }), children] }) })) }));
+};
+//# sourceMappingURL=BKJTooltip.js.map

package/lib/components/BKJTooltipWrapper/BKJTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltip.js","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAM,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,gDAAgD,CAAC;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAErF,MAAM,CAAC,MAAM,UAAU,GAAuD,CAAC,EAC7E,SAAS,EACT,UAAU,EACV,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,2BAA2B,CAAC,cAAc,CAAC,CAC5C,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE;QACvE,SAAS;QACT,SAAS,EAAE;YACT;gBACE,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE;oBACP,OAAO,EAAE,YAAY;iBACtB;aACF;SACF;KACF,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;YAC3C,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC/B,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC;QACD,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,QAAQ,cACN,aAAa,IAAI,CAChB,KAAC,MAAM,IAAC,aAAa,EAAE,aAAa,YAClC,MAAC,sBAAsB,IACrB,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,KACnB,UAAU,CAAC,QAAQ,CAAC,aAExB,KAAC,eAAe,IACd,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GACtB,EACD,QAAQ,IACc,GAClB,CACV,GACQ,CACZ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IBKJTooltipWrapperUIStateContext } from './BKJTooltipWrapper.types.js';
+export declare const BKTooltipWrapperUIStateProvider: FC;
+export declare const useBKJTooltipWrapperUIStateContext: () => IBKJTooltipWrapperUIStateContext;
+//# sourceMappingURL=BKJTooltipWrapper.context.d.ts.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltipWrapper.context.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltipWrapper.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAA8C,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,gCAAgC,EAAE,MAAM,2BAA2B,CAAC;AAO7E,eAAO,MAAM,+BAA+B,EAAE,EAsB7C,CAAC;AAEF,eAAO,MAAM,kCAAkC,wCACgC,CAAC"}

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.context.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from 'react';
+const BKJTooltipWrapperUIStateContext = createContext({
+    toggleTooltip: (_e, _show) => void 0,
+    showTooltip: false,
+});
+export const BKTooltipWrapperUIStateProvider = ({ children }) => {
+    const [showTooltip, setShowTooltip] = useState(false);
+    const toggleTooltip = useCallback((e, show) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setShowTooltip(show);
+        return void 0;
+    }, []);
+    const contextValue = useMemo(() => ({
+        showTooltip,
+        toggleTooltip,
+    }), [showTooltip, toggleTooltip]);
+    return (_jsx(BKJTooltipWrapperUIStateContext.Provider, { value: contextValue, children: children }));
+};
+export const useBKJTooltipWrapperUIStateContext = () => useContext(BKJTooltipWrapperUIStateContext);
+//# sourceMappingURL=BKJTooltipWrapper.context.js.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltipWrapper.context.js","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltipWrapper.context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAM,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtF,MAAM,+BAA+B,GAAG,aAAa,CAAmC;IACtF,aAAa,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC;IACpC,WAAW,EAAE,KAAK;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,+BAA+B,GAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAQ,EAAE,IAAa,EAAE,EAAE;QAC5D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,OAAO,KAAK,CAAC,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,WAAW;QACX,aAAa;KACd,CAAC,EACF,CAAC,WAAW,EAAE,aAAa,CAAC,CAC7B,CAAC;IAEF,OAAO,CACL,KAAC,+BAA+B,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC1D,QAAQ,GACgC,CAC5C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kCAAkC,GAAG,GAAG,EAAE,CACrD,UAAU,CAAmC,+BAA+B,CAAC,CAAC"}

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.d.ts

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

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltipWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltipWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAMrC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AA4BpE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,uBAAuB,CASzD,CAAC"}

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Fragment } from 'react';
+import { BKTooltipWrapperUIStateProvider, useBKJTooltipWrapperUIStateContext, } from './BKJTooltipWrapper.context.js';
+import { BKJComponentWrapper } from './BKJTooltipWrapper.styled.js';
+import { BKJTooltip } from './BKJTooltip.js';
+const TooltipWrapper = ({ placement, triggerRef, Component, children, }) => {
+    const { toggleTooltip, showTooltip } = useBKJTooltipWrapperUIStateContext();
+    return (_jsxs(Fragment, { children: [_jsx(BKJComponentWrapper, { ref: triggerRef, onMouseOver: (e) => toggleTooltip(e, true), onMouseLeave: (e) => toggleTooltip(e, false), children: _jsx(Component, {}) }), showTooltip && triggerRef.current && (_jsx(BKJTooltip, { placement: placement, triggerRef: triggerRef, children: children }))] }));
+};
+export const BKJTooltipWrapper = ({ children, ...props }) => {
+    const triggerRef = useRef(null);
+    return (_jsx(BKTooltipWrapperUIStateProvider, { children: _jsx(TooltipWrapper, { ...props, triggerRef: triggerRef, children: children }) }));
+};
+//# sourceMappingURL=BKJTooltipWrapper.js.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltipWrapper.js","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltipWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EACL,+BAA+B,EAC/B,kCAAkC,GACnC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,cAAc,GAAuD,CAAC,EAC1E,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAe,EAAE;IAChB,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,kCAAkC,EAAE,CAAC;IAC5E,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,mBAAmB,IAClB,GAAG,EAAE,UAAU,EACf,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAqB,EAAE,IAAI,CAAC,EAC9D,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAqB,EAAE,KAAK,CAAC,YAEhE,KAAC,SAAS,KAAG,GACO,EACrB,WAAW,IAAI,UAAU,CAAC,OAAO,IAAI,CACpC,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,YACrD,QAAQ,GACE,CACd,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAgC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,OAAO,CACL,KAAC,+BAA+B,cAC9B,KAAC,cAAc,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,YAC9C,QAAQ,GACM,GACe,CACnC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+import { IBKJTooltipWrapperProps } from './BKJTooltipWrapper.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJTooltipWrapperProps>;
+    argTypes: {
+        placement: {
+            name: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJTooltipWrapperProps>;
+//# sourceMappingURL=BKJTooltipWrapper.stories.d.ts.map

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltipWrapper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltipWrapper.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;;;;;;;;;;;;;AAEpE,wBAYE;AA6BF,eAAO,MAAM,OAAO,8GAAqC,CAAC"}