@bookjane2/bookjane-design-library 7.3.55 → 8.0.0

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.stories.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '../index.js';
+import { BKJButton } from '../BKJButton/index.js';
+import { BKJTooltipWrapper } from './BKJTooltipWrapper.js';
+export default {
+    title: 'Basic Elements/BKJTooltipWrapper',
+    component: BKJTooltipWrapper,
+    argTypes: {
+        placement: {
+            name: 'Placement',
+            options: ['top', 'bottom', 'left', 'right'],
+            control: {
+                type: 'select',
+            },
+        },
+    },
+};
+const BKJTooltipWrapperTemplate = (args) => {
+    return (_jsxs(Flex, { height: "100%", width: "100%", justifyContent: "flex-end", flexDirection: "column", gap: "150px", alignItems: "center", children: [_jsx(BKJTooltipWrapper, { ...args }), _jsxs("div", { children: [_jsx(BKJTooltipWrapper, { placement: "bottom", Component: () => _jsx("span", { children: "WE GOTTEM" }), children: "asdf" }), _jsx(BKJTooltipWrapper, { placement: "bottom", Component: () => _jsx("span", { children: "WE GOTTEM 2" }), children: "qwer" })] })] }));
+};
+export const Default = BKJTooltipWrapperTemplate.bind({});
+Default.args = {
+    placement: 'bottom',
+    Component: () => _jsx(BKJButton, { variant: "PurpleSolid" }),
+    children: (_jsxs(Flex, { flexDirection: "column", gap: "20px", width: "209px", children: [_jsx("div", { children: "This agency member is unavailable on the following dates:" }), _jsxs("ul", { children: [_jsx("li", { children: "Tue, Nov 25, 2021" }), _jsx("li", { children: "Thu, Dec 3, 2021" })] }), _jsx("div", { children: "If you decide to request this agency member, shifts they are unavailable for will be sent out as Open Shifts." })] })),
+};
+//# sourceMappingURL=BKJTooltipWrapper.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltipWrapper.stories.js","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltipWrapper.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,eAAe;IACb,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;YAC3C,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,MAAM,yBAAyB,GAAqC,CAAC,IAAI,EAAE,EAAE;IAC3E,OAAO,CACL,MAAC,IAAI,IACH,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,cAAc,EAAC,UAAU,EACzB,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAC,OAAO,EACX,UAAU,EAAC,QAAQ,aAEnB,KAAC,iBAAiB,OAAK,IAAI,GAAI,EAC/B,0BACE,KAAC,iBAAiB,IAChB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,GAAG,EAAE,CAAC,uCAAsB,EACvC,QAAQ,EAAC,MAAM,GACf,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,GAAG,EAAE,CAAC,yCAAwB,EACzC,QAAQ,EAAC,MAAM,GACf,IACE,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1D,OAAO,CAAC,IAAI,GAAG;IACb,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,GAAG,EAAE,CAAC,KAAC,SAAS,IAAC,OAAO,EAAC,aAAa,GAAG;IACpD,QAAQ,EAAE,CACR,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,aACnD,sFAAoE,EACpE,yBACE,6CAA0B,EAC1B,4CAAyB,IACtB,EACL,0IAGM,IACD,CACR;CACF,CAAC"}

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

@@ -0,0 +1,11 @@
+import { ForwardedRef, Ref } from 'react';
+export declare const BKJComponentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    ref: ForwardedRef<any> | Ref<any> | any;
+}>> & string;
+export declare const BKJTooltipArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    ref: ForwardedRef<any> | Ref<any> | any;
+}>> & string;
+export declare const BKJTooltipArrowWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    ref: ForwardedRef<any> | Ref<any> | any;
+}>> & string;
+//# sourceMappingURL=BKJTooltipWrapper.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltipWrapper.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltipWrapper.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,mBAAmB;SACzB,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG;YACrC,CAAC;AAEL,eAAO,MAAM,eAAe;SACrB,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG;YAaxC,CAAC;AAEF,eAAO,MAAM,sBAAsB;SAC5B,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG;YA0CxC,CAAC"}

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.styled.js

@@ -0,0 +1,58 @@
+import styled from 'styled-components';
+export const BKJComponentWrapper = styled.span ``;
+export const BKJTooltipArrow = styled.div `
+  position: absolute;
+  ::before {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    background-color: ${({ theme }) => theme.colors.Grey7};
+    content: '';
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+`;
+export const BKJTooltipArrowWrapper = styled.div `
+  ${({ theme }) => theme.fonts.PoppinsText};
+  font-size: 14px;
+  line-height: 21px;
+  color: ${({ theme }) => theme.colors.TextWhite};
+  background-color: ${({ theme }) => theme.colors.Grey7};
+  padding: 16px;
+  border-radius: 8px;
+  z-index: 1000;
+
+  &[data-popper-placement*='bottom'] {
+    margin-top: 10px;
+    & > .BKJTooltipArrow {
+      top: -5px;
+      left: -5px !important;
+    }
+  }
+
+  &[data-popper-placement*='top'] {
+    margin-bottom: 10px;
+    & > .BKJTooltipArrow {
+      bottom: 5px;
+      left: -5px !important;
+    }
+  }
+
+  &[data-popper-placement*='left'] {
+    margin-right: 10px;
+    & > .BKJTooltipArrow {
+      right: 5px;
+      top: -5px !important;
+    }
+  }
+
+  &[data-popper-placement*='right'] {
+    margin-left: 10px;
+    & > .BKJTooltipArrow {
+      left: -5px;
+      top: -5px !important;
+    }
+  }
+`;
+//# sourceMappingURL=BKJTooltipWrapper.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltipWrapper.styled.js","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltipWrapper.styled.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAE5C,EAAE,CAAC;AAEL,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAEvC;;;;;;wBAMsB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;CAMxD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAE9C;IACE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;;;WAG/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;sBAC1B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCtD,CAAC"}

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

@@ -0,0 +1,13 @@
+import { BasePlacement } from '@popperjs/core';
+import React, { FC, ReactNode } from 'react';
+export interface IBKJTooltipWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    placement: BasePlacement;
+    Component: FC;
+    children: ReactNode;
+    ref?: any;
+}
+export interface IBKJTooltipWrapperUIStateContext {
+    toggleTooltip: (e: Event, show: boolean) => void;
+    showTooltip: boolean;
+}
+//# sourceMappingURL=BKJTooltipWrapper.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTooltipWrapper.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/BKJTooltipWrapper.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,EAAE,EAAE,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC;CACX;AAED,MAAM,WAAW,gCAAgC;IAC/C,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,OAAO,CAAC;CACtB"}

package/lib/components/BKJTooltipWrapper/BKJTooltipWrapper.types.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/components/BKJTooltipWrapper/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJTooltipWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/components/BKJTypography/BKJTypography.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTypography.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAOjD,CAAC"}

package/lib/components/BKJTypography/BKJTypography.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { typographyComponents } from './BKJTypography.styled.js';
+export const BKJTypography = ({ variant = 'Body', element = 'span', children, }) => {
+    const Component = typographyComponents[element];
+    return _jsx(Component, { "$variant": variant, children: children });
+};
+//# sourceMappingURL=BKJTypography.js.map

package/lib/components/BKJTypography/BKJTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTypography.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EACrD,OAAO,GAAG,MAAM,EAChB,OAAO,GAAG,MAAM,EAChB,QAAQ,GACT,EAAe,EAAE;IAChB,MAAM,SAAS,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO,KAAC,SAAS,gBAAW,OAAO,YAAG,QAAQ,GAAa,CAAC;AAC9D,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTypography.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;AAE5D,wBA6BE;AAIF,eAAO,MAAM,OAAO,0GAAoB,CAAC"}

package/lib/components/BKJTypography/BKJTypography.stories.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJTypography } from './index.js';
+export default {
+    title: 'Basic Elements/BKJTypography',
+    component: BKJTypography,
+    argTypes: {
+        variant: {
+            name: 'Variation',
+            options: [
+                'H1',
+                'H2',
+                'H3',
+                'H4',
+                'Body',
+                'BodyUnderline',
+                'Bold',
+                'Caption',
+                'CaptionBold',
+                'Button',
+                'TextLink',
+            ],
+        },
+        element: {
+            name: 'Element',
+            options: ['h1', 'h2', 'h3', 'h4', 'span', 'b', 'p'],
+        },
+        children: {
+            name: 'Text',
+            type: 'string',
+        },
+    },
+};
+const Template = (args) => _jsx(BKJTypography, { ...args });
+export const Default = Template.bind({});
+Default.args = {
+    children: 'Lorem ipsum',
+};
+//# sourceMappingURL=BKJTypography.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTypography.stories.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAGlC,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,MAAM;gBACN,eAAe;gBACf,MAAM;gBACN,SAAS;gBACT,aAAa;gBACb,QAAQ;gBACR,UAAU;aACX;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;SACpD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,QAAQ;SACf;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAiC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,aAAa,OAAK,IAAI,GAAI,CAAC;AAErF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,aAAa;CACxB,CAAC"}

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

@@ -0,0 +1,11 @@
+import { IBKJTypographyStyledElement } from './BKJTypography.types.js';
+export declare const typographyComponents: {
+    h1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, IBKJTypographyStyledElement>> & string;
+    h2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, IBKJTypographyStyledElement>> & string;
+    h3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, IBKJTypographyStyledElement>> & string;
+    h4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, IBKJTypographyStyledElement>> & string;
+    span: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IBKJTypographyStyledElement>> & string;
+    b: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, IBKJTypographyStyledElement>> & string;
+    p: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, IBKJTypographyStyledElement>> & string;
+};
+//# sourceMappingURL=BKJTypography.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTypography.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAEpE,eAAO,MAAM,oBAAoB;;;;;;;;CAsBhC,CAAC"}

package/lib/components/BKJTypography/BKJTypography.styled.js

@@ -0,0 +1,25 @@
+import styled from 'styled-components';
+export const typographyComponents = {
+    h1: styled.h1 `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    h2: styled.h2 `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    h3: styled.h3 `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    h4: styled.h4 `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    span: styled.span `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    b: styled.b `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+    p: styled.p `
+    ${({ theme, $variant }) => theme.typography[$variant]};
+  `,
+};
+//# sourceMappingURL=BKJTypography.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTypography.styled.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC,EAAE,CAA6B;MACtC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,EAAE,EAAE,MAAM,CAAC,EAAE,CAA6B;MACtC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,EAAE,EAAE,MAAM,CAAC,EAAE,CAA6B;MACtC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,EAAE,EAAE,MAAM,CAAC,EAAE,CAA6B;MACtC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,IAAI,EAAE,MAAM,CAAC,IAAI,CAA6B;MAC1C,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,CAAC,EAAE,MAAM,CAAC,CAAC,CAA6B;MACpC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;IACD,CAAC,EAAE,MAAM,CAAC,CAAC,CAA6B;MACpC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;GACtD;CACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTypography.theme.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAO,MAAM,kBAAkB,EAAE,mBAwDhC,CAAC"}

package/lib/components/BKJTypography/BKJTypography.theme.js

@@ -0,0 +1,59 @@
+import { css } from 'styled-components';
+export const BKJThemeTypography = {
+    H1: css `
+    ${({ theme }) => theme.fonts.PoppinsBold}
+    font-size: 70px;
+    line-height: 84px;
+  `,
+    H2: css `
+    ${({ theme }) => theme.fonts.PoppinsMedium}
+    font-size: 45px;
+    line-height: 55px;
+  `,
+    H3: css `
+    ${({ theme }) => theme.fonts.PoppinsBold}
+    font-size: 28px;
+    line-height: 34px;
+  `,
+    H4: css `
+    ${({ theme }) => theme.fonts.PoppinsBold}
+    font-size: 20px;
+    line-height: 28px;
+  `,
+    Body: css `
+    ${({ theme }) => theme.fonts.PoppinsTextMedium}
+    font-size: 16px;
+    line-height: 24px;
+  `,
+    BodyUnderline: css `
+    ${({ theme }) => theme.fonts.PoppinsTextMedium}
+    font-size: 16px;
+    line-height: 24px;
+  `,
+    Bold: css `
+    ${({ theme }) => theme.fonts.PoppinsTextBold}
+    font-size: 16px;
+    line-height: 24px;
+  `,
+    Caption: css `
+    ${({ theme }) => theme.fonts.PoppinsTextMedium}
+    font-size: 14px;
+    line-height: 21px;
+  `,
+    CaptionBold: css `
+    ${({ theme }) => theme.fonts.PoppinsTextBold}
+    font-size: 14px;
+    line-height: 21px;
+  `,
+    Button: css `
+    ${({ theme }) => theme.fonts.PoppinsTextBold}
+    font-size: 16px;
+    line-height: 24px;
+  `,
+    TextLink: css `
+    ${({ theme }) => theme.fonts.PoppinsTextBold}
+    font-size: 16px;
+    line-height: 24px;
+  `,
+};
+//# sourceMappingURL=BKJTypography.theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTypography.theme.js","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,kBAAkB,GAAwB;IACrD,EAAE,EAAE,GAAG,CAAA;MACH,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;;;GAGzC;IACD,EAAE,EAAE,GAAG,CAAA;MACH,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa;;;GAG3C;IACD,EAAE,EAAE,GAAG,CAAA;MACH,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;;;GAGzC;IACD,EAAE,EAAE,GAAG,CAAA;MACH,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;;;GAGzC;IACD,IAAI,EAAE,GAAG,CAAA;MACL,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;;;GAG/C;IACD,aAAa,EAAE,GAAG,CAAA;MACd,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;;;GAG/C;IACD,IAAI,EAAE,GAAG,CAAA;MACL,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;;GAG7C;IACD,OAAO,EAAE,GAAG,CAAA;MACR,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;;;GAG/C;IACD,WAAW,EAAE,GAAG,CAAA;MACZ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;;GAG7C;IACD,MAAM,EAAE,GAAG,CAAA;MACP,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;;GAG7C;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;;GAG7C;CACF,CAAC"}

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { Interpolation } from 'styled-components';
+export interface IBKJTypographyStyledElement {
+    $variant: BKJTypographyVariantType;
+}
+export interface IBKJTypographyProps {
+    variant: BKJTypographyVariantType;
+    element: BKJTypographyElementType;
+    children: ReactNode;
+}
+export interface IBKJThemeTypography {
+    H1: Interpolation<any>;
+    H2: Interpolation<any>;
+    H3: Interpolation<any>;
+    H4: Interpolation<any>;
+    Body: Interpolation<any>;
+    BodyUnderline: Interpolation<any>;
+    Bold: Interpolation<any>;
+    Caption: Interpolation<any>;
+    CaptionBold: Interpolation<any>;
+    Button: Interpolation<any>;
+    TextLink: Interpolation<any>;
+}
+export type BKJTypographyVariantType = 'H1' | 'H2' | 'H3' | 'H4' | 'Body' | 'BodyUnderline' | 'Bold' | 'Caption' | 'CaptionBold' | 'Button' | 'TextLink';
+export type BKJTypographyElementType = 'h1' | 'h2' | 'h3' | 'h4' | 'span' | 'b' | 'p';
+//# sourceMappingURL=BKJTypography.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BKJTypography.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTypography/BKJTypography.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,wBAAwB,CAAC;CACpC;AACD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,wBAAwB,CAAC;IAClC,OAAO,EAAE,wBAAwB,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAClC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC5B,WAAW,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CAC9B;AAED,MAAM,MAAM,wBAAwB,GAChC,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,eAAe,GACf,MAAM,GACN,SAAS,GACT,aAAa,GACb,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,wBAAwB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/lib/components/BKJTypography/BKJTypography.types.js

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

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

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

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

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

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

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

package/lib/components/BKJTypography/index.js

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

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

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

package/lib/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,28 @@
+import React, { ComponentType, PropsWithChildren } from 'react';
+interface IProps {
+    errorMessage?: string;
+    componentName: string;
+    height?: string;
+    width?: string;
+    size?: 'Small' | 'Medium' | 'Large';
+    direction?: 'column' | 'row';
+    isStyled?: boolean;
+    showLogo?: boolean;
+    onError?: (error: Error) => void;
+    readonly suppressMessage?: boolean;
+    errorComponent?: ComponentType;
+}
+interface IState {
+    size: 'Small' | 'Medium' | 'Large';
+    error: Error | null;
+    onError?: (error: string) => void;
+}
+export declare class ErrorBoundary extends React.Component<PropsWithChildren<IProps>, IState> {
+    constructor(props: IProps);
+    static getDerivedStateFromError(error: any): {
+        error: any;
+    };
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1E,UAAU,MAAM;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,UAAU,MAAM;IACd,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AACD,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;gBACvE,KAAK,EAAE,MAAM;IAQzB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG;;;IAQ1C,MAAM;CAoCP"}

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Fragment } from 'react';
+import { GenericErrorMessage } from '../GenericErrorMessage/index.js';
+export class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            error: null,
+            size: 'Large',
+        };
+    }
+    static getDerivedStateFromError(error) {
+        error['shouldIgnore'] = true;
+        const _error = error.toString().split('Error: ')[1];
+        window?.j360?.onError && window?.j360?.onError(error);
+        return { error: _error };
+    }
+    render() {
+        const { componentName, height = '100%', width = '100%', size = 'Large', direction = 'column', errorMessage = undefined, isStyled = false, showLogo = true, suppressMessage = false, } = this.props;
+        const { error } = this.state;
+        if (error) {
+            if (this.props?.errorComponent) {
+                const ErrorComponent = this.props.errorComponent;
+                return _jsx(ErrorComponent, {});
+            }
+            return (_jsx(GenericErrorMessage, { showLogo: showLogo, suppressMessage: suppressMessage, errorMessage: errorMessage || `${componentName ? `${componentName}: ` : ''}${error}`, height: height, width: width, size: size, direction: direction, isStyled: isStyled, ...this.props }));
+        }
+        return _jsx(Fragment, { children: this.props.children });
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/lib/components/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAqB7D,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAA4C;IACnF,YAAY,KAAa;QACvB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACX,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,OAAO;SACd,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAU;QACxC,KAAK,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;QAE7B,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAEnD,MAAc,EAAE,IAAI,EAAE,OAAO,IAAK,MAAc,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QACxE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAC3B,CAAC;IACD,MAAM;QACJ,MAAM,EACJ,aAAa,EACb,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,OAAO,EACd,SAAS,GAAG,QAAQ,EACpB,YAAY,GAAG,SAAS,EACxB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,eAAe,GAAG,KAAK,GACxB,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7B,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE,CAAC;gBAC/B,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;gBACjD,OAAO,KAAC,cAAc,KAAG,CAAC;YAC5B,CAAC;YACD,OAAO,CACL,KAAC,mBAAmB,IAClB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,EACpF,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,KACd,IAAI,CAAC,KAAK,GACd,CACH,CAAC;QACJ,CAAC;QACD,OAAO,KAAC,QAAQ,cAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAY,CAAC;IACpD,CAAC;CACF"}

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

@@ -0,0 +1,2 @@
+export * from './ErrorBoundary.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/components/ErrorBoundary/index.js

@@ -0,0 +1,2 @@
+export * from './ErrorBoundary.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/components/Flex/Flex.d.ts

@@ -0,0 +1,3 @@
+import { IFlexProps } from './Flex.types.js';
+export declare const Flex: import("react").ForwardRefExoticComponent<IFlexProps & import("react").RefAttributes<any>>;
+//# sourceMappingURL=Flex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAO,MAAM,IAAI,4FAsEf,CAAC"}

package/lib/components/Flex/Flex.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { StyledFlex } from './Flex.styled.js';
+export const Flex = forwardRef((props, ref) => {
+    const { children, flexDirection, alignContent, alignSelf, alignItems, justifyContent, justifySelf, justifyItems, width, minWidth, maxWidth, height, minHeight, maxHeight, margin, padding, flex, flexWrap, flexBasis, flexShrink, flexGrow, order, childMarginRight, childMarginLeft, childMarginTop, childMarginBottom, gap, borderTop, borderBottom, ...rest } = props;
+    return (_jsx(StyledFlex, { "$childMarginRight": childMarginRight, "$childMarginLeft": childMarginLeft, "$childMarginTop": childMarginTop, "$childMarginBottom": childMarginBottom, "$flexDirection": flexDirection, "$alignContent": alignContent, "$alignSelf": alignSelf, "$alignItems": alignItems, "$justifyContent": justifyContent, "$justifySelf": justifySelf, "$justifyItems": justifyItems, "$width": width, "$margin": margin, "$padding": padding, "$gap": gap, "$borderTop": borderTop, "$borderBottom": borderBottom, "$minWidth": minWidth, "$maxWidth": maxWidth, "$height": height, "$minHeight": minHeight, "$maxHeight": maxHeight, "$flex": flex, "$flexWrap": flexWrap, "$flexBasis": flexBasis, "$flexShrink": flexShrink, "$flexGrow": flexGrow, "$order": order, ...rest, ref: ref, children: children }));
+});
+//# sourceMappingURL=Flex.js.map

package/lib/components/Flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,EACJ,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,SAAS,EACT,UAAU,EACV,cAAc,EACd,WAAW,EACX,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,GAAG,EACH,SAAS,EACT,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,UAAU,yBACU,gBAAgB,sBACjB,eAAe,qBAChB,cAAc,wBACX,iBAAiB,oBACrB,aAAa,mBACd,YAAY,gBACf,SAAS,iBACR,UAAU,qBACN,cAAc,kBACjB,WAAW,mBACV,YAAY,YACnB,KAAK,aACJ,MAAM,cACL,OAAO,UACX,GAAG,gBACG,SAAS,mBACN,YAAY,eAChB,QAAQ,eACR,QAAQ,aACV,MAAM,gBACH,SAAS,gBACT,SAAS,WACd,IAAI,eACA,QAAQ,gBACP,SAAS,iBACR,UAAU,eACZ,QAAQ,YACX,KAAK,KACT,IAAI,EACR,GAAG,EAAE,GAAG,YAEP,QAAQ,GACE,CACd,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import { IStyledFlexProps } from './Flex.types.js';
+export declare const StyledFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledFlexProps>> & string;
+//# sourceMappingURL=Flex.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.styled.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGhD,eAAO,MAAM,UAAU,qPAkOtB,CAAC"}