@bikdotai/bik-component-library 0.0.817-beta.4 → 0.0.817-beta.6

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

@@ -1,47 +1,47 @@
 import T from "../../_virtual/dynamic-import-helper.js";
-import { jsxDEV as e, Fragment as p } from "react/jsx-dev-runtime";
-import { useState as c, useEffect as U } from "react";
+import { jsxDEV as e, Fragment as f } from "react/jsx-dev-runtime";
+import { useState as s, useEffect as U } from "react";
 import { Toaster as M } from "../toaster/Toaster.js";
-import { Container as S, Header as _, TitleSection as j, Title as F, LanguageBadge as L, CopyButton as H, CodeContainer as E, LineNumbers as I, Code as A } from "./CodeBlock.styled.js";
-import { highlightCode as P } from "./CodeBlockHelper.js";
+import { Container as S, Header as _, TitleSection as w, Title as F, LanguageBadge as L, CopyButton as H, CodeContainer as D, LineNumbers as E, Code as I } from "./CodeBlock.styled.js";
+import { highlightCode as A } from "./CodeBlockHelper.js";
 import { CodeLanguage as R } from "./types.js";
 const K = ({
-  code: i = "",
-  language: s = R.JAVASCRIPT,
-  title: l = "",
+  code: t = "",
+  language: n = R.JAVASCRIPT,
+  title: i = "",
   hideLineNumbers: k = !1,
-  maxHeight: y = "400px",
+  maxHeight: h = "400px",
   maxWidth: N,
-  theme: n = "dark",
+  theme: r = "dark",
   hideHeader: C = !1,
-  hideCopy: h = !1
+  hideCopy: y = !1
 }) => {
-  const [w, a] = c(!1), [x, t] = c(!1), [d, m] = c(
+  const [j, a] = s(!1), [x, l] = s(!1), [m, d] = s(
     "success"
   ), v = async () => {
     try {
-      await navigator.clipboard.writeText(i), a(!0), m("success"), t(!0), setTimeout(() => a(!1), 2e3);
+      await navigator.clipboard.writeText(t), a(!0), d("success"), l(!0), setTimeout(() => a(!1), 2e3);
     } catch {
-      m("error"), t(!0);
+      d("error"), l(!0);
     }
-  }, [B, u] = c(i);
+  }, [B, u] = s(t);
   U(() => {
     let o = !0;
     return (async () => {
       try {
-        const f = await T(/* @__PURE__ */ Object.assign({ "./languageSpecificFormatting/html_file.ts": () => import("./languageSpecificFormatting/html_file.js"), "./languageSpecificFormatting/javascript_file.ts": () => import("./languageSpecificFormatting/javascript_file.js") }), `./languageSpecificFormatting/${s}_file.ts`, 3);
-        if (f?.format && o) {
-          u(f.format(i));
+        const b = await T(/* @__PURE__ */ Object.assign({ "./languageSpecificFormatting/html_file.ts": () => import("./languageSpecificFormatting/html_file.js"), "./languageSpecificFormatting/javascript_file.ts": () => import("./languageSpecificFormatting/javascript_file.js") }), `./languageSpecificFormatting/${n}_file.ts`, 3);
+        if (b?.format && o) {
+          u(b.format(t));
           return;
         }
       } catch {
       }
-      o && u(i);
+      o && u(t);
     })(), () => {
       o = !1;
     };
-  }, [i, s]);
-  const b = B.split(`
+  }, [t, n]);
+  const p = B.split(`
 `), g = (o) => ({
     javascript: "#FEC02D",
     python: "#3776ab",
@@ -49,112 +49,112 @@ const K = ({
     css: "#1572b6",
     html: "#e34c26",
     json: "#000000"
-  })[o.toLowerCase()] || (n === "dark" ? "#6e7681" : "#656d76"), D = (o) => ({
+  })[o.toLowerCase()] || (r === "dark" ? "#6e7681" : "#656d76"), P = (o) => ({
     javascript: "#000"
   })?.[o.toLowerCase()] || "#fff";
-  return /* @__PURE__ */ e(S, { themeMode: n, maxWidth: N, children: [
-    !C && /* @__PURE__ */ e(_, { themeMode: n, children: [
-      /* @__PURE__ */ e(j, { children: [
-        !!l && l && /* @__PURE__ */ e(F, { themeMode: n, children: l }, void 0, !1, {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+  return /* @__PURE__ */ e(S, { themeMode: r, maxWidth: N, children: [
+    !C && /* @__PURE__ */ e(_, { themeMode: r, children: [
+      /* @__PURE__ */ e(w, { children: [
+        !!i && i && /* @__PURE__ */ e(F, { themeMode: r, children: i }, void 0, !1, {
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
           lineNumber: 104,
           columnNumber: 28
         }, void 0),
         /* @__PURE__ */ e(
           L,
           {
-            bg: g(s),
-            color: D(s),
-            children: s
+            bg: g(n),
+            color: P(n),
+            children: n
           },
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
             lineNumber: 105,
             columnNumber: 7
           },
           void 0
         )
       ] }, void 0, !0, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
         lineNumber: 103,
         columnNumber: 6
       }, void 0),
-      !h && /* @__PURE__ */ e(H, { themeMode: n, onClick: v, children: w ? /* @__PURE__ */ e(p, { children: "✓ Copied" }, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+      !y && /* @__PURE__ */ e(H, { themeMode: r, onClick: v, children: j ? /* @__PURE__ */ e(f, { children: "✓ Copied" }, void 0, !1, {
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
         lineNumber: 114,
         columnNumber: 18
-      }, void 0) : /* @__PURE__ */ e(p, { children: "Copy" }, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+      }, void 0) : /* @__PURE__ */ e(f, { children: "Copy" }, void 0, !1, {
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
         lineNumber: 114,
         columnNumber: 34
       }, void 0) }, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
         lineNumber: 113,
         columnNumber: 7
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
       lineNumber: 102,
       columnNumber: 5
     }, void 0),
-    /* @__PURE__ */ e(E, { maxHeight: y, children: [
-      !k && /* @__PURE__ */ e(I, { themeMode: n, children: b.map((o, r) => /* @__PURE__ */ e("div", { children: r + 1 }, r, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+    /* @__PURE__ */ e(D, { maxHeight: h, children: [
+      !k && /* @__PURE__ */ e(E, { themeMode: r, children: p.map((o, c) => /* @__PURE__ */ e("div", { children: c + 1 }, c, !1, {
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
         lineNumber: 124,
         columnNumber: 8
       }, void 0)) }, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
         lineNumber: 122,
         columnNumber: 6
       }, void 0),
-      /* @__PURE__ */ e(A, { themeMode: n, children: b.map((o, r) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e(I, { themeMode: r, children: p.map((o, c) => /* @__PURE__ */ e(
         "div",
         {
           style: { minHeight: o.trim() ? "20px" : "0px" },
           dangerouslySetInnerHTML: {
-            __html: P(o, s, n) || " "
+            __html: A(o, n, r) || " "
           }
         },
-        r,
+        c,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
           lineNumber: 130,
           columnNumber: 7
         },
         void 0
       )) }, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
         lineNumber: 128,
         columnNumber: 5
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
       lineNumber: 120,
       columnNumber: 4
     }, void 0),
     x && /* @__PURE__ */ e(
       M,
       {
-        text: d === "success" ? "Code copied to clipboard!" : "Failed to copy code",
+        text: m === "success" ? "Code copied to clipboard!" : "Failed to copy code",
         autoClose: 2e3,
-        type: d,
+        type: m,
         hideProgressBar: !0,
-        onCloseToast: () => t(!1)
+        onCloseToast: () => l(!1)
       },
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
         lineNumber: 141,
         columnNumber: 5
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/code-block/CodeBlock.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",
     lineNumber: 100,
     columnNumber: 3
   }, void 0);

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

@@ -1,47 +1,47 @@
-import { jsxDEV as e } from "react/jsx-dev-runtime";
-import { ColorInputContainer as r, StyledColorInput as l } from "./ColourInput.styled.js";
-import { BodySecondary as u, BodyPrimary as i } from "../TypographyStyle.js";
-const s = (o) => /* @__PURE__ */ e("div", { className: "buttonColorCustom", children: [
-  o.headingText && /* @__PURE__ */ e(u, { children: o.headingText }, void 0, !1, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/colourInput/ColourInput.tsx",
+import { jsxDEV as o } from "react/jsx-dev-runtime";
+import { ColorInputContainer as r, StyledColorInput as u } from "./ColourInput.styled.js";
+import { BodySecondary as t, BodyPrimary as l } from "../TypographyStyle.js";
+const a = (e) => /* @__PURE__ */ o("div", { className: "buttonColorCustom", children: [
+  e.headingText && /* @__PURE__ */ o(t, { children: e.headingText }, void 0, !1, {
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/colourInput/ColourInput.tsx",
     lineNumber: 18,
     columnNumber: 26
   }, void 0),
-  /* @__PURE__ */ e(r, { children: [
-    /* @__PURE__ */ e(i, { children: o.labelText ?? "Colour" }, void 0, !1, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/colourInput/ColourInput.tsx",
+  /* @__PURE__ */ o(r, { children: [
+    /* @__PURE__ */ o(l, { children: e.labelText ?? "Colour" }, void 0, !1, {
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/colourInput/ColourInput.tsx",
       lineNumber: 20,
       columnNumber: 5
     }, void 0),
-    /* @__PURE__ */ e(
-      l,
+    /* @__PURE__ */ o(
+      u,
       {
         type: "color",
         onChange: (n) => {
-          o.onValueChange(n.target.value);
+          e.onValueChange(n.target.value);
         },
-        value: o.value
+        value: e.value
       },
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/colourInput/ColourInput.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/colourInput/ColourInput.tsx",
         lineNumber: 21,
         columnNumber: 5
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/colourInput/ColourInput.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/colourInput/ColourInput.tsx",
     lineNumber: 19,
     columnNumber: 4
   }, void 0)
 ] }, void 0, !0, {
-  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/colourInput/ColourInput.tsx",
+  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/colourInput/ColourInput.tsx",
   lineNumber: 17,
   columnNumber: 3
 }, void 0);
 export {
-  s as ColourInput
+  a as ColourInput
 };
 //# sourceMappingURL=ColourInput.js.map

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

@@ -2,57 +2,57 @@ import { jsxDEV as o } from "react/jsx-dev-runtime";
 import u from "../../assets/icons/chevronDown.svg.js";
 import { useState as y, useEffect as b } from "react";
 import { CountriesData as l } from "./CountryCodePicker.modal.js";
-import { StyledCountryPickerWrapper as f, StyledCountryPickerOption as C } from "./CountryCodePicker.styled.js";
-import { DropdownPopover as k } from "../dropdown/DropdownPopover/index.js";
-import { BodySecondary as d } from "../TypographyStyle.js";
-import { COLORS as i } from "../../constants/Theme.js";
-const P = (e) => {
-  const [r, c] = y(
+import { StyledCountryPickerWrapper as k, StyledCountryPickerOption as h } from "./CountryCodePicker.styled.js";
+import { DropdownPopover as f } from "../dropdown/DropdownPopover/index.js";
+import { BodySecondary as a } from "../TypographyStyle.js";
+import { COLORS as c } from "../../constants/Theme.js";
+const j = (e) => {
+  const [n, i] = y(
     e.selectedCountry ?? {
       name: "India",
       dial: "+91",
       code: "IN"
     }
-  ), a = `https://flagcdn.com/${r.code?.toLowerCase()}.svg`;
+  ), s = `https://flagcdn.com/${n.code?.toLowerCase()}.svg`;
   b(() => {
-    e.selectedCountry && c(e.selectedCountry);
+    e.selectedCountry && i(e.selectedCountry);
   }, [e.selectedCountry?.code]);
-  const s = () => l.map((n) => {
-    const t = `https://flagcdn.com/${n.code?.toLowerCase()}.svg`;
+  const d = () => l.map((r) => {
+    const t = `https://flagcdn.com/${r.code?.toLowerCase()}.svg`;
     return {
-      value: n.code,
-      label: n.dial,
-      searchKey: n.name,
-      customComponent: /* @__PURE__ */ o(C, { children: [
+      value: r.code,
+      label: r.dial,
+      searchKey: r.name,
+      customComponent: /* @__PURE__ */ o(h, { children: [
         !e.hideFlagImage && /* @__PURE__ */ o(
           "img",
           {
             src: t,
             className: "country-flag__option",
-            alt: n.name
+            alt: r.name
           },
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
             lineNumber: 62,
             columnNumber: 8
           },
           void 0
         ),
-        /* @__PURE__ */ o(d, { style: e.countryTextStyle ?? {}, children: [
+        /* @__PURE__ */ o(a, { style: e.countryTextStyle ?? {}, children: [
           /* @__PURE__ */ o(
             "span",
             {
               style: {
-                color: e.codeColor ?? i.text.primary
+                color: e.codeColor ?? c.text.primary
               },
-              children: n.code
+              children: r.code
             },
             void 0,
             !1,
             {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
               lineNumber: 70,
               columnNumber: 8
             },
@@ -63,50 +63,50 @@ const P = (e) => {
             "span",
             {
               style: {
-                color: e.dialColor ?? i.text.primary
+                color: e.dialColor ?? c.text.primary
               },
-              children: n.dial
+              children: r.dial
             },
             void 0,
             !1,
             {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
               lineNumber: 78,
               columnNumber: 8
             },
             void 0
           )
         ] }, void 0, !0, {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
           lineNumber: 69,
           columnNumber: 7
         }, void 0)
       ] }, void 0, !0, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
         lineNumber: 60,
         columnNumber: 6
       }, void 0),
-      selected: r.code === n.code
+      selected: n.code === r.code
     };
   });
   return /* @__PURE__ */ o(
-    k,
+    f,
     {
       version: e.version,
       isSearchable: !0,
       width: e.popoverWidth ?? "200px",
       placement: e.placement ?? "bottom-start",
       strategy: e.placementStrategy ?? "absolute",
-      options: s(),
+      options: d(),
       disabled: e.disabled,
-      onSelect: (n) => {
+      onSelect: (r) => {
         const t = l.filter(
-          (m) => m.code === n.value
+          (m) => m.code === r.value
         );
-        c(t[0]), e.onCountrySelect(t[0]);
+        i(t[0]), e.onCountrySelect(t[0]);
       },
       children: /* @__PURE__ */ o(
-        f,
+        k,
         {
           height: e.height,
           style: e.containerStyles,
@@ -118,31 +118,31 @@ const P = (e) => {
               !e.hideFlagImage && /* @__PURE__ */ o(
                 "img",
                 {
-                  src: a,
+                  src: s,
                   className: "country-flag__selected-option",
-                  alt: r.name
+                  alt: n.name
                 },
                 void 0,
                 !1,
                 {
-                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+                  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
                   lineNumber: 120,
                   columnNumber: 7
                 },
                 void 0
               ),
-              /* @__PURE__ */ o(d, { style: e.countryTextStyle ?? {}, children: r.dial }, void 0, !1, {
-                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+              /* @__PURE__ */ o(a, { style: e.countryTextStyle ?? {}, children: n.dial }, void 0, !1, {
+                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
                 lineNumber: 126,
                 columnNumber: 6
               }, void 0)
             ] }, void 0, !0, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
               lineNumber: 118,
               columnNumber: 5
             }, void 0),
-            /* @__PURE__ */ o(u, { width: 24, height: 24, color: i.content.primary }, void 0, !1, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+            /* @__PURE__ */ o(u, { width: 24, height: 24, color: c.content.primary }, void 0, !1, {
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
               lineNumber: 130,
               columnNumber: 5
             }, void 0)
@@ -151,7 +151,7 @@ const P = (e) => {
         void 0,
         !0,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
           lineNumber: 110,
           columnNumber: 4
         },
@@ -161,7 +161,7 @@ const P = (e) => {
     void 0,
     !1,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",
       lineNumber: 94,
       columnNumber: 3
     },
@@ -169,6 +169,6 @@ const P = (e) => {
   );
 };
 export {
-  P as CountryCodePicker
+  j as CountryCodePicker
 };
 //# sourceMappingURL=CountryCodePicker.js.map