@bikdotai/bik-component-library 0.0.736-beta.0 → 0.0.736-beta.1

package/dist/cjs/components/checkList/CheckList.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { CheckBoxProps } from "../checkBox";
-type CheckListItem = Omit<CheckBoxProps, 'onValueChange' | 'controlFromOutside'> & {
-    value: string;
-};
-export type CheckListProps = {
-    title?: string;
-    subTitle?: string;
-    listItems: CheckListItem[];
-    onChange: (options: CheckListItem[]) => void;
-    listContainerStyles?: React.CSSProperties;
-};
-export declare const CheckList: React.FC<CheckListProps>;
-export {};
+import React from 'react';
+import { CheckBoxProps } from '@src/components/checkBox';
+type CheckListItem = Omit<CheckBoxProps, 'onValueChange' | 'controlFromOutside'> & {
+    value: string;
+};
+export type CheckListProps = {
+    title?: string;
+    subTitle?: string;
+    listItems: CheckListItem[];
+    onChange: (options: CheckListItem[]) => void;
+    listContainerStyles?: React.CSSProperties;
+};
+export declare const CheckList: React.FC<CheckListProps>;
+export {};

package/dist/cjs/components/checkList/CheckList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),c=require("../../constants/Theme.js");exports.CheckList=l=>{var n;const[a,o]=s.useState(l.listItems);s.useEffect((()=>{o(l.listItems)}),[l.listItems]);const u=(e,s)=>{const t=[...a],i=a.find((e=>e.value===s));i&&(i.isChecked=e),o(t);const r=t.filter((e=>e.isChecked));l.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(l.title||l.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[l.title&&e.jsx(r.TitleRegular,{children:l.title}),l.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:c.COLORS.text.secondary},{children:l.subTitle}))]})),e.jsx("div",Object.assign({style:null!==(n=l.listContainerStyles)&&void 0!==n?n:{},className:"list__container"},{children:a.map((s=>e.jsx(t.CheckBox,Object.assign({},s,{onValueChange:u}),s.value)))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");exports.CheckList=c=>{var n;const[a,o]=t.useState(c.listItems);t.useEffect((()=>{o(c.listItems)}),[c.listItems]);const u=(e,t)=>{const s=[...a],i=a.find((e=>e.value===t));i&&(i.isChecked=e),o(s);const r=s.filter((e=>e.isChecked));c.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(c.title||c.subTitle)&&e.jsxs("div",{className:"title__container",children:[c.title&&e.jsx(r.TitleRegular,{children:c.title}),c.subTitle&&e.jsx(r.BodySecondary,{color:l.COLORS.text.secondary,children:c.subTitle})]}),e.jsx("div",{style:null!==(n=c.listContainerStyles)&&void 0!==n?n:{},className:"list__container",children:a.map((t=>e.jsx(s.CheckBox,Object.assign({},t,{onValueChange:u}),t.value)))})]})};

package/dist/cjs/components/checkList/CheckList.styled.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare const CheckListStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckListStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;

package/dist/cjs/components/checkList/CheckList.styled.js

@@ -1 +1,10 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.CheckListStyled=t;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled")).default.div`
+	.title__container {
+		margin-bottom: 12px;
+	}
+	.list__container {
+		display: flex;
+		flex-direction: column;
+		gap: 10px;
+	}
+`;exports.CheckListStyled=t;

package/dist/cjs/components/checkList/index.d.ts

@@ -1 +1 @@
-export * from './CheckList';
+export * from './CheckList';

package/dist/cjs/components/code-block/CodeBlock.d.ts

@@ -1,2 +1,2 @@
-import { CodeBlockProps } from './types';
-export declare const CodeBlock: ({ code, language, title, hideLineNumbers, maxHeight, maxWidth, theme, hideHeader, hideCopy, }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+import { CodeBlockProps } from './types';
+export declare const CodeBlock: ({ code, language, title, hideLineNumbers, maxHeight, maxWidth, theme, hideHeader, hideCopy, }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/code-block/CodeBlock.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("react-toastify"),o=require("./CodeBlock.styled.js"),s=require("./CodeBlockHelper.js"),n=require("./types.js");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}exports.CodeBlock=c=>{let{code:d="",language:l=n.CodeLanguage.JAVASCRIPT,title:u="",hideLineNumbers:h=!1,maxHeight:j="400px",maxWidth:g,theme:p="dark",hideHeader:m=!1,hideCopy:f=!1}=c;const[b,x]=r.useState(!1),[v,C]=r.useState(d);r.useEffect((()=>{let t=!0;return e.__awaiter(void 0,void 0,void 0,(function*(){try{const r=yield(e=`./languageSpecificFormatting/${l}_file.ts`,Promise.resolve().then((function(){return a(require(e))})));if((null==r?void 0:r.format)&&t)return void C(r.format(d))}catch(e){}var e;t&&C(d)})),()=>{t=!1}}),[d,l]);const y=v.split("\n");return t.jsxs(o.Container,Object.assign({themeMode:p,maxWidth:g},{children:[!m&&t.jsxs(o.Header,Object.assign({themeMode:p},{children:[t.jsxs(o.TitleSection,{children:[!!u&&u&&t.jsx(o.Title,Object.assign({themeMode:p},{children:u})),t.jsx(o.LanguageBadge,Object.assign({bg:(O=l,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[O.toLowerCase()]||("dark"===p?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(l)},{children:l}))]}),!f&&t.jsx(o.CopyButton,Object.assign({themeMode:p,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(d),x(!0),i.toast.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>x(!1)),2e3)}catch(e){i.toast.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}))},{children:b?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})}))]})),t.jsxs(o.CodeContainer,Object.assign({maxHeight:j},{children:[!h&&t.jsx(o.LineNumbers,Object.assign({themeMode:p},{children:y.map(((e,r)=>t.jsx("div",{children:r+1},r)))})),t.jsx(o.Code,Object.assign({themeMode:p},{children:y.map(((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:s.highlightCode(e,l,p)||" "}},r)))}))]}))]}));var O};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("react-toastify"),o=require("./CodeBlock.styled.js"),n=require("./CodeBlockHelper.js"),a=require("./types.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}exports.CodeBlock=d=>{let{code:c="",language:l=a.CodeLanguage.JAVASCRIPT,title:u="",hideLineNumbers:h=!1,maxHeight:p="400px",maxWidth:j,theme:m="dark",hideHeader:f=!1,hideCopy:g=!1}=d;const[x,v]=r.useState(!1),[C,y]=r.useState(c);r.useEffect((()=>{let t=!0;return e.__awaiter(void 0,void 0,void 0,(function*(){try{const r=yield(e=`./languageSpecificFormatting/${l}_file.ts`,Promise.resolve().then((function(){return s(require(e))})));if((null==r?void 0:r.format)&&t)return void y(r.format(c))}catch(e){}var e;t&&y(c)})),()=>{t=!1}}),[c,l]);const b=C.split("\n");return t.jsxs(o.Container,{themeMode:m,maxWidth:j,children:[!f&&t.jsxs(o.Header,{themeMode:m,children:[t.jsxs(o.TitleSection,{children:[!!u&&u&&t.jsx(o.Title,{themeMode:m,children:u}),t.jsx(o.LanguageBadge,{bg:(_=l,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[_.toLowerCase()]||("dark"===m?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(l),children:l})]}),!g&&t.jsx(o.CopyButton,{themeMode:m,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(c),v(!0),i.toast.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>v(!1)),2e3)}catch(e){i.toast.error("Failed to copy code",{position:"top-right",autoClose:2e3})}})),children:x?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})})]}),t.jsxs(o.CodeContainer,{maxHeight:p,children:[!h&&t.jsx(o.LineNumbers,{themeMode:m,children:b.map(((e,r)=>t.jsx("div",{children:r+1},r)))}),t.jsx(o.Code,{themeMode:m,children:b.map(((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:n.highlightCode(e,l,m)||" "}},r)))})]})]});var _};

package/dist/cjs/components/code-block/CodeBlock.styled.d.ts

@@ -1,31 +1,31 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    themeMode: 'dark' | 'light';
-    maxWidth?: string | undefined;
-}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", any, {
-    themeMode: 'dark' | 'light';
-}, never>;
-export declare const WindowControls: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Dot: import("styled-components").StyledComponent<"div", any, {
-    color: string;
-}, never>;
-export declare const TitleSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"span", any, {
-    themeMode: 'dark' | 'light';
-}, never>;
-export declare const LanguageBadge: import("styled-components").StyledComponent<"div", any, {
-    bg: string;
-    color?: string | undefined;
-}, never>;
-export declare const CopyButton: import("styled-components").StyledComponent<"button", any, {
-    themeMode: 'dark' | 'light';
-}, never>;
-export declare const CodeContainer: import("styled-components").StyledComponent<"div", any, {
-    maxHeight: string;
-}, never>;
-export declare const LineNumbers: import("styled-components").StyledComponent<"div", any, {
-    themeMode: 'dark' | 'light';
-}, never>;
-export declare const Code: import("styled-components").StyledComponent<"pre", any, {
-    themeMode: 'dark' | 'light';
-}, never>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    themeMode: "dark" | "light";
+    maxWidth?: string;
+}>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    themeMode: "dark" | "light";
+}>> & string;
+export declare const WindowControls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Dot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    color: string;
+}>> & string;
+export declare const TitleSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    themeMode: "dark" | "light";
+}>> & string;
+export declare const LanguageBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    bg: string;
+    color?: string;
+}>> & string;
+export declare const CopyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    themeMode: "dark" | "light";
+}>> & string;
+export declare const CodeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    maxHeight: string;
+}>> & string;
+export declare const LineNumbers: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    themeMode: "dark" | "light";
+}>> & string;
+export declare const Code: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {
+    themeMode: "dark" | "light";
+}>> & string;

package/dist/cjs/components/code-block/CodeBlockHelper.d.ts

@@ -1,3 +1,3 @@
-import { CodeLanguage, CodeThemeMode } from './types';
-export declare const randomStringToColor: (str: string) => string;
-export declare const highlightCode: (code: string, lang: CodeLanguage, theme?: CodeThemeMode) => string;
+import { CodeLanguage, CodeThemeMode } from './types';
+export declare const randomStringToColor: (str: string) => string;
+export declare const highlightCode: (code: string, lang: CodeLanguage, theme?: CodeThemeMode) => string;

package/dist/cjs/components/code-block/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CodeBlock';
-export * from './types';
+export * from './CodeBlock';
+export * from './types';

package/dist/cjs/components/code-block/keywordMap.d.ts

@@ -1 +1 @@
-export declare const keywordsMap: Record<string, string[]>;
+export declare const keywordsMap: Record<string, string[]>;

package/dist/cjs/components/code-block/languageSpecificFormatting/html_file.d.ts

@@ -1 +1 @@
-export declare function format(code: string): string;
+export declare function format(code: string): string;

package/dist/cjs/components/code-block/languageSpecificFormatting/javascript_file.d.ts

@@ -1,3 +1,3 @@
-import { CodeThemeMode } from '../types';
-export declare function colorOverWrite(theme: CodeThemeMode): Record<string, string> | undefined;
-export declare function colorMap(theme: CodeThemeMode): string[] | undefined;
+import { CodeThemeMode } from '../types';
+export declare function colorOverWrite(theme: CodeThemeMode): Record<string, string> | undefined;
+export declare function colorMap(theme: CodeThemeMode): string[] | undefined;

package/dist/cjs/components/code-block/types.d.ts

@@ -1,20 +1,20 @@
-export declare enum CodeLanguage {
-    JAVASCRIPT = "javascript",
-    PYTHON = "python",
-    JAVA = "java",
-    CSS = "css",
-    HTML = "html",
-    JSON = "json"
-}
-export type CodeThemeMode = 'dark' | 'light';
-export interface CodeBlockProps {
-    code?: string;
-    language?: CodeLanguage;
-    title?: string;
-    hideHeader?: boolean;
-    hideCopy?: boolean;
-    hideLineNumbers?: boolean;
-    maxHeight?: string;
-    maxWidth?: string;
-    theme?: CodeThemeMode;
-}
+export declare enum CodeLanguage {
+    JAVASCRIPT = "javascript",
+    PYTHON = "python",
+    JAVA = "java",
+    CSS = "css",
+    HTML = "html",
+    JSON = "json"
+}
+export type CodeThemeMode = 'dark' | 'light';
+export interface CodeBlockProps {
+    code?: string;
+    language?: CodeLanguage;
+    title?: string;
+    hideHeader?: boolean;
+    hideCopy?: boolean;
+    hideLineNumbers?: boolean;
+    maxHeight?: string;
+    maxWidth?: string;
+    theme?: CodeThemeMode;
+}

package/dist/cjs/components/colourInput/ColourInput.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export interface ColourInputProps {
-    value: string;
-    labelText: string;
-    headingText?: string;
-    onValueChange: (value: string) => void;
-}
-export declare const ColourInput: React.FC<ColourInputProps>;
+import React from 'react';
+export interface ColourInputProps {
+    value: string;
+    labelText: string;
+    headingText?: string;
+    onValueChange: (value: string) => void;
+}
+export declare const ColourInput: React.FC<ColourInputProps>;

package/dist/cjs/components/colourInput/ColourInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ColourInput.styled.js"),o=require("../TypographyStyle.js");exports.ColourInput=t=>{var l;return e.jsxs("div",Object.assign({className:"buttonColorCustom"},{children:[t.headingText&&e.jsx(o.BodySecondary,{children:t.headingText}),e.jsxs(r.ColorInputContainer,{children:[e.jsx(o.BodyPrimary,{children:null!==(l=t.labelText)&&void 0!==l?l:"Colour"}),e.jsx(r.StyledColorInput,{type:"color",onChange:e=>{t.onValueChange(e.target.value)},value:t.value})]})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ColourInput.styled.js"),o=require("../TypographyStyle.js");exports.ColourInput=t=>{var l;return e.jsxs("div",{className:"buttonColorCustom",children:[t.headingText&&e.jsx(o.BodySecondary,{children:t.headingText}),e.jsxs(r.ColorInputContainer,{children:[e.jsx(o.BodyPrimary,{children:null!==(l=t.labelText)&&void 0!==l?l:"Colour"}),e.jsx(r.StyledColorInput,{type:"color",onChange:e=>{t.onValueChange(e.target.value)},value:t.value})]})]})};

package/dist/cjs/components/colourInput/ColourInput.styled.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-export declare const ColorInputContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledColorInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const ColorInputContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;
+export declare const StyledColorInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;

package/dist/cjs/components/colourInput/ColourInput.styled.js

@@ -1 +1,29 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("../../constants/Theme.js");function t(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var d=t(c);const l=d.default("div","production"===process.env.NODE_ENV?{target:"e1n3hesw1"}:{target:"e1n3hesw1",label:"ColorInputContainer"})("margin-top:8px;display:flex;min-height:unset;flex-direction:row;align-items:center;padding:20px 8px;flex:1;gap:16px;width:100%;height:48px;background:",e.DEFAULT_THEME.colorsV2.surface.standard,";border:1px solid ",e.DEFAULT_THEME.colorsV2.stroke.primary,";border-radius:4px;justify-content:space-between;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRThDIiwiZmlsZSI6IkNvbG91cklucHV0LnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb2xvcklucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbi10b3A6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0bWluLWhlaWdodDogdW5zZXQ7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHBhZGRpbmc6IDIwcHggOHB4O1xuXHRmbGV4OiAxO1xuXHRnYXA6IDE2cHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDQ4cHg7XG5cdGJhY2tncm91bmQ6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sb3JJbnB1dCA9IHN0eWxlZC5pbnB1dCBgXG5cdHBhZGRpbmc6IDA7XG5cdGJvcmRlcjogI2UwZTBlMCAxcHggc29saWQ7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Jjpob3ZlciB7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHR9XG5cdDo6LXdlYmtpdC1jb2xvci1zd2F0Y2gge1xuXHRcdGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbG91cklucHV0LnN0eWxlZC5qcy5tYXAiXX0= */")),b=d.default("input","production"===process.env.NODE_ENV?{target:"e1n3hesw0"}:{target:"e1n3hesw0",label:"StyledColorInput"})("production"===process.env.NODE_ENV?{name:"18k7jrl",styles:"padding:0;border:#e0e0e0 1px solid;width:32px;height:32px;border-radius:50%;overflow:hidden;&:hover{cursor:pointer;}::-webkit-color-swatch{border-color:transparent;}"}:{name:"18k7jrl",styles:"padding:0;border:#e0e0e0 1px solid;width:32px;height:32px;border-radius:50%;overflow:hidden;&:hover{cursor:pointer;}::-webkit-color-swatch{border-color:transparent;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiJDb2xvdXJJbnB1dC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29sb3JJbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG1pbi1oZWlnaHQ6IHVuc2V0O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRwYWRkaW5nOiAyMHB4IDhweDtcblx0ZmxleDogMTtcblx0Z2FwOiAxNnB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRiYWNrZ3JvdW5kOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbG9ySW5wdXQgPSBzdHlsZWQuaW5wdXQgYFxuXHRwYWRkaW5nOiAwO1xuXHRib3JkZXI6ICNlMGUwZTAgMXB4IHNvbGlkO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCY6aG92ZXIge1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0fVxuXHQ6Oi13ZWJraXQtY29sb3Itc3dhdGNoIHtcblx0XHRib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db2xvdXJJbnB1dC5zdHlsZWQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.ColorInputContainer=l,exports.StyledColorInput=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.div`
+	margin-top: 8px;
+	display: flex;
+	min-height: unset;
+	flex-direction: row;
+	align-items: center;
+	padding: 20px 8px;
+	flex: 1;
+	gap: 16px;
+	width: 100%;
+	height: 48px;
+	background: ${r.DEFAULT_THEME.colorsV2.surface.standard};
+	border: 1px solid ${r.DEFAULT_THEME.colorsV2.stroke.primary};
+	border-radius: 4px;
+	justify-content: space-between;
+`,d=o.default.input`
+	padding: 0;
+	border: #e0e0e0 1px solid;
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	overflow: hidden;
+	&:hover {
+		cursor: pointer;
+	}
+	::-webkit-color-swatch {
+		border-color: transparent;
+	}
+`;exports.ColorInputContainer=i,exports.StyledColorInput=d;

package/dist/cjs/components/colourInput/index.d.ts

@@ -1 +1 @@
-export * from './ColourInput';
+export * from './ColourInput';

package/dist/cjs/components/country-code-picker/CountryCodePicker.d.ts

@@ -1,19 +1,19 @@
-import { Placement, PositioningStrategy } from '@popperjs/core';
-import React from 'react';
-import { CountryCode } from "./CountryCodePicker.modal";
-export declare const CountryCodePicker: React.FC<{
-    version: '1.0' | '2.0';
-    onCountrySelect: (country: CountryCode) => void;
-    selectedCountry: CountryCode;
-    popoverWidth?: string;
-    height?: string;
-    placement?: Placement;
-    placementStrategy?: PositioningStrategy;
-    disabled?: boolean;
-    hideFlagImage?: boolean;
-    containerStyles?: React.CSSProperties;
-    codeColor?: string;
-    dialColor?: string;
-    countryTextStyle?: React.CSSProperties;
-    onDropdownClick?: () => void;
-}>;
+import { Placement, PositioningStrategy } from '@popperjs/core';
+import React from 'react';
+import { CountryCode } from '@src/components/country-code-picker/CountryCodePicker.modal';
+export declare const CountryCodePicker: React.FC<{
+    version: '1.0' | '2.0';
+    onCountrySelect: (country: CountryCode) => void;
+    selectedCountry: CountryCode;
+    popoverWidth?: string;
+    height?: string;
+    placement?: Placement;
+    placementStrategy?: PositioningStrategy;
+    disabled?: boolean;
+    hideFlagImage?: boolean;
+    containerStyles?: React.CSSProperties;
+    codeColor?: string;
+    dialColor?: string;
+    countryTextStyle?: React.CSSProperties;
+    onDropdownClick?: () => void;
+}>;

package/dist/cjs/components/country-code-picker/CountryCodePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronDown.svg.js"),r=require("react"),t=require("./CountryCodePicker.modal.js"),n=require("./CountryCodePicker.styled.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var d=require("../TypographyStyle.js"),i=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryCodePicker=l=>{var c,a,u,p,y,m,j;const[v,h]=r.useState(null!==(c=l.selectedCountry)&&void 0!==c?c:{name:"India",dial:"+91",code:"IN"}),w=`https://flagcdn.com/${null===(a=v.code)||void 0===a?void 0:a.toLowerCase()}.svg`;r.useEffect((()=>{l.selectedCountry&&h(l.selectedCountry)}),[null===(u=l.selectedCountry)||void 0===u?void 0:u.code]);return e.jsx(s.DropdownPopover,Object.assign({version:l.version,isSearchable:!0,width:null!==(p=l.popoverWidth)&&void 0!==p?p:"200px",placement:null!==(y=l.placement)&&void 0!==y?y:"bottom-start",strategy:null!==(m=l.placementStrategy)&&void 0!==m?m:"absolute",options:t.CountriesData.map((o=>{var r,t,s,c;const a=`https://flagcdn.com/${null===(r=o.code)||void 0===r?void 0:r.toLowerCase()}.svg`;return{value:o.code,label:o.dial,searchKey:o.name,customComponent:e.jsxs(n.StyledCountryPickerOption,{children:[!l.hideFlagImage&&e.jsx("img",{src:a,className:"country-flag__option",alt:o.name}),e.jsxs(d.BodySecondary,Object.assign({style:null!==(t=l.countryTextStyle)&&void 0!==t?t:{}},{children:[e.jsx("span",Object.assign({style:{color:null!==(s=l.codeColor)&&void 0!==s?s:i.COLORS.text.primary}},{children:o.code})),"  ",e.jsx("span",Object.assign({style:{color:null!==(c=l.dialColor)&&void 0!==c?c:i.COLORS.text.primary}},{children:o.dial}))]}))]}),selected:v.code===o.code}})),disabled:l.disabled,onSelect:e=>{const o=t.CountriesData.filter((o=>o.code===e.value));h(o[0]),l.onCountrySelect(o[0])}},{children:e.jsxs(n.StyledCountryPickerWrapper,Object.assign({height:l.height,style:l.containerStyles,onClick:()=>{var e;console.log("hello"),null===(e=l.onDropdownClick)||void 0===e||e.call(l)}},{children:[e.jsxs("div",Object.assign({className:"content__wrapper"},{children:[!l.hideFlagImage&&e.jsx("img",{src:w,className:"country-flag__selected-option",alt:v.name}),e.jsx(d.BodySecondary,Object.assign({style:null!==(j=l.countryTextStyle)&&void 0!==j?j:{}},{children:v.dial}))]})),e.jsx(o.default,{width:24,height:24,color:i.COLORS.content.primary})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronDown.svg.js"),r=require("react"),t=require("./CountryCodePicker.modal.js"),n=require("./CountryCodePicker.styled.js"),d=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var s=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryCodePicker=i=>{var c,u,a,p,y,m,j;const[v,h]=r.useState(null!==(c=i.selectedCountry)&&void 0!==c?c:{name:"India",dial:"+91",code:"IN"}),w=`https://flagcdn.com/${null===(u=v.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r.useEffect((()=>{i.selectedCountry&&h(i.selectedCountry)}),[null===(a=i.selectedCountry)||void 0===a?void 0:a.code]);return e.jsx(d.DropdownPopover,{version:i.version,isSearchable:!0,width:null!==(p=i.popoverWidth)&&void 0!==p?p:"200px",placement:null!==(y=i.placement)&&void 0!==y?y:"bottom-start",strategy:null!==(m=i.placementStrategy)&&void 0!==m?m:"absolute",options:t.CountriesData.map((o=>{var r,t,d,c;const u=`https://flagcdn.com/${null===(r=o.code)||void 0===r?void 0:r.toLowerCase()}.svg`;return{value:o.code,label:o.dial,searchKey:o.name,customComponent:e.jsxs(n.StyledCountryPickerOption,{children:[!i.hideFlagImage&&e.jsx("img",{src:u,className:"country-flag__option",alt:o.name}),e.jsxs(s.BodySecondary,{style:null!==(t=i.countryTextStyle)&&void 0!==t?t:{},children:[e.jsx("span",{style:{color:null!==(d=i.codeColor)&&void 0!==d?d:l.COLORS.text.primary},children:o.code}),"  ",e.jsx("span",{style:{color:null!==(c=i.dialColor)&&void 0!==c?c:l.COLORS.text.primary},children:o.dial})]})]}),selected:v.code===o.code}})),disabled:i.disabled,onSelect:e=>{const o=t.CountriesData.filter((o=>o.code===e.value));h(o[0]),i.onCountrySelect(o[0])},children:e.jsxs(n.StyledCountryPickerWrapper,{height:i.height,style:i.containerStyles,onClick:()=>{var e;console.log("hello"),null===(e=i.onDropdownClick)||void 0===e||e.call(i)},children:[e.jsxs("div",{className:"content__wrapper",children:[!i.hideFlagImage&&e.jsx("img",{src:w,className:"country-flag__selected-option",alt:v.name}),e.jsx(s.BodySecondary,{style:null!==(j=i.countryTextStyle)&&void 0!==j?j:{},children:v.dial})]}),e.jsx(o.default,{width:24,height:24,color:l.COLORS.content.primary})]})})};

package/dist/cjs/components/country-code-picker/CountryCodePicker.modal.d.ts

@@ -1,7 +1,7 @@
-export interface CountryCode {
-    name: string;
-    dial: string;
-    code: string;
-    code3: string;
-}
-export declare const CountriesData: CountryCode[];
+export interface CountryCode {
+    name: string;
+    dial: string;
+    code: string;
+    code3: string;
+}
+export declare const CountriesData: CountryCode[];

package/dist/cjs/components/country-code-picker/CountryCodePicker.styled.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const StyledCountryPickerOption: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledCountryPickerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    height?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCountryPickerOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;
+export declare const StyledCountryPickerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    height?: string;
+}, JSX.IntrinsicElements, {}>;

package/dist/cjs/components/country-code-picker/CountryCodePicker.styled.js

@@ -1 +1,31 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),l=require("../../constants/Theme.js");function t(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var e=t(c);const b=e.default("div","production"===process.env.NODE_ENV?{target:"efxlby21"}:{target:"efxlby21",label:"StyledCountryPickerOption"})("production"===process.env.NODE_ENV?{name:"1rta7hl",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag__option{width:24px;height:auto;}"}:{name:"1rta7hl",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag__option{width:24px;height:auto;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9EIiwiZmlsZSI6IkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJPcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiAxMnB4O1xuXHR3aWR0aDogMTAwJTtcblxuXHQuY291bnRyeS1mbGFnX19vcHRpb24ge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRwYWRkaW5nOiA2cHggOHB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9O1xuXG5cdC5jb250ZW50X193cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cblx0LmNvdW50cnktZmxhZ19fc2VsZWN0ZWQtb3B0aW9uIHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),a=e.default("div","production"===process.env.NODE_ENV?{target:"efxlby20"}:{target:"efxlby20",label:"StyledCountryPickerWrapper"})("display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:4px;border:1px solid ",l.COLORS.stroke.primary,";padding:6px 8px;height:",(c=>c.height),";.content__wrapper{display:flex;gap:8px;}.country-flag__selected-option{width:24px;height:auto;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3FEIiwiZmlsZSI6IkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJPcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiAxMnB4O1xuXHR3aWR0aDogMTAwJTtcblxuXHQuY291bnRyeS1mbGFnX19vcHRpb24ge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRwYWRkaW5nOiA2cHggOHB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9O1xuXG5cdC5jb250ZW50X193cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cblx0LmNvdW50cnktZmxhZ19fc2VsZWN0ZWQtb3B0aW9uIHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.StyledCountryPickerOption=b,exports.StyledCountryPickerWrapper=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const o=i.default.div`
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+	gap: 12px;
+	width: 100%;
+
+	.country-flag__option {
+		width: 24px;
+		height: auto;
+	}
+`,p=i.default.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	gap: 8px;
+	border-radius: 4px;
+	border: 1px solid ${t.COLORS.stroke.primary};
+	padding: 6px 8px;
+	height: ${e=>e.height};
+
+	.content__wrapper {
+		display: flex;
+		gap: 8px;
+	}
+
+	.country-flag__selected-option {
+		width: 24px;
+		height: auto;
+	}
+`;exports.StyledCountryPickerOption=o,exports.StyledCountryPickerWrapper=p;

package/dist/cjs/components/country-code-picker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CountryCodePicker';
-export * from './CountryCodePicker.modal';
+export * from './CountryCodePicker';
+export * from './CountryCodePicker.modal';

package/dist/cjs/components/curtain/Curtain.d.ts

@@ -1,23 +1,23 @@
-import React, { ComponentType } from 'react';
-import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
-export type CurtainProps = {
-    type: CURTAIN_TYPES;
-    mode: CURTAIN_MODE;
-    text: string;
-    icon?: React.FC<{
-        width: number;
-        height: number;
-        color: string;
-    }>;
-    actionButtonText?: string;
-    actionButtonClickHandler?: () => void;
-    hideCrossIcon?: boolean;
-    onCloseHandler?: () => void;
-    strokeAtTop?: boolean;
-    strokeAtBottom?: boolean;
-    customComponent?: ComponentType<any>;
-    position?: 'sticky' | 'absolute' | 'fixed';
-    tertiaryButtonText?: string;
-    tertiaryButtonClickHandler?: () => void;
-};
-export declare const Curtain: React.FC<CurtainProps>;
+import React, { ComponentType } from 'react';
+import { CURTAIN_MODE, CURTAIN_TYPES } from '@src/components/curtain/CurtainHelper';
+export type CurtainProps = {
+    type: CURTAIN_TYPES;
+    mode: CURTAIN_MODE;
+    text: string;
+    icon?: React.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    actionButtonText?: string;
+    actionButtonClickHandler?: () => void;
+    hideCrossIcon?: boolean;
+    onCloseHandler?: () => void;
+    strokeAtTop?: boolean;
+    strokeAtBottom?: boolean;
+    customComponent?: ComponentType<any>;
+    position?: 'sticky' | 'absolute' | 'fixed';
+    tertiaryButtonText?: string;
+    tertiaryButtonClickHandler?: () => void;
+};
+export declare const Curtain: React.FC<CurtainProps>;

package/dist/cjs/components/curtain/Curtain.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),o=require("./Curtain.styled.js"),r=require("./CurtainHelper.js"),n=require("../TypographyStyle.js"),s=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js"),a=require("../button/Button.js");exports.Curtain=c=>{const[l,d]=e.useState(!1);if(l)return t.jsx(t.Fragment,{});return t.jsxs(o.CurtainStyle,Object.assign({isTeritaryButton:!!c.tertiaryButtonText,position:c.position,mode:c.mode,type:c.type,strokeAtTop:c.strokeAtTop,strokeAtBottom:c.strokeAtBottom},{children:[t.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"}},{children:[t.jsx("div",{children:c.icon&&t.jsx(c.icon,{color:r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].textColor,height:16,width:16})}),t.jsxs("div",Object.assign({style:{display:"flex",textAlign:"center"}},{children:[t.jsxs(n.BodySecondary,Object.assign({style:{color:r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].textColor,marginLeft:8}},{children:[c.text,c.actionButtonText&&t.jsx(n.BodySecondaryLink,Object.assign({onClick:c.actionButtonClickHandler,style:{display:"inline",color:c.mode===r.CURTAIN_MODE.DARK?r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].textColor:s.COLORS.content.brand,marginLeft:6,textDecoration:"underline"}},{children:c.actionButtonText}))]})),c.customComponent&&t.jsx(c.customComponent,{})]}))]})),t.jsxs(o.RightWrapper,{children:[c.tertiaryButtonText&&t.jsxs(t.Fragment,{children:[t.jsx(a.Button,{className:"tertiary-button",buttonText:c.tertiaryButtonText,onClick:c.tertiaryButtonClickHandler,buttonType:"tertiary"}),t.jsx(o.Separator,{mode:c.mode,type:c.type})]}),!c.hideCrossIcon&&t.jsx(i.default,{onClick:()=>{d(!0),c.onCloseHandler&&c.onCloseHandler()},cursor:"pointer",height:20,width:20,color:r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].crossIconColor})]})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),o=require("./Curtain.styled.js"),r=require("./CurtainHelper.js"),n=require("../TypographyStyle.js"),s=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js"),l=require("../button/Button.js");exports.Curtain=a=>{const[c,d]=e.useState(!1);if(c)return t.jsx(t.Fragment,{});return t.jsxs(o.CurtainStyle,{isTeritaryButton:!!a.tertiaryButtonText,position:a.position,mode:a.mode,type:a.type,strokeAtTop:a.strokeAtTop,strokeAtBottom:a.strokeAtBottom,children:[t.jsxs("div",{style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"},children:[t.jsx("div",{children:a.icon&&t.jsx(a.icon,{color:r.CURTAIN_COLOR_CONFIG_MAP[a.mode][a.type].textColor,height:16,width:16})}),t.jsxs("div",{style:{display:"flex",textAlign:"center"},children:[t.jsxs(n.BodySecondary,{style:{color:r.CURTAIN_COLOR_CONFIG_MAP[a.mode][a.type].textColor,marginLeft:8},children:[a.text,a.actionButtonText&&t.jsx(n.BodySecondaryLink,{onClick:a.actionButtonClickHandler,style:{display:"inline",color:a.mode===r.CURTAIN_MODE.DARK?r.CURTAIN_COLOR_CONFIG_MAP[a.mode][a.type].textColor:s.COLORS.content.brand,marginLeft:6,textDecoration:"underline"},children:a.actionButtonText})]}),a.customComponent&&t.jsx(a.customComponent,{})]})]}),t.jsxs(o.RightWrapper,{children:[a.tertiaryButtonText&&t.jsxs(t.Fragment,{children:[t.jsx(l.Button,{className:"tertiary-button",buttonText:a.tertiaryButtonText,onClick:a.tertiaryButtonClickHandler,buttonType:"tertiary"}),t.jsx(o.Separator,{mode:a.mode,type:a.type})]}),!a.hideCrossIcon&&t.jsx(i.default,{onClick:()=>{d(!0),a.onCloseHandler&&a.onCloseHandler()},cursor:"pointer",height:20,width:20,color:r.CURTAIN_COLOR_CONFIG_MAP[a.mode][a.type].crossIconColor})]})]})};

package/dist/cjs/components/curtain/Curtain.styled.d.ts

@@ -1,14 +1,14 @@
-import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
-export declare const CurtainStyle: import("styled-components").StyledComponent<"div", any, {
-    mode: CURTAIN_MODE;
-    type: CURTAIN_TYPES;
-    strokeAtTop?: boolean | undefined;
-    strokeAtBottom?: boolean | undefined;
-    position?: "sticky" | "absolute" | "fixed" | undefined;
-    isTeritaryButton?: boolean | undefined;
-}, never>;
-export declare const Separator: import("styled-components").StyledComponent<"div", any, {
-    mode: CURTAIN_MODE;
-    type: CURTAIN_TYPES;
-}, never>;
-export declare const RightWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { CURTAIN_MODE, CURTAIN_TYPES } from '@src/components/curtain/CurtainHelper';
+export declare const CurtainStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    mode: CURTAIN_MODE;
+    type: CURTAIN_TYPES;
+    strokeAtTop?: boolean;
+    strokeAtBottom?: boolean;
+    position?: "sticky" | "absolute" | "fixed";
+    isTeritaryButton?: boolean;
+}>> & string;
+export declare const Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    mode: CURTAIN_MODE;
+    type: CURTAIN_TYPES;
+}>> & string;
+export declare const RightWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;