@bikdotai/bik-component-library 0.0.736-beta.7 → 0.0.736-beta.9

package/dist/cjs/components/checkBox/CheckBox.styled.d.ts

@@ -0,0 +1,12 @@
+export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", any, {
+    isDisabled?: boolean | undefined;
+    enableHover?: boolean | undefined;
+}, never>;
+export declare const CheckboxIcon: import("styled-components").StyledComponent<"div", any, {
+    checked: boolean;
+    hovered: boolean;
+    clicked: boolean;
+    isDisabled: boolean;
+    size?: "SMALL" | "DEFAULT" | undefined;
+    borderColor?: string | undefined;
+}, never>;

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

@@ -0,0 +1 @@
+export * from './CheckBox';

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

@@ -0,0 +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 {};

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

@@ -1 +1 @@
-"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))})]})};
+"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)))}))]})};

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

@@ -0,0 +1,5 @@
+/// <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>, {}>;

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

@@ -1,10 +1 @@
-"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("styled-components")).default.div`
-	.title__container {
-		margin-bottom: 12px;
-	}
-	.list__container {
-		display: flex;
-		flex-direction: column;
-		gap: 10px;
-	}
-`;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/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;

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

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

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

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

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"),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=({code:d="",language:c=a.CodeLanguage.JAVASCRIPT,title:l="",hideLineNumbers:u=!1,maxHeight:h="400px",maxWidth:p,theme:j="dark",hideHeader:m=!1,hideCopy:f=!1})=>{const[g,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/${c}_file.ts`,Promise.resolve().then(function(){return s(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,c]);const y=v.split("\n");return t.jsxs(o.Container,{themeMode:j,maxWidth:p,children:[!m&&t.jsxs(o.Header,{themeMode:j,children:[t.jsxs(o.TitleSection,{children:[!!l&&l&&t.jsx(o.Title,{themeMode:j,children:l}),t.jsx(o.LanguageBadge,{bg:(b=c,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[b.toLowerCase()]||("dark"===j?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(c),children:c})]}),!f&&t.jsx(o.CopyButton,{themeMode:j,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:g?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})})]}),t.jsxs(o.CodeContainer,{maxHeight:h,children:[!u&&t.jsx(o.LineNumbers,{themeMode:j,children:y.map((e,r)=>t.jsx("div",{children:r+1},r))}),t.jsx(o.Code,{themeMode:j,children:y.map((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:n.highlightCode(e,c,j)||" "}},r))})]})]});var b};
+"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};

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

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

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

@@ -1,55 +1,55 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("styled-components"));const d=o.default.div`
-	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#ffffff"};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("styled-components"));const t=r.default.div`
+	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#ffffff"}};
 	border: 1px solid
-		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
 	border-radius: 6px;
 	overflow: hidden;
 	font-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas,
 		'Liberation Mono', Menlo, monospace;
 	margin-bottom: 1rem;
-	${({maxWidth:e})=>e&&`max-width: ${e};`}
-`,r=o.default.div`
-	background-color: ${({themeMode:e})=>"dark"===e?"#161b22":"#f6f8fa"};
+	${e=>{let{maxWidth:r}=e;return r&&`max-width: ${r};`}}
+`,o=r.default.div`
+	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#161b22":"#f6f8fa"}};
 	border-bottom: 1px solid
-		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
 	padding: 8px 16px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-`;o.default.div`
+`;r.default.div`
 	display: flex;
 	gap: 6px;
 	align-items: center;
-`,o.default.div`
+`,r.default.div`
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
-	background-color: ${({color:e})=>e};
-`;const t=o.default.div`
+	background-color: ${e=>{let{color:r}=e;return r}};
+`;const d=r.default.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	flex: 1;
 	margin-left: 12px;
-`,a=o.default.span`
-	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
+`,n=r.default.span`
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	font-size: 14px;
 	font-weight: 500;
-`,i=o.default.div`
-	background-color: ${({bg:e})=>e};
-	color: ${({color:e})=>e||"#ffffff"};
+`,a=r.default.div`
+	background-color: ${e=>{let{bg:r}=e;return r}};
+	color: ${e=>{let{color:r}=e;return r||"#ffffff"}};
 	padding: 2px 6px;
 	border-radius: 4px;
 	font-size: 11px;
 	font-weight: 600;
 	text-transform: uppercase;
-`,n=o.default.button`
+`,l=r.default.button`
 	background-color: transparent;
 	border: 1px solid
-		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
 	border-radius: 4px;
 	padding: 4px 8px;
-	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	font-size: 12px;
 	cursor: pointer;
 	display: flex;
@@ -58,31 +58,31 @@
 	transition: background-color 0.2s ease;
 
 	&:hover {
-		background-color: ${({themeMode:e})=>"dark"===e?"#21262d":"#f3f4f6"};
+		background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#f3f4f6"}};
 	}
-`,l=o.default.div`
-	max-height: ${({maxHeight:e})=>e};
+`,i=r.default.div`
+	max-height: ${e=>{let{maxHeight:r}=e;return r}};
 	overflow: auto;
 	display: flex;
 	/* Ensure this is the only scroll container */
 	min-width: 0;
-`,f=o.default.div`
-	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#f6f8fa"};
-	color: ${({themeMode:e})=>"dark"===e?"#6e7681":"#656d76"};
+`,f=r.default.div`
+	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#f6f8fa"}};
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#6e7681":"#656d76"}};
 	padding: 16px 12px;
 	font-size: 12px;
 	line-height: 20px;
 	text-align: right;
 	user-select: none;
 	border-right: 1px solid
-		${({themeMode:e})=>"dark"===e?"#21262d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#d0d7de"}};
 	min-width: 40px;
-`,p=o.default.pre`
+`,p=r.default.pre`
 	flex: 1;
 	padding: 16px;
 	font-size: 12px;
 	line-height: 20px;
-	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	background-color: transparent;
 	margin: 0;
 	white-space: pre;
@@ -91,20 +91,20 @@
 	min-width: 0; /* Ensures proper shrinking in flex container */
 
 	.keyword {
-		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
 		font-weight: 600;
 	}
 
 	.string {
-		color: ${({themeMode:e})=>"dark"===e?"#a5d6ff":"#0a3069"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#a5d6ff":"#0a3069"}};
 	}
 
 	.comment {
-		color: ${({themeMode:e})=>"dark"===e?"#8b949e":"#656d76"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#8b949e":"#656d76"}};
 		font-style: italic;
 	}
 
 	.number {
-		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
 	}
-`;exports.Code=p,exports.CodeContainer=l,exports.Container=d,exports.CopyButton=n,exports.Header=r,exports.LanguageBadge=i,exports.LineNumbers=f,exports.Title=a,exports.TitleSection=t;
+`;exports.Code=p,exports.CodeContainer=i,exports.Container=t,exports.CopyButton=l,exports.Header=o,exports.LanguageBadge=a,exports.LineNumbers=f,exports.Title=n,exports.TitleSection=d;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./keywordMap.js");const o={javascript:require("./languageSpecificFormatting/javascript_file.js")},s=e=>{let o=0;for(let s=0;s<e.length;s++)o=(o<<5)-o+e.charCodeAt(s),o|=0;return Math.abs(o)};exports.highlightCode=(r,l,n="dark")=>{const a=e.keywordsMap[l.toLowerCase()]||[],c=(({theme:r,lang:l})=>{var n,a;const c=e.keywordsMap[l.toLowerCase()]||[],t={};let g={},i=[];const d=o[l.toLowerCase()];if(d)try{g=(null===(n=d.colorOverWrite)||void 0===n?void 0:n.call(d,r))||{},i=(null===(a=d.colorMap)||void 0===a?void 0:a.call(d,r))||[],console.log(`Formatter found for ${l} (${r}):`,{overrides:Object.keys(g),colorMapLength:i.length,colorMapColors:i})}catch(e){console.warn(`Failed to load formatting for ${l}:`,e)}else console.log(`No formatter found for ${l}`);const p="dark"===r?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},f=Object.values(p);return console.log(`Processing ${c.length} keywords for ${l}`),c.forEach(e=>{if(null==g?void 0:g[e])t[e]=g[e],["function","console","log"].includes(e)&&console.log(`${e}: using override color ${g[e]}`);else if(i&&i.length>0){const o=s(e)%i.length;t[e]=i[o],["function","console","log"].includes(e)&&console.log(`${e}: using colorMap[${o}] = ${i[o]}`)}else{const o=s(e)%f.length;t[e]=f[o],["function","console","log"].includes(e)&&console.log(`${e}: using fallback color ${f[o]}`)}}),t})({theme:n,lang:l});let t=r;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort((e,o)=>o.length-e.length);return console.log(`Processing ${l} keywords in order:`,g),g.forEach(e=>{let o;o="css"===l.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${e.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${e})\\b(?![^<]*>)`,"g");const s=t;t="css"===l.toLowerCase()?t.replace(o,`$1<span style="color: ${c[e]}">$2</span>`):t.replace(o,`<span style="color: ${c[e]}">$1</span>`),s!==t&&["background","background-color","color"].includes(e)&&console.log(`${e} -> ${c[e]} (made changes)`)}),t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./keywordMap.js");const o={javascript:require("./languageSpecificFormatting/javascript_file.js")},s=e=>{let o=0;for(let s=0;s<e.length;s++)o=(o<<5)-o+e.charCodeAt(s),o|=0;return Math.abs(o)};exports.highlightCode=function(r,l){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"dark";const a=e.keywordsMap[l.toLowerCase()]||[],c=(r=>{let{theme:l,lang:n}=r;var a,c;const t=e.keywordsMap[n.toLowerCase()]||[],g={};let i={},d=[];const p=o[n.toLowerCase()];if(p)try{i=(null===(a=p.colorOverWrite)||void 0===a?void 0:a.call(p,l))||{},d=(null===(c=p.colorMap)||void 0===c?void 0:c.call(p,l))||[],console.log(`Formatter found for ${n} (${l}):`,{overrides:Object.keys(i),colorMapLength:d.length,colorMapColors:d})}catch(e){console.warn(`Failed to load formatting for ${n}:`,e)}else console.log(`No formatter found for ${n}`);const f="dark"===l?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},u=Object.values(f);return console.log(`Processing ${t.length} keywords for ${n}`),t.forEach((e=>{if(null==i?void 0:i[e])g[e]=i[e],["function","console","log"].includes(e)&&console.log(`${e}: using override color ${i[e]}`);else if(d&&d.length>0){const o=s(e)%d.length;g[e]=d[o],["function","console","log"].includes(e)&&console.log(`${e}: using colorMap[${o}] = ${d[o]}`)}else{const o=s(e)%u.length;g[e]=u[o],["function","console","log"].includes(e)&&console.log(`${e}: using fallback color ${u[o]}`)}})),g})({theme:n,lang:l});let t=r;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort(((e,o)=>o.length-e.length));return console.log(`Processing ${l} keywords in order:`,g),g.forEach((e=>{let o;o="css"===l.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${e.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${e})\\b(?![^<]*>)`,"g");const s=t;t="css"===l.toLowerCase()?t.replace(o,`$1<span style="color: ${c[e]}">$2</span>`):t.replace(o,`<span style="color: ${c[e]}">$1</span>`),s!==t&&["background","background-color","color"].includes(e)&&console.log(`${e} -> ${c[e]} (made changes)`)})),t};

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+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

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

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

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

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",{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",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})]})]}))};

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

@@ -0,0 +1,9 @@
+/// <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>, {}>;

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

@@ -1,29 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),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;
-`,n=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=n;
+"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;

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

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

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

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

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"),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})]})})};
+"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})]}))}))};

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,11 @@
+/// <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>, {}>;

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

@@ -1,31 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),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;
+"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;

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

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

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

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

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"),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})]})]})};
+"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})]})]}))};

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

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

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

@@ -0,0 +1,25 @@
+export declare enum CURTAIN_TYPES {
+    NEGATIVE = "Negative",
+    WARNING = "Warning",
+    POSITIVE = "Positive",
+    NEUTRAL = "Neutral",
+    SPECIAL = "Special",
+    MANIFEST = "Manifest"
+}
+export declare enum CURTAIN_MODE {
+    LIGHT = "LIGHT",
+    DARK = "DARK"
+}
+interface ColorConfig {
+    backgroundColor: string;
+    textColor: string;
+    crossIconColor: string;
+    strokeColor?: string;
+}
+type ColorConfigMap = {
+    [mode in CURTAIN_MODE]: {
+        [type in CURTAIN_TYPES]: ColorConfig;
+    };
+};
+export declare const CURTAIN_COLOR_CONFIG_MAP: ColorConfigMap;
+export {};

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

@@ -0,0 +1 @@
+export * from './Curtain';

package/dist/cjs/components/custom-date-time/CustomDateTime.d.ts

@@ -0,0 +1,12 @@
+import { Placement } from '@popperjs/core';
+import React from 'react';
+export interface CustomTimeProps {
+    time: string;
+    date: Date;
+    minDate?: Date;
+    onChange: (date: Date) => void;
+    error: string | undefined;
+    setError: (error: string | undefined) => void;
+    placement: Placement;
+}
+export declare const CustomDateTime: React.FC<CustomTimeProps>;