geoiq-frontend-ui-kit 2.0.5 → 2.0.6

package/dist/index100.es.js

@@ -1,26 +1,45 @@
-const t = {
-  ROADMAP: "https://frontend-static-files.geoiq.io/strapi/Default_efc09fdd1c.png",
-  ROADMAP_TRAFFIC: "https://frontend-static-files.geoiq.io/strapi/ic_traffic_705be1ba8d.png",
-  SATELLITE: "https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png",
-  SATELLITE_TRAFFIC: "https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png"
-}, e = [
-  { key: "ROADMAP", label: "Roadmap", type: "roadmap", traffic: !1 },
-  {
-    key: "ROADMAP_TRAFFIC",
-    label: "Roadmap Traffic",
-    type: "roadmap",
-    traffic: !0
-  },
-  { key: "SATELLITE", label: "Satellite", type: "hybrid", traffic: !1 },
-  {
-    key: "SATELLITE_TRAFFIC",
-    label: "Satellite Traffic",
-    type: "hybrid",
-    traffic: !0
-  }
-];
+import e, { forwardRef as l, useContext as o, createContext as s } from "react";
+import { StepItemStatus as n } from "./index33.es.js";
+import { Typography as i } from "./index19.es.js";
+import { cn as p } from "./index91.es.js";
+import { StepItemVariants as u } from "./index141.es.js";
+const m = s(null), h = l(
+  ({ children: a, steps: t, id: r }, c) => /* @__PURE__ */ e.createElement(m.Provider, { value: t }, /* @__PURE__ */ e.createElement("div", { className: "w-[100%]", ref: c, id: r }, a))
+), w = () => {
+  const a = o(m);
+  return /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center w-[100%]" }, a?.map((t, r) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    E,
+    {
+      key: r,
+      value: t,
+      variant: t?.status ?? n.PENDING
+    }
+  ), r !== a.length - 1 && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: ` w-5 grow border-b-2 ${t?.status == n.COMPLETED ? "border-primary-2" : "border-neutral-2"}`
+    }
+  ))));
+}, E = ({ value: a, ...t }) => {
+  const { variant: r } = t;
+  return /* @__PURE__ */ e.createElement("div", { className: p(u({ variant: r })) }, r !== n.COMPLETED ? /* @__PURE__ */ e.createElement(
+    i,
+    {
+      variant: "body4",
+      style: { textAlign: "center", height: "max-content" }
+    },
+    a?.label
+  ) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      src: "https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg",
+      alt: "check-mark-icon"
+    }
+  ))));
+};
 export {
-  t as MAP_LAYER_CONFIG,
-  e as MAP_LAYER_TYPES
+  w as StepGroup,
+  m as StepperContext,
+  h as StepperProvider
 };
 //# sourceMappingURL=index100.es.js.map

package/dist/index100.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index100.es.js","sources":["../src/components/ui/map-toolbar/map-layer-config.ts"],"sourcesContent":["export const MAP_LAYER_CONFIG = {\n  ROADMAP:\n    'https://frontend-static-files.geoiq.io/strapi/Default_efc09fdd1c.png',\n  ROADMAP_TRAFFIC:\n    'https://frontend-static-files.geoiq.io/strapi/ic_traffic_705be1ba8d.png',\n  SATELLITE:\n    'https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png',\n  SATELLITE_TRAFFIC:\n    'https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png',\n}\nexport const MAP_LAYER_TYPES = [\n  { key: 'ROADMAP', label: 'Roadmap', type: 'roadmap', traffic: false },\n  {\n    key: 'ROADMAP_TRAFFIC',\n    label: 'Roadmap Traffic',\n    type: 'roadmap',\n    traffic: true,\n  },\n  { key: 'SATELLITE', label: 'Satellite', type: 'hybrid', traffic: false },\n  {\n    key: 'SATELLITE_TRAFFIC',\n    label: 'Satellite Traffic',\n    type: 'hybrid',\n    traffic: true,\n  },\n]\n"],"names":["MAP_LAYER_CONFIG","MAP_LAYER_TYPES"],"mappings":"AAAO,MAAMA,IAAmB;AAAA,EAC9B,SACE;AAAA,EACF,iBACE;AAAA,EACF,WACE;AAAA,EACF,mBACE;AACJ,GACaC,IAAkB;AAAA,EAC7B,EAAE,KAAK,WAAW,OAAO,WAAW,MAAM,WAAW,SAAS,GAAA;AAAA,EAC9D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,EAAE,KAAK,aAAa,OAAO,aAAa,MAAM,UAAU,SAAS,GAAA;AAAA,EACjE;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"index100.es.js","sources":["../src/components/molecules/stepper/stepper-components.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\nimport { StepItemStatus, StepperItemProps, StepperValue } from './stepper.type'\nimport { Typography } from '../../atoms/typography'\nimport { cn } from '@/lib/utils'\nimport { StepItemVariants } from './stepper.styles'\n\ninterface StepperProviderProps extends PropsWithChildren {\n  steps: StepperValue[] // Add a steps prop to pass the steps array\n  id?: string\n}\n\nconst StepperContext = createContext<StepperValue[] | null>(null) // Context will hold an array of strings\n\nconst StepperProvider = forwardRef<HTMLDivElement, StepperProviderProps>(\n  ({ children, steps, id }, ref) => {\n    return (\n      <StepperContext.Provider value={steps}>\n        <div className={'w-[100%]'} ref={ref} id={id}>\n          {children}\n        </div>\n      </StepperContext.Provider>\n    )\n  }\n)\n\nconst StepGroup = () => {\n  const steps = useContext(StepperContext) // Accessing the steps array from context\n\n  return (\n    <div className=\"flex justify-between items-center w-[100%]\">\n      {steps?.map((step, index) => (\n        <>\n          <StepItem\n            key={index}\n            value={step}\n            variant={step?.status ?? StepItemStatus.PENDING}\n          />\n          {index !== steps.length - 1 && (\n            <div\n              className={` w-5 grow border-b-2 ${step?.status == StepItemStatus.COMPLETED ? 'border-primary-2' : 'border-neutral-2'}`}\n            />\n          )}\n        </>\n      ))}\n    </div>\n  )\n}\n\n// individual step item and styles\nconst StepItem = ({ value, ...props }: StepperItemProps) => {\n  const { variant } = props\n  return (\n    <div className={cn(StepItemVariants({ variant }))}>\n      {variant !== StepItemStatus.COMPLETED ? (\n        <Typography\n          variant={'body4'}\n          style={{ textAlign: 'center', height: 'max-content' }}\n        >\n          {value?.label}\n        </Typography>\n      ) : (\n        <>\n          <div>\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg\"\n              alt=\"check-mark-icon\"\n            />\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport { StepperProvider, StepperContext, StepGroup }\n"],"names":["StepperContext","createContext","StepperProvider","forwardRef","children","steps","id","ref","React","StepGroup","useContext","step","index","StepItem","StepItemStatus","value","props","variant","cn","StepItemVariants","Typography"],"mappings":";;;;;AAgBA,MAAMA,IAAiBC,EAAqC,IAAI,GAE1DC,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,IAAAC,EAAA,GAAMC,MAEtBC,gBAAAA,EAAA,cAACR,EAAe,UAAf,EAAwB,OAAOK,KAC9BG,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAW,YAAY,KAAAD,GAAU,IAAAD,EAAA,GACnCF,CACH,CACF;AAGN,GAEMK,IAAY,MAAM;AACtB,QAAMJ,IAAQK,EAAWV,CAAc;AAEvC,SACEQ,gBAAAA,EAAA,cAAC,SAAI,WAAU,6CAAA,GACZH,GAAO,IAAI,CAACM,GAAMC,MACjBJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,OAAOD;AAAA,MACP,SAASA,GAAM,UAAUG,EAAe;AAAA,IAAA;AAAA,EAAA,GAEzCF,MAAUP,EAAM,SAAS,KACxBG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wBAAwBG,GAAM,UAAUG,EAAe,YAAY,qBAAqB,kBAAkB;AAAA,IAAA;AAAA,EAAA,CAG3H,CACD,CACH;AAEJ,GAGMD,IAAW,CAAC,EAAE,OAAAE,GAAO,GAAGC,QAA8B;AAC1D,QAAM,EAAE,SAAAC,MAAYD;AACpB,SACER,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAWU,EAAGC,EAAiB,EAAE,SAAAF,EAAA,CAAS,CAAC,EAAA,GAC7CA,MAAYH,EAAe,YAC1BN,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO,EAAE,WAAW,UAAU,QAAQ,cAAA;AAAA,IAAc;AAAA,IAEnDL,GAAO;AAAA,EAAA,IAGVP,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAAC,OAAA,MACCA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,IAAA;AAAA,EAAA,CAER,CACF,CAEJ;AAEJ;"}

package/dist/index101.es.js

@@ -1,77 +1,48 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
-    text-light-2 px-3 py-2
-    file:border-0 file:bg-transparent
-    placeholder:font-normal placeholder:text-light-4`,
+import { cva as t } from "class-variance-authority";
+const r = t(
+  "relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ",
   {
     variants: {
-      isError: {
-        true: "",
-        false: ""
-      },
-      isFocused: {
-        true: "",
-        false: ""
+      variant: {
+        info: " text-text4 dark:border-danger [&>svg]:text-danger bg-info-1",
+        success: "text-text4  dark:border-danger [&>svg]:text-danger bg-success-1",
+        warning: "text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ",
+        error: " text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1",
+        default: "text-text4  bg-background text-foreground"
       },
-      disabled: {
-        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
+      shortContent: {
+        true: "items-center flex flex-row gap-3",
         false: ""
       }
     },
     defaultVariants: {
-      isError: !1
-    },
-    compoundVariants: [
-      {
-        isError: !0,
-        isFocused: !0,
-        className: "border-danger-2 ring-4 ring-danger-1"
-      },
-      {
-        isError: !1,
-        isFocused: !0,
-        className: "border-primary-2 ring-4 ring-primary-1"
-      },
-      {
-        isError: !0,
-        isFocused: !1,
-        className: "border-danger-2"
-      },
-      {
-        isError: !1,
-        isFocused: !1,
-        className: "border-light-2"
-      }
-    ]
+      variant: "info"
+    }
   }
-), a = e(
-  "outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4",
-  {
-    variants: {
-      isError: {
-        true: "text-danger-1",
-        false: "text-light-2"
-      }
+), a = t("", {
+  variants: {
+    shortContent: {
+      true: "justify-between w-full items-center flex flex-row gap-3",
+      false: "flex flex-col gap-2  justify-start items-start"
     }
+  },
+  defaultVariants: {
+    shortContent: !1
   }
-), s = e(
-  "absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none ",
-  {
-    variants: {
-      animate: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      animate: !1
+}), n = t(" max-w-[fit-content] ", {
+  variants: {
+    shortContent: {
+      true: "bg-rest-s1",
+      false: "bg-rest-s1"
     }
+  },
+  defaultVariants: {
+    shortContent: !1
   }
-);
+});
 export {
-  t as AnimatedInputContainerVariants,
-  a as AnimatedInputStyles,
-  s as DynamicComponentStyles
+  n as AlertButtonVariants,
+  a as AlertContentVariants,
+  r as AlertVariants
 };
 //# sourceMappingURL=index101.es.js.map

package/dist/index101.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index101.es.js","sources":["../src/components/ui/animated-input/animated-input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AnimatedInputContainerVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n\nexport const AnimatedInputStyles = cva(\n  `outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: 'text-danger-1',\n        false: 'text-light-2',\n      },\n    },\n  }\n)\n\nexport const DynamicComponentStyles = cva(\n  `absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none `,\n  {\n    variants: {\n      animate: {\n        true: '',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      animate: false,\n    },\n  }\n)\n"],"names":["AnimatedInputContainerVariants","cva","AnimatedInputStyles","DynamicComponentStyles"],"mappings":";AAEO,MAAMA,IAAiCC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEaC,IAAsBD;AAAA,EACjC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,GAEaE,IAAyBF;AAAA,EACpC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"index101.es.js","sources":["../src/components/molecules/alert/alert.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AlertVariants = cva(\n  'relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ',\n  {\n    variants: {\n      variant: {\n        info: ' text-text4 dark:border-danger [&>svg]:text-danger bg-info-1',\n        success:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-success-1',\n        warning:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ',\n        error:\n          ' text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1',\n        default: 'text-text4  bg-background text-foreground',\n      },\n      shortContent: {\n        true: 'items-center flex flex-row gap-3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }\n)\n\nexport const AlertContentVariants = cva('', {\n  variants: {\n    shortContent: {\n      true: 'justify-between w-full items-center flex flex-row gap-3',\n      false: 'flex flex-col gap-2  justify-start items-start',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n\nexport const AlertButtonVariants = cva(' max-w-[fit-content] ', {\n  variants: {\n    shortContent: {\n      true: 'bg-rest-s1',\n      false: 'bg-rest-s1',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n"],"names":["AlertVariants","cva","AlertContentVariants","AlertButtonVariants"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,MAEX,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,cAAc;AAAA,EAAA;AAElB,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,cAAc;AAAA,EAAA;AAElB,CAAC;"}

package/dist/index102.es.js

@@ -1,14 +1,26 @@
-import { cva as e } from "class-variance-authority";
-const a = e(
-  "relative flex w-60  touch-none select-none items-center",
+const t = {
+  ROADMAP: "https://frontend-static-files.geoiq.io/strapi/Default_efc09fdd1c.png",
+  ROADMAP_TRAFFIC: "https://frontend-static-files.geoiq.io/strapi/ic_traffic_705be1ba8d.png",
+  SATELLITE: "https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png",
+  SATELLITE_TRAFFIC: "https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png"
+}, e = [
+  { key: "ROADMAP", label: "Roadmap", type: "roadmap", traffic: !1 },
   {
-    variants: {
-      variant: {}
-    },
-    defaultVariants: {}
+    key: "ROADMAP_TRAFFIC",
+    label: "Roadmap Traffic",
+    type: "roadmap",
+    traffic: !0
+  },
+  { key: "SATELLITE", label: "Satellite", type: "hybrid", traffic: !1 },
+  {
+    key: "SATELLITE_TRAFFIC",
+    label: "Satellite Traffic",
+    type: "hybrid",
+    traffic: !0
   }
-);
+];
 export {
-  a as SliderVariants
+  t as MAP_LAYER_CONFIG,
+  e as MAP_LAYER_TYPES
 };
 //# sourceMappingURL=index102.es.js.map

package/dist/index102.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index102.es.js","sources":["../src/components/molecules/slider/slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderVariants = cva(\n  'relative flex w-60  touch-none select-none items-center',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["SliderVariants","cva"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAA;AAAA,IAAC;AAAA,IAEZ,iBAAiB,CAAA;AAAA,EAAC;AAEtB;"}
+{"version":3,"file":"index102.es.js","sources":["../src/components/ui/map-toolbar/map-layer-config.ts"],"sourcesContent":["export const MAP_LAYER_CONFIG = {\n  ROADMAP:\n    'https://frontend-static-files.geoiq.io/strapi/Default_efc09fdd1c.png',\n  ROADMAP_TRAFFIC:\n    'https://frontend-static-files.geoiq.io/strapi/ic_traffic_705be1ba8d.png',\n  SATELLITE:\n    'https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png',\n  SATELLITE_TRAFFIC:\n    'https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png',\n}\nexport const MAP_LAYER_TYPES = [\n  { key: 'ROADMAP', label: 'Roadmap', type: 'roadmap', traffic: false },\n  {\n    key: 'ROADMAP_TRAFFIC',\n    label: 'Roadmap Traffic',\n    type: 'roadmap',\n    traffic: true,\n  },\n  { key: 'SATELLITE', label: 'Satellite', type: 'hybrid', traffic: false },\n  {\n    key: 'SATELLITE_TRAFFIC',\n    label: 'Satellite Traffic',\n    type: 'hybrid',\n    traffic: true,\n  },\n]\n"],"names":["MAP_LAYER_CONFIG","MAP_LAYER_TYPES"],"mappings":"AAAO,MAAMA,IAAmB;AAAA,EAC9B,SACE;AAAA,EACF,iBACE;AAAA,EACF,WACE;AAAA,EACF,mBACE;AACJ,GACaC,IAAkB;AAAA,EAC7B,EAAE,KAAK,WAAW,OAAO,WAAW,MAAM,WAAW,SAAS,GAAA;AAAA,EAC9D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,EAAE,KAAK,aAAa,OAAO,aAAa,MAAM,UAAU,SAAS,GAAA;AAAA,EACjE;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb;"}

package/dist/index103.es.js

@@ -1,25 +1,91 @@
-const p = {
-  display1: "p",
-  display2: "p",
-  display3: "p",
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  body1: "p",
-  body2: "p",
-  body3: "p",
-  body4: "p",
-  body5: "p",
-  body6: "p"
-  // overline1: 'p',
-  // overline2: 'p',
-  // overline3: 'p',
-  // 'cta-large': 'p',
-  // 'cta-normal': 'p',
-  // 'cta-small': 'p',
-}, y = "body1";
+import * as e from "react";
+import { Slot as o } from "@radix-ui/react-slot";
+import { ChevronRight as l, MoreHorizontal as c } from "lucide-react";
+import { cn as m } from "./index91.es.js";
+const i = e.forwardRef(({ ...r }, a) => /* @__PURE__ */ e.createElement("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
+i.displayName = "Breadcrumb";
+const d = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
+  "ol",
+  {
+    ref: t,
+    className: m(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      r
+    ),
+    ...a
+  }
+));
+d.displayName = "BreadcrumbList";
+const p = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
+  "li",
+  {
+    ref: t,
+    className: m("inline-flex items-center gap-1.5", r),
+    ...a
+  }
+));
+p.displayName = "BreadcrumbItem";
+const u = e.forwardRef(({ asChild: r, className: a, ...t }, s) => {
+  const n = r ? o : "a";
+  return /* @__PURE__ */ e.createElement(
+    n,
+    {
+      ref: s,
+      className: m("transition-colors hover:text-foreground", a),
+      ...t
+    }
+  );
+});
+u.displayName = "BreadcrumbLink";
+const f = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
+  "span",
+  {
+    ref: t,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: m("font-normal text-foreground", r),
+    ...a
+  }
+));
+f.displayName = "BreadcrumbPage";
+const b = ({
+  children: r,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ e.createElement(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: m("[&>svg]:size-3.5", a),
+    ...t
+  },
+  r ?? /* @__PURE__ */ e.createElement(l, null)
+);
+b.displayName = "BreadcrumbSeparator";
+const N = ({
+  className: r,
+  ...a
+}) => /* @__PURE__ */ e.createElement(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: m("flex h-9 w-9 items-center justify-center", r),
+    ...a
+  },
+  /* @__PURE__ */ e.createElement(c, { className: "h-4 w-4" }),
+  /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "More")
+);
+N.displayName = "BreadcrumbElipssis";
 export {
-  y as defaultTypographyVariant,
-  p as variantElementMap
+  i as Breadcrumb,
+  N as BreadcrumbEllipsis,
+  p as BreadcrumbItem,
+  u as BreadcrumbLink,
+  d as BreadcrumbList,
+  f as BreadcrumbPage,
+  b as BreadcrumbSeparator
 };
 //# sourceMappingURL=index103.es.js.map

package/dist/index103.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index103.es.js","sources":["../src/components/atoms/typography/typography.config.ts"],"sourcesContent":["export const variantElementMap = {\n  display1: 'p',\n  display2: 'p',\n  display3: 'p',\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  body1: 'p',\n  body2: 'p',\n  body3: 'p',\n  body4: 'p',\n  body5: 'p',\n  body6: 'p',\n  // overline1: 'p',\n  // overline2: 'p',\n  // overline3: 'p',\n  // 'cta-large': 'p',\n  // 'cta-normal': 'p',\n  // 'cta-small': 'p',\n}\n\nexport const defaultTypographyVariant = 'body1'\n"],"names":["variantElementMap","defaultTypographyVariant"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT,GAEaC,IAA2B;"}
+{"version":3,"file":"index103.es.js","sources":["../src/components/molecules/breadcrumb/breadcrumb-components.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'nav'> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = 'Breadcrumb'\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = 'BreadcrumbList'\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn('inline-flex items-center gap-1.5', className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<'a'> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn('transition-colors hover:text-foreground', className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn('font-normal text-foreground', className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'li'>) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('[&>svg]:size-3.5', className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis'\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAF,EAAA,cAAC,SAAI,KAAAE,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMI,IAAiBH,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGH;AAAA,EAAA;AACN,CACD;AACDE,EAAe,cAAc;AAE7B,MAAMG,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGH;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;AAE7B,MAAMC,IAAiBP,EAAM,WAK3B,CAAC,EAAE,SAAAQ,GAAS,WAAAJ,GAAW,GAAGH,EAAA,GAASC,MAAQ;AAC3C,QAAMO,IAAOD,IAAUE,IAAO;AAE9B,SACE,gBAAAV,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAWG,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDM,EAAe,cAAc;AAE7B,MAAMI,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGH;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,oBAAoBD,CAAS;AAAA,IAC1C,GAAGH;AAAA,EAAA;AAAA,EAEHY,qCAAaC,GAAA,IAAa;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGH;AAAA,EAAA;AAAA,EAEJ,gBAAAD,EAAA,cAACgB,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,EACpC,gBAAAhB,EAAA,cAAC,QAAA,EAAK,WAAU,UAAA,GAAU,MAAI;AAChC;AAEFe,EAAmB,cAAc;"}

package/dist/index104.es.js

@@ -1,12 +1,20 @@
-import e from "react";
-import { FormSection as m } from "./index141.es.js";
-import { Typography as o } from "./index19.es.js";
-import { useFormStructure as c } from "./index142.es.js";
-const f = () => {
-  const { currentStep: t, totalSteps: l, currentStepIndex: a } = c();
-  return /* @__PURE__ */ e.createElement("section", { className: "flex flex-col gap-4 flex-1 overflow-scroll pb-16  [&::-webkit-scrollbar]:hidden [-ms-overflow-style:'none'] [scrollbar-width:'none']" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement(o, { variant: "h2" }, t.name), /* @__PURE__ */ e.createElement(o, { variant: "h3", className: "text-light-3" }, "Step ", a + 1, " of ", l)), /* @__PURE__ */ e.createElement("div", { className: "border-b border-light-1" }), t.sections.map((r) => /* @__PURE__ */ e.createElement(m, { key: r.id, section: r })));
-};
+import { cva as t } from "class-variance-authority";
+const r = t(
+  "rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ",
+  {
+    variants: {
+      type: {
+        icon: "p-1",
+        text: "px-2 py-1"
+      },
+      isSelected: {
+        true: "text-light-2 stroke-light-1 bg-light-3",
+        false: "text-light-3 stroke-light-2"
+      }
+    }
+  }
+);
 export {
-  f as FormStep
+  r as CrumbVariants
 };
 //# sourceMappingURL=index104.es.js.map

package/dist/index104.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index104.es.js","sources":["../src/components/ui/form-renderer/components/form-step.tsx"],"sourcesContent":["// components/FormStep.tsx\nimport React from 'react'\nimport { FormSection } from './form-section'\nimport { useFormStructure } from '../context/form-structure'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const FormStep: React.FC = () => {\n  const { currentStep, totalSteps, currentStepIndex } = useFormStructure()\n\n  return (\n    <section className=\"flex flex-col gap-4 flex-1 overflow-scroll pb-16  [&::-webkit-scrollbar]:hidden [-ms-overflow-style:'none'] [scrollbar-width:'none']\">\n      <div className=\"flex flex-col gap-1\">\n        <Typography variant=\"h2\">{currentStep.name}</Typography>\n        <Typography variant=\"h3\" className=\"text-light-3\">\n          Step {currentStepIndex + 1} of {totalSteps}\n        </Typography>\n      </div>\n      <div className=\"border-b border-light-1\" />\n      {currentStep.sections.map((section) => (\n        <FormSection key={section.id} section={section} />\n      ))}\n    </section>\n  )\n}\n"],"names":["FormStep","currentStep","totalSteps","currentStepIndex","useFormStructure","React","Typography","section","FormSection"],"mappings":";;;;AAMO,MAAMA,IAAqB,MAAM;AACtC,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,kBAAAC,EAAA,IAAqBC,EAAA;AAEtD,SACEC,gBAAAA,EAAA,cAAC,aAAQ,WAAU,uIAAA,mCAChB,OAAA,EAAI,WAAU,yBACbA,gBAAAA,EAAA,cAACC,GAAA,EAAW,SAAQ,KAAA,GAAML,EAAY,IAAK,GAC3CI,gBAAAA,EAAA,cAACC,KAAW,SAAQ,MAAK,WAAU,eAAA,GAAe,SAC1CH,IAAmB,GAAE,QAAKD,CAClC,CACF,mCACC,OAAA,EAAI,WAAU,2BAA0B,GACxCD,EAAY,SAAS,IAAI,CAACM,MACzBF,gBAAAA,EAAA,cAACG,GAAA,EAAY,KAAKD,EAAQ,IAAI,SAAAA,EAAA,CAAkB,CACjD,CACH;AAEJ;"}
+{"version":3,"file":"index104.es.js","sources":["../src/components/molecules/breadcrumb/breadcrumb.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const CrumbVariants = cva(\n  'rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ',\n  {\n    variants: {\n      type: {\n        icon: 'p-1',\n        text: 'px-2 py-1',\n      },\n      isSelected: {\n        true: 'text-light-2 stroke-light-1 bg-light-3',\n        false: 'text-light-3 stroke-light-2',\n      },\n    },\n  }\n)\n"],"names":["CrumbVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,MAER,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ;"}

package/dist/index105.es.js

@@ -1,71 +1,17 @@
-import e, { useState as N } from "react";
-import { Button as n } from "./index9.es.js";
-import { useFormStructure as k } from "./index142.es.js";
-import { useFormValues as C } from "./index143.es.js";
-const V = ({
-  onGoToNextStep: i,
-  onGoToPreviousStep: o,
-  isSubmitting: f,
-  testMode: s = !1
-}) => {
-  const {
-    goToNextStep: l,
-    goToPreviousStep: S,
-    isFirstStep: r,
-    isLastStep: a,
-    currentStep: g,
-    currentStepIndex: c,
-    totalSteps: m
-  } = k(), { submitForm: v, validateStep: x, values: u } = C(), { isStepValid: p } = x(g), [y, d] = N(!1), b = async () => {
-    if (!i) {
-      l();
-      return;
+import { cva as s } from "class-variance-authority";
+const o = s("", {
+  variants: {
+    bgColor: {
+      success: "bg-success-2",
+      danger: "bg-danger-2",
+      stroke: "bg-light-4"
     }
-    const F = {
-      currentStepIndex: c,
-      totalSteps: m,
-      isFirstStep: r,
-      isLastStep: a,
-      values: u
-    };
-    try {
-      d(!0);
-      const t = i(F);
-      t && typeof t.then == "function" && await t, l();
-    } catch {
-    } finally {
-      d(!1);
-    }
-  }, h = () => {
-    o && o({
-      currentStepIndex: c,
-      totalSteps: m,
-      isFirstStep: r,
-      isLastStep: a,
-      values: u
-    }), S();
-  };
-  return /* @__PURE__ */ e.createElement("div", { className: "w-full flex h-[5rem] items-center justify-center gap-3 border-t border-neutral-1 bg-light-2 px-3" }, /* @__PURE__ */ e.createElement(n, { variant: "secondary", onClick: h }, r ? "Cancel" : "Back"), a ? /* @__PURE__ */ e.createElement(
-    n,
-    {
-      variant: "primary",
-      onClick: v,
-      disabled: !(p || s),
-      loading: f
-    },
-    "Submit"
-  ) : /* @__PURE__ */ e.createElement(
-    n,
-    {
-      variant: "primary",
-      onClick: b,
-      disabled: !(p || s),
-      loading: y
-    },
-    "Save & Next"
-  ));
-};
+  },
+  defaultVariants: {
+    bgColor: "success"
+  }
+});
 export {
-  V as FormNavigation
+  o as SliderBgColorVariants
 };
 //# sourceMappingURL=index105.es.js.map

package/dist/index105.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index105.es.js","sources":["../src/components/ui/form-renderer/components/form-navigation.tsx"],"sourcesContent":["// components/FormNavigation.tsx\nimport React, { useState } from 'react'\nimport { useFormValues } from '../context/form-values'\nimport { useFormStructure } from '../context/form-structure'\nimport { Button } from '@/components/atoms/button'\nimport { OnNavigate } from '../form.types'\n\ninterface FormNavigationProps {\n  onGoToNextStep?: OnNavigate\n  onGoToPreviousStep?: OnNavigate\n  isSubmitting: boolean\n  testMode?: boolean\n}\n\nexport const FormNavigation: React.FC<FormNavigationProps> = ({\n  onGoToNextStep,\n  onGoToPreviousStep,\n  isSubmitting,\n  testMode = false,\n}) => {\n  const {\n    goToNextStep,\n    goToPreviousStep,\n    isFirstStep,\n    isLastStep,\n    currentStep,\n    currentStepIndex,\n    totalSteps,\n  } = useFormStructure()\n\n  const { submitForm, validateStep, values } = useFormValues()\n\n  const { isStepValid } = validateStep(currentStep)\n  // const isStepValid = true\n\n  const [nextLoading, setNextLoading] = useState<boolean>(false)\n\n  const handleNextStep = async () => {\n    if (!onGoToNextStep) {\n      goToNextStep()\n      return\n    }\n\n    const nextStepData = {\n      currentStepIndex,\n      totalSteps,\n      isFirstStep,\n      isLastStep,\n      values,\n    }\n\n    try {\n      setNextLoading(true)\n      const result = onGoToNextStep(nextStepData)\n\n      // Await if it's a Promise, otherwise just continue\n      if (result && typeof result.then === 'function') {\n        await result\n      }\n\n      // If successful, proceed to next step\n      goToNextStep()\n    } catch (error) {\n      // Don't proceed to next step if there's an error\n    } finally {\n      setNextLoading(false)\n    }\n  }\n\n  const handlePreviousStep = () => {\n    if (onGoToPreviousStep)\n      onGoToPreviousStep({\n        currentStepIndex,\n        totalSteps,\n        isFirstStep,\n        isLastStep,\n        values,\n      })\n    goToPreviousStep()\n  }\n\n  return (\n    <div className=\"w-full flex h-[5rem] items-center justify-center gap-3 border-t border-neutral-1 bg-light-2 px-3\">\n      <Button variant=\"secondary\" onClick={handlePreviousStep}>\n        {isFirstStep ? 'Cancel' : 'Back'}\n      </Button>\n\n      {isLastStep ? (\n        <Button\n          variant=\"primary\"\n          onClick={submitForm}\n          disabled={!(isStepValid || testMode)}\n          loading={isSubmitting}\n        >\n          Submit\n        </Button>\n      ) : (\n        <Button\n          variant=\"primary\"\n          onClick={handleNextStep}\n          disabled={!(isStepValid || testMode)}\n          loading={nextLoading}\n        >\n          Save & Next\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["FormNavigation","onGoToNextStep","onGoToPreviousStep","isSubmitting","testMode","goToNextStep","goToPreviousStep","isFirstStep","isLastStep","currentStep","currentStepIndex","totalSteps","useFormStructure","submitForm","validateStep","values","useFormValues","isStepValid","nextLoading","setNextLoading","useState","handleNextStep","nextStepData","result","handlePreviousStep","React","Button"],"mappings":";;;;AAcO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAM;AACJ,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAA,GAEE,EAAE,YAAAC,GAAY,cAAAC,GAAc,QAAAC,EAAA,IAAWC,EAAA,GAEvC,EAAE,aAAAC,EAAA,IAAgBH,EAAaL,CAAW,GAG1C,CAACS,GAAaC,CAAc,IAAIC,EAAkB,EAAK,GAEvDC,IAAiB,YAAY;AACjC,QAAI,CAACpB,GAAgB;AACnB,MAAAI,EAAA;AACA;AAAA,IACF;AAEA,UAAMiB,IAAe;AAAA,MACnB,kBAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,QAAAO;AAAA,IAAA;AAGF,QAAI;AACF,MAAAI,EAAe,EAAI;AACnB,YAAMI,IAAStB,EAAeqB,CAAY;AAG1C,MAAIC,KAAU,OAAOA,EAAO,QAAS,cACnC,MAAMA,GAIRlB,EAAA;AAAA,IACF,QAAgB;AAAA,IAEhB,UAAA;AACE,MAAAc,EAAe,EAAK;AAAA,IACtB;AAAA,EACF,GAEMK,IAAqB,MAAM;AAC/B,IAAItB,KACFA,EAAmB;AAAA,MACjB,kBAAAQ;AAAA,MACA,YAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,QAAAO;AAAA,IAAA,CACD,GACHT,EAAA;AAAA,EACF;AAEA,SACEmB,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,sIACZC,GAAA,EAAO,SAAQ,aAAY,SAASF,EAAA,GAClCjB,IAAc,WAAW,MAC5B,GAECC,IACCiB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAASb;AAAA,MACT,UAAU,EAAEI,KAAeb;AAAA,MAC3B,SAASD;AAAA,IAAA;AAAA,IACV;AAAA,EAAA,IAIDsB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAASL;AAAA,MACT,UAAU,EAAEJ,KAAeb;AAAA,MAC3B,SAASc;AAAA,IAAA;AAAA,IACV;AAAA,EAAA,CAIL;AAEJ;"}
+{"version":3,"file":"index105.es.js","sources":["../src/components/molecules/polar-slider/polar-slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderBgColorVariants = cva('', {\n  variants: {\n    bgColor: {\n      success: 'bg-success-2',\n      danger: 'bg-danger-2',\n      stroke: 'bg-light-4',\n    },\n  },\n  defaultVariants: {\n    bgColor: 'success',\n  },\n})\n"],"names":["SliderBgColorVariants","cva"],"mappings":";AAEO,MAAMA,IAAwBC,EAAI,IAAI;AAAA,EAC3C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;"}