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

package/dist/esm/components/side-modal/SideModal.js

@@ -1,36 +1,36 @@
-import { jsxDEV as o, Fragment as d } from "react/jsx-dev-runtime";
-import { useEffect as m } from "react";
-import s from "react-dom";
-import l from "../../assets/icons/cross.svg.js";
+import { jsxDEV as o, Fragment as l } from "react/jsx-dev-runtime";
+import { useEffect as a } from "react";
+import m from "react-dom";
+import s from "../../assets/icons/cross.svg.js";
 import { TitleMedium as c } from "../TypographyStyle.js";
-import { SideModalStyle as u, SideModalContainer as b, SideModalHeader as k, SideModalBody as f, SideModalFooter as h, FooterButtonWrapper as v } from "./SideModal.style.js";
-import { Button as t } from "../button/Button.js";
-const W = (e) => {
-  const { closeOnEscapeKey: n, onClose: i } = e;
-  return m(() => {
+import { SideModalStyle as u, SideModalContainer as b, SideModalHeader as f, SideModalBody as y, SideModalFooter as N, FooterButtonWrapper as S } from "./SideModal.style.js";
+import { Button as r } from "../button/Button.js";
+const U = (e) => {
+  const { closeOnEscapeKey: n, onClose: d } = e;
+  return a(() => {
     if (!(n ?? !0)) return;
-    const r = (a) => {
-      a.key === "Escape" && i();
+    const i = (t) => {
+      t.key === "Escape" && d();
     };
-    return document.addEventListener("keydown", r), () => {
-      document.removeEventListener("keydown", r);
+    return document.addEventListener("keydown", i), () => {
+      document.removeEventListener("keydown", i);
     };
-  }, [n, i]), s.createPortal(
+  }, [n, d]), m.createPortal(
     /* @__PURE__ */ o(u, { zIndex: e.zIndex, children: /* @__PURE__ */ o(b, { width: e.width, children: [
       /* @__PURE__ */ o(
-        k,
+        f,
         {
           headerStyle: {
             ...e.headerStyle
           },
           children: [
             e?.headerCustomComponent || /* @__PURE__ */ o(c, { children: e.header }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
               lineNumber: 68,
               columnNumber: 7
             }, void 0),
-            !e.hideCrossButton && /* @__PURE__ */ o(l, { width: 24, height: 24, onClick: e.onClose }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+            !e.hideCrossButton && /* @__PURE__ */ o(s, { width: 24, height: 24, onClick: e.onClose }, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
               lineNumber: 71,
               columnNumber: 7
             }, void 0),
@@ -40,14 +40,14 @@ const W = (e) => {
         void 0,
         !0,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
           lineNumber: 62,
           columnNumber: 5
         },
         void 0
       ),
       /* @__PURE__ */ o(
-        f,
+        y,
         {
           hideFooter: e.hideFooter,
           bodyStyle: {
@@ -61,39 +61,39 @@ const W = (e) => {
         void 0,
         !0,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
           lineNumber: 74,
           columnNumber: 5
         },
         void 0
       ),
       e.hideFooter === !0 ? null : /* @__PURE__ */ o(
-        h,
+        N,
         {
           footerDirection: e.footerDirection,
           footerStyle: {
             ...e.footerStyle
           },
           children: [
-            (e.saveButtonProps || e.cancelButtonProps) && /* @__PURE__ */ o(v, { footerDirection: e.footerDirection, children: [
-              e.saveButtonProps && /* @__PURE__ */ o(t, { ...e.saveButtonProps }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+            (e.saveButtonProps || e.cancelButtonProps) && /* @__PURE__ */ o(S, { footerDirection: e.footerDirection, children: [
+              e.saveButtonProps && /* @__PURE__ */ o(r, { ...e.saveButtonProps }, void 0, !1, {
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
                 lineNumber: 91,
                 columnNumber: 35
               }, void 0),
-              e.cancelButtonProps && /* @__PURE__ */ o(t, { ...e.cancelButtonProps }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+              e.cancelButtonProps && /* @__PURE__ */ o(r, { ...e.cancelButtonProps }, void 0, !1, {
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
                 lineNumber: 93,
                 columnNumber: 10
               }, void 0),
               " "
             ] }, void 0, !0, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
               lineNumber: 90,
               columnNumber: 8
             }, void 0),
-            e.footerCustomComponent ? e.footerCustomComponent : /* @__PURE__ */ o(d, {}, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+            e.footerCustomComponent ? e.footerCustomComponent : /* @__PURE__ */ o(l, {}, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
               lineNumber: 97,
               columnNumber: 68
             }, void 0),
@@ -103,7 +103,7 @@ const W = (e) => {
         void 0,
         !0,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
           lineNumber: 83,
           columnNumber: 6
         },
@@ -111,11 +111,11 @@ const W = (e) => {
       ),
       " "
     ] }, void 0, !0, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
       lineNumber: 61,
       columnNumber: 4
     }, void 0) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/side-modal/SideModal.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/side-modal/SideModal.tsx",
       lineNumber: 60,
       columnNumber: 3
     }, void 0),
@@ -123,6 +123,6 @@ const W = (e) => {
   );
 };
 export {
-  W as SideModal
+  U as SideModal
 };
 //# sourceMappingURL=SideModal.js.map

package/dist/esm/components/slider/slider.js

@@ -1,7 +1,7 @@
-import { jsxDEV as b } from "react/jsx-dev-runtime";
-import { useState as k, useRef as V, useMemo as N, useEffect as R, useCallback as m } from "react";
-import { COLORS as p } from "../../constants/Theme.js";
-const O = (t) => ({
+import { jsxDEV as d } from "react/jsx-dev-runtime";
+import { useState as w, useRef as V, useMemo as N, useEffect as R, useCallback as m } from "react";
+import { COLORS as f } from "../../constants/Theme.js";
+const $ = (t) => ({
   container: {
     position: "relative",
     marginTop: "30px",
@@ -24,7 +24,7 @@ const O = (t) => ({
     top: 0,
     left: 0,
     height: "8px",
-    backgroundColor: p.background.brand,
+    backgroundColor: f.background.brand,
     borderRadius: "4px",
     transition: "width 0.1s ease"
   },
@@ -33,7 +33,7 @@ const O = (t) => ({
     top: 0,
     left: 0,
     height: "8px",
-    backgroundColor: p.background.brand,
+    backgroundColor: f.background.brand,
     borderRadius: "4px",
     transition: "none"
   },
@@ -42,8 +42,8 @@ const O = (t) => ({
     top: "50%",
     width: "24px",
     height: "24px",
-    backgroundColor: p.background.brand,
-    border: `2px solid ${p.background.brand}`,
+    backgroundColor: f.background.brand,
+    border: `2px solid ${f.background.brand}`,
     borderRadius: "50%",
     transform: "translate(-50%, -50%)",
     cursor: t ? "not-allowed" : "grab",
@@ -61,7 +61,7 @@ const O = (t) => ({
     marginBottom: "16px",
     width: "32px",
     height: "32px",
-    backgroundColor: p.background.brand,
+    backgroundColor: f.background.brand,
     borderRadius: "50% 50% 50% 0",
     transform: "translate(0, 0) rotate(-45deg) scale(0)",
     transformOrigin: "bottom left",
@@ -81,148 +81,148 @@ const O = (t) => ({
     lineHeight: 1.2,
     fontWeight: 500
   }
-}), F = ({
+}), K = ({
   min: t = 0,
   max: s = 100,
-  defaultValue: d,
+  defaultValue: b,
   onChange: u,
   step: c = 1,
-  disabled: r = !1
+  disabled: o = !1
 }) => {
-  const U = d !== void 0 ? d : t, [a, h] = k(U), [i, E] = k(!1), [f, L] = k(!1), [M, v] = k(!1), x = V(null), T = V(null), n = N(() => O(r), [r]);
+  const U = b !== void 0 ? b : t, [a, p] = w(U), [l, E] = w(!1), [h, L] = w(!1), [M, g] = w(!1), x = V(null), T = V(null), r = N(() => $(o), [o]);
   R(() => {
-    h(d !== void 0 ? d : t);
-  }, [d, t]);
-  const g = m(
+    p(b !== void 0 ? b : t);
+  }, [b, t]);
+  const v = m(
     (e) => {
       if (!x.current) return t;
-      const o = x.current.getBoundingClientRect(), l = Math.max(
+      const n = x.current.getBoundingClientRect(), i = Math.max(
         0,
-        Math.min(1, (e - o.left) / o.width)
-      ), C = t + l * (s - t), H = Math.round(C / c) * c;
-      return Math.max(t, Math.min(s, H));
+        Math.min(1, (e - n.left) / n.width)
+      ), H = t + i * (s - t), O = Math.round(H / c) * c;
+      return Math.max(t, Math.min(s, O));
     },
     [t, s, c]
-  ), W = m(
+  ), I = m(
     (e) => {
-      if (r) return;
-      e.preventDefault(), E(!0), v(!0);
-      const o = g(e.clientX);
-      h(o);
-      const l = new Event("change", { bubbles: !0 });
-      u(l, o);
+      if (o) return;
+      e.preventDefault(), E(!0), g(!0);
+      const n = v(e.clientX);
+      p(n);
+      const i = new Event("change", { bubbles: !0 });
+      u(i, n);
     },
-    [r, g, u]
-  ), w = m(
+    [o, v, u]
+  ), y = m(
     (e) => {
-      if (!i || r) return;
-      const o = g(e.clientX);
-      h(o);
-      const l = new Event("change", { bubbles: !0 });
-      u(l, o);
+      if (!l || o) return;
+      const n = v(e.clientX);
+      p(n);
+      const i = new Event("change", { bubbles: !0 });
+      u(i, n);
     },
-    [i, r, g, u]
-  ), y = m(() => {
-    E(!1), v(!1);
-  }, []), I = m(
+    [l, o, v, u]
+  ), k = m(() => {
+    E(!1), g(!1);
+  }, []), A = m(
     (e) => {
-      if (r) return;
-      let o = a;
+      if (o) return;
+      let n = a;
       switch (e.key) {
         case "ArrowLeft":
         case "ArrowDown":
-          o = Math.max(t, a - c);
+          n = Math.max(t, a - c);
           break;
         case "ArrowRight":
         case "ArrowUp":
-          o = Math.min(s, a + c);
+          n = Math.min(s, a + c);
           break;
         case "Home":
-          o = t;
+          n = t;
           break;
         case "End":
-          o = s;
+          n = s;
           break;
         default:
           return;
       }
-      e.preventDefault(), h(o);
-      const l = new Event("change", { bubbles: !0 });
-      u(l, o);
+      e.preventDefault(), p(n);
+      const i = new Event("change", { bubbles: !0 });
+      u(i, n);
     },
-    [r, a, t, s, c, u]
+    [o, a, t, s, c, u]
   );
   R(() => {
-    if (i)
-      return document.addEventListener("mousemove", w), document.addEventListener("mouseup", y), () => {
-        document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", y);
+    if (l)
+      return document.addEventListener("mousemove", y), document.addEventListener("mouseup", k), () => {
+        document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", k);
       };
-  }, [i, w, y]);
-  const S = (a - t) / (s - t) * 100, D = isNaN(S) ? 0 : Math.max(0, Math.min(100, S)), A = N(() => {
-    const e = { ...n.thumb };
-    return r ? { ...e, ...n.thumbDisabled } : (i ? (e.boxShadow = "0px 0px 0px 8px rgba(115, 29, 207, 0.5)", e.cursor = "grabbing") : f && (e.boxShadow = "0px 0px 0px 8px rgba(115, 29, 207, 0.08)"), e.left = `${D}%`, e);
+  }, [l, y, k]);
+  const S = (a - t) / (s - t) * 100, D = isNaN(S) ? 0 : Math.max(0, Math.min(100, S)), B = N(() => {
+    const e = { ...r.thumb };
+    return o ? { ...e, ...r.thumbDisabled } : (l ? (e.boxShadow = "0px 0px 0px 8px rgba(115, 29, 207, 0.5)", e.cursor = "grabbing") : h && (e.boxShadow = "0px 0px 0px 8px rgba(115, 29, 207, 0.08)"), e.left = `${D}%`, e);
   }, [
-    n.thumb,
-    n.thumbDisabled,
-    r,
-    i,
-    f,
+    r.thumb,
+    r.thumbDisabled,
+    o,
+    l,
+    h,
     D
-  ]), B = N(() => {
-    const e = { ...n.valueLabel };
-    return M || f ? { ...e, ...n.valueLabelVisible } : e;
-  }, [n.valueLabel, n.valueLabelVisible, M, f]);
-  return /* @__PURE__ */ b(
+  ]), C = N(() => {
+    const e = { ...r.valueLabel };
+    return M || h ? { ...e, ...r.valueLabelVisible } : e;
+  }, [r.valueLabel, r.valueLabelVisible, M, h]);
+  return /* @__PURE__ */ d(
     "div",
     {
       ref: x,
-      style: n.container,
-      onMouseDown: W,
+      style: r.container,
+      onMouseDown: I,
       role: "slider",
       "aria-label": "bik slider",
       "aria-valuemin": t,
       "aria-valuemax": s,
       "aria-valuenow": a,
-      tabIndex: r ? -1 : 0,
-      onKeyDown: I,
+      tabIndex: o ? -1 : 0,
+      onKeyDown: A,
       children: [
-        /* @__PURE__ */ b("div", { style: n.track }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",
+        /* @__PURE__ */ d("div", { style: r.track }, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
           lineNumber: 292,
           columnNumber: 4
         }, void 0),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ d(
           "div",
           {
             style: {
-              ...i ? n.filledTrackDragging : n.filledTrack,
+              ...l ? r.filledTrackDragging : r.filledTrack,
               width: `${D}%`
             }
           },
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
             lineNumber: 293,
             columnNumber: 4
           },
           void 0
         ),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ d(
           "div",
           {
             ref: T,
-            style: A,
-            onMouseEnter: () => !r && L(!0),
-            onMouseLeave: () => !r && L(!1),
-            onFocus: () => !r && v(!0),
-            onBlur: () => !r && v(!1),
-            children: /* @__PURE__ */ b("div", { style: B, children: /* @__PURE__ */ b("span", { style: n.valueLabelText, children: a }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",
+            style: B,
+            onMouseEnter: () => !o && L(!0),
+            onMouseLeave: () => !o && L(!1),
+            onFocus: () => !o && g(!0),
+            onBlur: () => !o && g(!1),
+            children: /* @__PURE__ */ d("div", { style: C, children: /* @__PURE__ */ d("span", { style: r.valueLabelText, children: a }, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
               lineNumber: 308,
               columnNumber: 6
             }, void 0) }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
               lineNumber: 307,
               columnNumber: 5
             }, void 0)
@@ -230,7 +230,7 @@ const O = (t) => ({
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
             lineNumber: 299,
             columnNumber: 4
           },
@@ -241,7 +241,7 @@ const O = (t) => ({
     void 0,
     !0,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/slider/slider.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/slider/slider.tsx",
       lineNumber: 280,
       columnNumber: 3
     },
@@ -249,6 +249,6 @@ const O = (t) => ({
   );
 };
 export {
-  F as BikSlider
+  K as BikSlider
 };
 //# sourceMappingURL=slider.js.map

package/dist/esm/components/spinner/Spinner.js

@@ -2,8 +2,8 @@ import { jsxDEV as e } from "react/jsx-dev-runtime";
 import a from "styled-components";
 import { COLORS as o } from "../../constants/Theme.js";
 import { BorderMap as s, SizeMap as n } from "./themes.js";
-const m = ({ size: r, color: i, className: t }) => /* @__PURE__ */ e("div", { className: `spinner-container ${t}`, children: /* @__PURE__ */ e(
-  p,
+const d = ({ size: r, color: i, className: t }) => /* @__PURE__ */ e("div", { className: `spinner-container ${t}`, children: /* @__PURE__ */ e(
+  m,
   {
     width: `${n[r]}px`,
     height: `${n[r]}px`,
@@ -13,18 +13,18 @@ const m = ({ size: r, color: i, className: t }) => /* @__PURE__ */ e("div", { cl
   void 0,
   !1,
   {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/spinner/Spinner.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/spinner/Spinner.tsx",
     lineNumber: 10,
     columnNumber: 4
   },
   void 0
 ) }, void 0, !1, {
-  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/spinner/Spinner.tsx",
+  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/spinner/Spinner.tsx",
   lineNumber: 9,
   columnNumber: 3
 }, void 0);
-m.displayName = "Spinner";
-const p = a.div`
+d.displayName = "Spinner";
+const m = a.div`
 	width: ${(r) => r.width};
 	height: ${(r) => r.height};
 	border: ${(r) => r.size ? s[r.size] : 5}px solid
@@ -44,7 +44,7 @@ const p = a.div`
 	}
 `;
 export {
-  p as PureSpinner,
-  m as Spinner
+  m as PureSpinner,
+  d as Spinner
 };
 //# sourceMappingURL=Spinner.js.map

package/dist/esm/components/star-rating/Star.js

@@ -1,44 +1,44 @@
 import { jsxDEV as o } from "react/jsx-dev-runtime";
-import v, { useState as h, useEffect as m } from "react";
+import p, { useState as g, useEffect as f } from "react";
 import { COLORS as a } from "../../constants/Theme.js";
-import k from "../../assets/icons/starEmpty.svg.js";
-import d from "../../assets/icons/starFilled.svg.js";
-import g from "../../assets/icons/starFilledV2.svg.js";
-const E = (r) => r === "v1" ? d : g, I = ({
-  size: r,
-  filled: f,
-  emptyColor: b,
+import v from "../../assets/icons/starEmpty.svg.js";
+import E from "../../assets/icons/starFilled.svg.js";
+import S from "../../assets/icons/starFilledV2.svg.js";
+const h = (e) => e === "v1" ? E : S, I = ({
+  size: e,
+  filled: m,
+  emptyColor: d,
   filledColor: s,
   onClick: n,
   asHovered: i,
-  onHover: p,
+  onHover: b,
   mode: t,
   version: c = "v1"
 }) => {
-  const [u, e] = h(!1);
-  m(() => {
-    p?.(u);
-  }, [u]), m(() => {
-    i || e(!1);
+  const [u, r] = g(!1);
+  f(() => {
+    b?.(u);
+  }, [u]), f(() => {
+    i || r(!1);
   }, [i]);
-  const l = v.useMemo(() => E(c), [c]);
+  const l = p.useMemo(() => h(c), [c]);
   return i ? /* @__PURE__ */ o(
     l,
     {
       onClick: () => {
         n?.("select");
       },
-      onMouseEnter: () => e(!0),
-      onMouseLeave: () => e(!1),
+      onMouseEnter: () => r(!0),
+      onMouseLeave: () => r(!1),
       style: { cursor: "pointer" },
-      width: r,
-      height: r,
+      width: e,
+      height: e,
       color: s ?? a.background.warning.vibrant
     },
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/star-rating/Star.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/star-rating/Star.tsx",
       lineNumber: 52,
       columnNumber: 4
     },
@@ -46,62 +46,62 @@ const E = (r) => r === "v1" ? d : g, I = ({
   ) : u ? /* @__PURE__ */ o(
     l,
     {
-      onMouseLeave: () => e(!1),
-      onMouseEnter: () => e(!0),
+      onMouseLeave: () => r(!1),
+      onMouseEnter: () => r(!0),
       style: { cursor: "pointer" },
       onClick: () => {
         n?.("select");
       },
-      width: r,
-      height: r,
+      width: e,
+      height: e,
       color: s ?? a.background.warning.vibrant
     },
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/star-rating/Star.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/star-rating/Star.tsx",
       lineNumber: 68,
       columnNumber: 4
     },
     void 0
-  ) : f ? /* @__PURE__ */ o(
+  ) : m ? /* @__PURE__ */ o(
     l,
     {
-      onMouseEnter: () => t !== "VIEW" && e(!0),
-      onMouseLeave: () => t !== "VIEW" && e(!1),
+      onMouseEnter: () => t !== "VIEW" && r(!0),
+      onMouseLeave: () => t !== "VIEW" && r(!1),
       style: { cursor: t !== "VIEW" ? "pointer" : "default" },
       onClick: () => {
         t !== "VIEW" && n?.("de-select");
       },
-      width: r,
-      height: r,
+      width: e,
+      height: e,
       color: s ?? a.background.warning.vibrant
     },
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/star-rating/Star.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/star-rating/Star.tsx",
       lineNumber: 84,
       columnNumber: 4
     },
     void 0
   ) : /* @__PURE__ */ o(
-    k,
+    v,
     {
-      onMouseEnter: () => t !== "VIEW" && e(!0),
-      onMouseLeave: () => t !== "VIEW" && e(!1),
+      onMouseEnter: () => t !== "VIEW" && r(!0),
+      onMouseLeave: () => t !== "VIEW" && r(!1),
       style: { cursor: t !== "VIEW" ? "pointer" : "default" },
       onClick: () => {
         t !== "VIEW" && n?.("select");
       },
-      width: r,
-      height: r,
-      color: b ?? a.surface.standard
+      width: e,
+      height: e,
+      color: d ?? a.surface.standard
     },
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/star-rating/Star.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/star-rating/Star.tsx",
       lineNumber: 99,
       columnNumber: 3
     },