geoiq-frontend-ui-kit 1.2.1 → 1.2.2

package/dist/components/ui/animated-input/animated-input.d.ts

@@ -0,0 +1,5 @@
+import { AnimatedInputProps } from './animated-input.types';
+import * as React from 'react';
+declare const AnimatedInput: React.ForwardRefExoticComponent<AnimatedInputProps & React.RefAttributes<HTMLInputElement>>;
+export { AnimatedInput };
+//# sourceMappingURL=animated-input.d.ts.map

package/dist/components/ui/animated-input/animated-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-input.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/animated-input/animated-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAQ3D,OAAO,sBAAsB,CAAA;AAE7B,QAAA,MAAM,aAAa,6FAkJlB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/animated-input/animated-input.styles.d.ts

@@ -0,0 +1,12 @@
+export declare const AnimatedInputContainerVariants: (props?: ({
+    isError?: boolean | null | undefined;
+    isFocused?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export declare const AnimatedInputStyles: (props?: ({
+    isError?: boolean | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export declare const DynamicComponentStyles: (props?: ({
+    animate?: boolean | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=animated-input.styles.d.ts.map

package/dist/components/ui/animated-input/animated-input.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-input.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/animated-input/animated-input.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,8BAA8B;;;;mFA8C1C,CAAA;AAED,eAAO,MAAM,mBAAmB;;mFAU/B,CAAA;AAED,eAAO,MAAM,sBAAsB;;mFAalC,CAAA"}

package/dist/components/ui/animated-input/animated-input.types.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { AnimatedInputContainerVariants } from './animated-input.styles';
+
+export interface AnimatedInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'disabled'>, VariantProps<typeof AnimatedInputContainerVariants> {
+    message?: string;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    disabled?: boolean;
+    id?: string;
+    placeholder?: string;
+    placeholders?: string[];
+}
+//# sourceMappingURL=animated-input.types.d.ts.map

package/dist/components/ui/animated-input/animated-input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/animated-input/animated-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,8BAA8B,EAAE,MAAM,yBAAyB,CAAA;AAExE,MAAM,WAAW,kBACf,SAAQ,IAAI,CACR,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,QAAQ,GAAG,UAAU,CACtB,EACD,YAAY,CAAC,OAAO,8BAA8B,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CACxB"}

package/dist/components/ui/animated-input/index.d.ts

@@ -0,0 +1,2 @@
+export { AnimatedInput } from './animated-input';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/animated-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/animated-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/index.es10.js

@@ -1,7 +1,7 @@
 import * as r from "react";
 import * as a from "@radix-ui/react-progress";
 import { cn as i } from "./index.es68.js";
-import { ProgressVariants as n } from "./index.es78.js";
+import { ProgressVariants as n } from "./index.es80.js";
 const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
   const s = (o || 0) / (e.max || 100) * 100;
   return /* @__PURE__ */ r.createElement(

package/dist/index.es15.js

@@ -6,7 +6,7 @@ import "./index.es49.js";
 import "./index.es69.js";
 import "./index.es26.js";
 import "./index.es32.js";
-import { TextAreaVariants as m } from "./index.es77.js";
+import { TextAreaVariants as m } from "./index.es79.js";
 const g = e.forwardRef(
   ({ className: o, inputLabel: i, showTextCount: l, maximumTextCount: a, id: d, ...t }, f) => {
     const [r, s] = e.useState(!1), c = e.useRef(null);

package/dist/index.es18.js

@@ -1,7 +1,7 @@
 import * as o from "react";
 import { cn as n } from "./index.es68.js";
 import { TypographyVariants as y } from "./index.es61.js";
-import { defaultTypographyVariant as i, variantElementMap as c } from "./index.es85.js";
+import { defaultTypographyVariant as i, variantElementMap as c } from "./index.es78.js";
 const f = o.forwardRef(({ className: t, variant: r = i, id: e, ...a }, p) => {
   const m = c[r];
   return /* @__PURE__ */ o.createElement(

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import { cn as s } from "./index.es68.js";
-import { AlertVariants as d, AlertContentVariants as g, AlertButtonVariants as p } from "./index.es81.js";
+import { AlertVariants as d, AlertContentVariants as g, AlertButtonVariants as p } from "./index.es85.js";
 import { Button as u } from "./index.es7.js";
 import { Typography as h } from "./index.es18.js";
 const c = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(

package/dist/index.es20.js

@@ -1,5 +1,5 @@
 import { Breadcrumb as b, BreadcrumbList as h, BreadcrumbSeparator as o, BreadcrumbItem as s, BreadcrumbEllipsis as y, BreadcrumbLink as i } from "./index.es83.js";
-import { DropdownMenu as d, DropdownMenuTrigger as f, DropdownMenuContent as B, DropdownMenuItem as w } from "./index.es79.js";
+import { DropdownMenu as d, DropdownMenuTrigger as f, DropdownMenuContent as B, DropdownMenuItem as w } from "./index.es77.js";
 import e from "react";
 import { Typography as N } from "./index.es18.js";
 import { cn as D } from "./index.es68.js";

package/dist/index.es21.js

@@ -1,5 +1,5 @@
 import e from "react";
-import { DropdownMenu as i, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuLabel as h, DropdownMenuSeparator as d, DropdownMenuGroup as E, DropdownMenuSub as w, DropdownMenuSubTrigger as x, DropdownMenuPortal as N, DropdownMenuSubContent as D, DropdownMenuItem as s } from "./index.es79.js";
+import { DropdownMenu as i, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuLabel as h, DropdownMenuSeparator as d, DropdownMenuGroup as E, DropdownMenuSub as w, DropdownMenuSubTrigger as x, DropdownMenuPortal as N, DropdownMenuSubContent as D, DropdownMenuItem as s } from "./index.es77.js";
 function v({
   trigger: c,
   optionGroups: r,

package/dist/index.es24.js

@@ -1,7 +1,7 @@
 import { cn as s } from "./index.es68.js";
 import { useRanger as w } from "@tanstack/react-ranger";
 import e from "react";
-import { SliderBgColorVariants as a } from "./index.es82.js";
+import { SliderBgColorVariants as a } from "./index.es81.js";
 const x = ({ left: t = 0, width: o = 0, index: l = -1 }) => /* @__PURE__ */ e.createElement(
   "div",
   {

package/dist/index.es25.js

@@ -4,7 +4,7 @@ import { ChevronUp as N, ChevronDown as v, Check as y } from "lucide-react";
 import { Command as w, CommandInput as k, CommandEmpty as S, CommandGroup as O, CommandList as P, CommandItem as R } from "./index.es49.js";
 import { Popover as j, PopoverTrigger as B, PopoverContent as I } from "./index.es69.js";
 import { Button as T } from "./index.es7.js";
-import { ComboBoxStates as V } from "./index.es80.js";
+import { ComboBoxStates as V } from "./index.es82.js";
 import { Typography as d } from "./index.es18.js";
 import { cn as m } from "./index.es68.js";
 function A({

package/dist/index.es29.js

@@ -1,4 +1,4 @@
-import { StepperProvider as p, StepGroup as m } from "./index.es88.js";
+import { StepperProvider as p, StepGroup as m } from "./index.es87.js";
 import * as e from "react";
 const a = ({ value: t, id: r }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(p, { steps: t, id: r }, /* @__PURE__ */ e.createElement(m, null)));
 a.displayName = "Stepper";

package/dist/index.es30.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import * as t from "@radix-ui/react-tabs";
 import { cn as n } from "./index.es68.js";
-import { TabsVariants as T, TabTriggerVariants as u } from "./index.es87.js";
+import { TabsVariants as T, TabTriggerVariants as u } from "./index.es88.js";
 const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
   t.List,
   {

package/dist/index.es61.js

@@ -1,5 +1,5 @@
 import { cva as t } from "class-variance-authority";
-import { defaultTypographyVariant as e } from "./index.es85.js";
+import { defaultTypographyVariant as e } from "./index.es78.js";
 const a = t("", {
   variants: {
     variant: {

package/dist/index.es77.js

@@ -1,25 +1,128 @@
-import { cva as r } from "class-variance-authority";
-const t = r(
-  ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg 
-    text-light-1 px-3 py-2
-    file:border-0 file:bg-transparent
-    placeholder:font-normal placeholder:text-light-4`,
-  {
-    variants: {
-      isFocused: {
-        true: "border-primary-2 ring-4 ring-primary-1",
-        false: "border-light-2"
-      },
-      disabled: {
-        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: {},
-    compoundVariants: []
+import * as e from "react";
+import * as t from "@radix-ui/react-dropdown-menu";
+import { ChevronRight as l, Check as i, Circle as m } from "lucide-react";
+import { cn as d } from "./index.es68.js";
+const h = e.forwardRef(({ id: o, ...a }) => (
+  // <div id={id}>
+  /* @__PURE__ */ e.createElement(t.Root, { ...a })
+)), E = t.Trigger, R = t.Group, D = t.Portal, M = t.Sub, c = e.forwardRef(({ className: o, inset: a, children: n, ...r }, s) => /* @__PURE__ */ e.createElement(
+  t.SubTrigger,
+  {
+    ref: s,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      a && "pl-8",
+      o
+    ),
+    ...r
+  },
+  n,
+  /* @__PURE__ */ e.createElement(l, { className: "w-4 h-4 ml-auto" })
+));
+c.displayName = t.SubTrigger.displayName;
+const p = e.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ e.createElement(
+  t.SubContent,
+  {
+    ref: n,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      o
+    ),
+    ...a
+  }
+));
+p.displayName = t.SubContent.displayName;
+const u = e.forwardRef(({ className: o, sideOffset: a = 4, ...n }, r) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
+  t.Content,
+  {
+    ref: r,
+    sideOffset: a,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      o
+    ),
+    ...n
+  }
+)));
+u.displayName = t.Content.displayName;
+const f = e.forwardRef(({ className: o, inset: a, ...n }, r) => /* @__PURE__ */ e.createElement(
+  t.Item,
+  {
+    ref: r,
+    className: d(
+      "relative flex select-none items-center rounded-md outline-none transition-colors focus:bg-accent focus:text-accent-foreground  data-[disabled]:opacity-50  cursor-pointer data-[disabled]:cursor-not-allowed",
+      a && "pl-8",
+      o
+    ),
+    ...n
+  }
+));
+f.displayName = t.Item.displayName;
+const b = e.forwardRef(({ className: o, children: a, checked: n, ...r }, s) => /* @__PURE__ */ e.createElement(
+  t.CheckboxItem,
+  {
+    ref: s,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      o
+    ),
+    checked: n,
+    disabled: !0,
+    ...r
+  },
+  /* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(i, { className: "w-4 h-4" }))),
+  a
+));
+b.displayName = t.CheckboxItem.displayName;
+const w = e.forwardRef(({ className: o, children: a, ...n }, r) => /* @__PURE__ */ e.createElement(
+  t.RadioItem,
+  {
+    ref: r,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      o
+    ),
+    ...n
+  },
+  /* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(m, { className: "w-2 h-2 fill-current" }))),
+  a
+));
+w.displayName = t.RadioItem.displayName;
+const g = e.forwardRef(({ className: o, inset: a, ...n }, r) => /* @__PURE__ */ e.createElement(
+  t.Label,
+  {
+    ref: r,
+    className: d(
+      "px-2 py-1.5 text-sm font-semibold",
+      a && "pl-8",
+      o
+    ),
+    ...n
+  }
+));
+g.displayName = t.Label.displayName;
+const N = e.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ e.createElement(
+  t.Separator,
+  {
+    ref: n,
+    className: d("-mx-1 my-1 h-px bg-muted", o),
+    ...a
   }
-);
+));
+N.displayName = t.Separator.displayName;
 export {
-  t as TextAreaVariants
+  h as DropdownMenu,
+  b as DropdownMenuCheckboxItem,
+  u as DropdownMenuContent,
+  R as DropdownMenuGroup,
+  f as DropdownMenuItem,
+  g as DropdownMenuLabel,
+  D as DropdownMenuPortal,
+  w as DropdownMenuRadioItem,
+  N as DropdownMenuSeparator,
+  M as DropdownMenuSub,
+  p as DropdownMenuSubContent,
+  c as DropdownMenuSubTrigger,
+  E as DropdownMenuTrigger
 };
 //# sourceMappingURL=index.es77.js.map

package/dist/index.es77.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es77.js","sources":["../src/components/atoms/textarea/textarea.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TextAreaVariants = cva(\n  ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n    text-light-1 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isFocused: {\n        true: 'border-primary-2 ring-4 ring-primary-1',\n        false: 'border-light-2',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {},\n    compoundVariants: [],\n  }\n)\n"],"names":["TextAreaVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,kBAAkB,CAAC;AAAA,EACrB;AACF;"}
+{"version":3,"file":"index.es77.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst DropdownMenu = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> & {\n    id?: string\n  }\n>(({ id, ...props }) => (\n  // <div id={id}>\n  <DropdownMenuPrimitive.Root {...props} />\n  // {/* </div> */}\n))\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"w-4 h-4 ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => {\n  return (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      className={cn(\n        'relative flex select-none items-center rounded-md outline-none transition-colors focus:bg-accent focus:text-accent-foreground  data-[disabled]:opacity-50  cursor-pointer data-[disabled]:cursor-not-allowed',\n        inset && 'pl-8',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    checked={checked}\n    disabled\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"w-4 h-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"w-2 h-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      'px-2 py-1.5 text-sm font-semibold',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-muted', className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"],"names":["DropdownMenu","React","id","props","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuSubTrigger","className","inset","children","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":";;;;AAQA,MAAMA,IAAeC,EAAM,WAKzB,CAAC,EAAE,IAAAC,GAAI,GAAGC,EAAM;AAAA;AAAA,EAEf,gBAAAF,EAAA,cAAAG,EAAsB,MAAtB,EAA4B,GAAGD,EAAO,CAAA;AAAA,CAExC,GAEKE,IAAsBD,EAAsB,SAE5CE,IAAoBF,EAAsB,OAE1CG,IAAqBH,EAAsB,QAE3CI,IAAkBJ,EAAsB,KAIxCK,IAAyBR,EAAM,WAKnC,CAAC,EAAE,WAAAS,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGT,EAAM,GAAGU,MAC3C,gBAAAZ,EAAA;AAAA,EAACG,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH,KAAS;AAAA,MACTD;AAAA,IACF;AAAA,IACC,GAAGP;AAAA,EAAA;AAAA,EAEHS;AAAA,EACD,gBAAAX,EAAA,cAACc,GAAa,EAAA,WAAU,kBAAkB,CAAA;AAC5C,CACD;AACDN,EAAuB,cACrBL,EAAsB,WAAW;AAE7B,MAAAY,IAAyBf,EAAM,WAGnC,CAAC,EAAE,WAAAS,GAAW,GAAGP,EAAM,GAAGU,MAC1B,gBAAAZ,EAAA;AAAA,EAACG,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGP;AAAA,EAAA;AACN,CACD;AACDa,EAAuB,cACrBZ,EAAsB,WAAW;AAEnC,MAAMa,IAAsBhB,EAAM,WAGhC,CAAC,EAAE,WAAAS,GAAW,YAAAQ,IAAa,GAAG,GAAGf,EAAS,GAAAU,MACzC,gBAAAZ,EAAA,cAAAG,EAAsB,QAAtB,MACC,gBAAAH,EAAA;AAAA,EAACG,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAS;AAAA,IACA,YAAAK;AAAA,IACA,WAAWJ;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGP;AAAA,EAAA;AACN,CACF,CACD;AACDc,EAAoB,cAAcb,EAAsB,QAAQ;AAE1D,MAAAe,IAAmBlB,EAAM,WAK7B,CAAC,EAAE,WAAAS,GAAW,OAAAC,GAAO,GAAGR,EAAM,GAAGU,MAE/B,gBAAAZ,EAAA;AAAA,EAACG,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH,KAAS;AAAA,MACTD;AAAA,IACF;AAAA,IACC,GAAGP;AAAA,EAAA;AAAA,CAGT;AACDgB,EAAiB,cAAcf,EAAsB,KAAK;AAEpD,MAAAgB,IAA2BnB,EAAM,WAGrC,CAAC,EAAE,WAAAS,GAAW,UAAAE,GAAU,SAAAS,GAAS,GAAGlB,EAAM,GAAGU,MAC7C,gBAAAZ,EAAA;AAAA,EAACG,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACA,SAAAW;AAAA,IACA,UAAQ;AAAA,IACP,GAAGlB;AAAA,EAAA;AAAA,EAEH,gBAAAF,EAAA,cAAA,QAAA,EAAK,WAAU,+DAAA,GACb,gBAAAA,EAAA,cAAAG,EAAsB,eAAtB,MACE,gBAAAH,EAAA,cAAAqB,GAAA,EAAM,WAAU,UAAU,CAAA,CAC7B,CACF;AAAA,EACCV;AACH,CACD;AACDQ,EAAyB,cACvBhB,EAAsB,aAAa;AAE/B,MAAAmB,IAAwBtB,EAAM,WAGlC,CAAC,EAAE,WAAAS,GAAW,UAAAE,GAAU,GAAGT,EAAM,GAAGU,MACpC,gBAAAZ,EAAA;AAAA,EAACG,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGP;AAAA,EAAA;AAAA,EAEH,gBAAAF,EAAA,cAAA,QAAA,EAAK,WAAU,+DAAA,GACb,gBAAAA,EAAA,cAAAG,EAAsB,eAAtB,MACE,gBAAAH,EAAA,cAAAuB,GAAA,EAAO,WAAU,uBAAuB,CAAA,CAC3C,CACF;AAAA,EACCZ;AACH,CACD;AACDW,EAAsB,cAAcnB,EAAsB,UAAU;AAE9D,MAAAqB,IAAoBxB,EAAM,WAK9B,CAAC,EAAE,WAAAS,GAAW,OAAAC,GAAO,GAAGR,EAAM,GAAGU,MACjC,gBAAAZ,EAAA;AAAA,EAACG,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH,KAAS;AAAA,MACTD;AAAA,IACF;AAAA,IACC,GAAGP;AAAA,EAAA;AACN,CACD;AACDsB,EAAkB,cAAcrB,EAAsB,MAAM;AAEtD,MAAAsB,IAAwBzB,EAAM,WAGlC,CAAC,EAAE,WAAAS,GAAW,GAAGP,EAAM,GAAGU,MAC1B,gBAAAZ,EAAA;AAAA,EAACG,EAAsB;AAAA,EAAtB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWC,EAAG,4BAA4BJ,CAAS;AAAA,IAClD,GAAGP;AAAA,EAAA;AACN,CACD;AACDuB,EAAsB,cAActB,EAAsB,UAAU;"}

package/dist/index.es78.js

@@ -1,14 +1,25 @@
-import { cva as r } from "class-variance-authority";
-const i = r(
-  "relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ",
-  {
-    variants: {
-      variant: {}
-    },
-    defaultVariants: {}
-  }
-);
+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";
 export {
-  i as ProgressVariants
+  y as defaultTypographyVariant,
+  p as variantElementMap
 };
 //# sourceMappingURL=index.es78.js.map

package/dist/index.es78.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es78.js","sources":["../src/components/atoms/progress/progress.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ProgressVariants = cva(\n  'relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["ProgressVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,iBAAiB,CAAC;AAAA,EACpB;AACF;"}
+{"version":3,"file":"index.es78.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;"}

package/dist/index.es79.js

@@ -1,128 +1,25 @@
-import * as e from "react";
-import * as t from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as l, Check as i, Circle as m } from "lucide-react";
-import { cn as d } from "./index.es68.js";
-const h = e.forwardRef(({ id: o, ...a }) => (
-  // <div id={id}>
-  /* @__PURE__ */ e.createElement(t.Root, { ...a })
-)), E = t.Trigger, R = t.Group, D = t.Portal, M = t.Sub, c = e.forwardRef(({ className: o, inset: a, children: n, ...r }, s) => /* @__PURE__ */ e.createElement(
-  t.SubTrigger,
-  {
-    ref: s,
-    className: d(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      a && "pl-8",
-      o
-    ),
-    ...r
-  },
-  n,
-  /* @__PURE__ */ e.createElement(l, { className: "w-4 h-4 ml-auto" })
-));
-c.displayName = t.SubTrigger.displayName;
-const p = e.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ e.createElement(
-  t.SubContent,
-  {
-    ref: n,
-    className: d(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      o
-    ),
-    ...a
-  }
-));
-p.displayName = t.SubContent.displayName;
-const u = e.forwardRef(({ className: o, sideOffset: a = 4, ...n }, r) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
-  t.Content,
-  {
-    ref: r,
-    sideOffset: a,
-    className: d(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      o
-    ),
-    ...n
-  }
-)));
-u.displayName = t.Content.displayName;
-const f = e.forwardRef(({ className: o, inset: a, ...n }, r) => /* @__PURE__ */ e.createElement(
-  t.Item,
-  {
-    ref: r,
-    className: d(
-      "relative flex select-none items-center rounded-md outline-none transition-colors focus:bg-accent focus:text-accent-foreground  data-[disabled]:opacity-50  cursor-pointer data-[disabled]:cursor-not-allowed",
-      a && "pl-8",
-      o
-    ),
-    ...n
-  }
-));
-f.displayName = t.Item.displayName;
-const b = e.forwardRef(({ className: o, children: a, checked: n, ...r }, s) => /* @__PURE__ */ e.createElement(
-  t.CheckboxItem,
-  {
-    ref: s,
-    className: d(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      o
-    ),
-    checked: n,
-    disabled: !0,
-    ...r
-  },
-  /* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(i, { className: "w-4 h-4" }))),
-  a
-));
-b.displayName = t.CheckboxItem.displayName;
-const w = e.forwardRef(({ className: o, children: a, ...n }, r) => /* @__PURE__ */ e.createElement(
-  t.RadioItem,
-  {
-    ref: r,
-    className: d(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      o
-    ),
-    ...n
-  },
-  /* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(m, { className: "w-2 h-2 fill-current" }))),
-  a
-));
-w.displayName = t.RadioItem.displayName;
-const g = e.forwardRef(({ className: o, inset: a, ...n }, r) => /* @__PURE__ */ e.createElement(
-  t.Label,
-  {
-    ref: r,
-    className: d(
-      "px-2 py-1.5 text-sm font-semibold",
-      a && "pl-8",
-      o
-    ),
-    ...n
-  }
-));
-g.displayName = t.Label.displayName;
-const N = e.forwardRef(({ className: o, ...a }, n) => /* @__PURE__ */ e.createElement(
-  t.Separator,
-  {
-    ref: n,
-    className: d("-mx-1 my-1 h-px bg-muted", o),
-    ...a
+import { cva as r } from "class-variance-authority";
+const t = r(
+  ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg 
+    text-light-1 px-3 py-2
+    file:border-0 file:bg-transparent
+    placeholder:font-normal placeholder:text-light-4`,
+  {
+    variants: {
+      isFocused: {
+        true: "border-primary-2 ring-4 ring-primary-1",
+        false: "border-light-2"
+      },
+      disabled: {
+        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
   }
-));
-N.displayName = t.Separator.displayName;
+);
 export {
-  h as DropdownMenu,
-  b as DropdownMenuCheckboxItem,
-  u as DropdownMenuContent,
-  R as DropdownMenuGroup,
-  f as DropdownMenuItem,
-  g as DropdownMenuLabel,
-  D as DropdownMenuPortal,
-  w as DropdownMenuRadioItem,
-  N as DropdownMenuSeparator,
-  M as DropdownMenuSub,
-  p as DropdownMenuSubContent,
-  c as DropdownMenuSubTrigger,
-  E as DropdownMenuTrigger
+  t as TextAreaVariants
 };
 //# sourceMappingURL=index.es79.js.map

package/dist/index.es79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es79.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst DropdownMenu = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> & {\n    id?: string\n  }\n>(({ id, ...props }) => (\n  // <div id={id}>\n  <DropdownMenuPrimitive.Root {...props} />\n  // {/* </div> */}\n))\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"w-4 h-4 ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => {\n  return (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      className={cn(\n        'relative flex select-none items-center rounded-md outline-none transition-colors focus:bg-accent focus:text-accent-foreground  data-[disabled]:opacity-50  cursor-pointer data-[disabled]:cursor-not-allowed',\n        inset && 'pl-8',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    checked={checked}\n    disabled\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"w-4 h-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"w-2 h-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      'px-2 py-1.5 text-sm font-semibold',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-muted', className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"],"names":["DropdownMenu","React","id","props","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuSubTrigger","className","inset","children","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":"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"}
+{"version":3,"file":"index.es79.js","sources":["../src/components/atoms/textarea/textarea.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TextAreaVariants = cva(\n  ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n    text-light-1 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isFocused: {\n        true: 'border-primary-2 ring-4 ring-primary-1',\n        false: 'border-light-2',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {},\n    compoundVariants: [],\n  }\n)\n"],"names":["TextAreaVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,kBAAkB,CAAC;AAAA,EACrB;AACF;"}

package/dist/index.es80.js

@@ -1,28 +1,14 @@
-import { cva as t } from "class-variance-authority";
-const e = t("w-full", {
-  variants: {
-    isOpen: {
-      true: "ring-4 ring-primary-1 border-primary-2 text-light-1"
+import { cva as r } from "class-variance-authority";
+const i = r(
+  "relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ",
+  {
+    variants: {
+      variant: {}
     },
-    isValue: {
-      true: "text-light-1",
-      false: "text-light-4"
-    }
-  },
-  compoundVariants: [
-    // {
-    //   isOpen: true,
-    //   isValue: true,
-    //   className: 'border-primary-2',
-    // },
-    {
-      isOpen: !1,
-      isValue: !0,
-      className: "border-neutral-2"
-    }
-  ]
-});
+    defaultVariants: {}
+  }
+);
 export {
-  e as ComboBoxStates
+  i as ProgressVariants
 };
 //# sourceMappingURL=index.es80.js.map

package/dist/index.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es80.js","sources":["../src/components/molecules/single-combobox/single-combobox.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ComboBoxStates = cva('w-full', {\n  variants: {\n    isOpen: {\n      true: 'ring-4 ring-primary-1 border-primary-2 text-light-1',\n    },\n    isValue: {\n      true: 'text-light-1',\n      false: 'text-light-4',\n    },\n  },\n  compoundVariants: [\n    // {\n    //   isOpen: true,\n    //   isValue: true,\n    //   className: 'border-primary-2',\n    // },\n    {\n      isOpen: false,\n      isValue: true,\n      className: 'border-neutral-2',\n    },\n  ],\n})\n"],"names":["ComboBoxStates","cva"],"mappings":";AAEa,MAAAA,IAAiBC,EAAI,UAAU;AAAA,EAC1C,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMhB;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"index.es80.js","sources":["../src/components/atoms/progress/progress.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ProgressVariants = cva(\n  'relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["ProgressVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,iBAAiB,CAAC;AAAA,EACpB;AACF;"}

package/dist/index.es81.js

@@ -1,48 +1,17 @@
-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: {
-      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"
-      },
-      shortContent: {
-        true: "items-center flex flex-row gap-3",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "info"
-    }
-  }
-), 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
-  }
-}), n = t(" max-w-[fit-content] ", {
+import { cva as s } from "class-variance-authority";
+const o = s("", {
   variants: {
-    shortContent: {
-      true: "bg-rest-s1",
-      false: "bg-rest-s1"
+    bgColor: {
+      success: "bg-success-2",
+      danger: "bg-danger-2",
+      stroke: "bg-light-4"
     }
   },
   defaultVariants: {
-    shortContent: !1
+    bgColor: "success"
   }
 });
 export {
-  n as AlertButtonVariants,
-  a as AlertContentVariants,
-  r as AlertVariants
+  o as SliderBgColorVariants
 };
 //# sourceMappingURL=index.es81.js.map

package/dist/index.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es81.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,MACX;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC;"}
+{"version":3,"file":"index.es81.js","sources":["../src/components/molecules/range-slider/range-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":";AAEa,MAAAA,IAAwBC,EAAI,IAAI;AAAA,EAC3C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;"}

package/dist/index.es82.js

@@ -1,17 +1,28 @@
-import { cva as s } from "class-variance-authority";
-const o = s("", {
+import { cva as t } from "class-variance-authority";
+const e = t("w-full", {
   variants: {
-    bgColor: {
-      success: "bg-success-2",
-      danger: "bg-danger-2",
-      stroke: "bg-light-4"
+    isOpen: {
+      true: "ring-4 ring-primary-1 border-primary-2 text-light-1"
+    },
+    isValue: {
+      true: "text-light-1",
+      false: "text-light-4"
     }
   },
-  defaultVariants: {
-    bgColor: "success"
-  }
+  compoundVariants: [
+    // {
+    //   isOpen: true,
+    //   isValue: true,
+    //   className: 'border-primary-2',
+    // },
+    {
+      isOpen: !1,
+      isValue: !0,
+      className: "border-neutral-2"
+    }
+  ]
 });
 export {
-  o as SliderBgColorVariants
+  e as ComboBoxStates
 };
 //# sourceMappingURL=index.es82.js.map

package/dist/index.es82.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es82.js","sources":["../src/components/molecules/range-slider/range-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":";AAEa,MAAAA,IAAwBC,EAAI,IAAI;AAAA,EAC3C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;"}
+{"version":3,"file":"index.es82.js","sources":["../src/components/molecules/single-combobox/single-combobox.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ComboBoxStates = cva('w-full', {\n  variants: {\n    isOpen: {\n      true: 'ring-4 ring-primary-1 border-primary-2 text-light-1',\n    },\n    isValue: {\n      true: 'text-light-1',\n      false: 'text-light-4',\n    },\n  },\n  compoundVariants: [\n    // {\n    //   isOpen: true,\n    //   isValue: true,\n    //   className: 'border-primary-2',\n    // },\n    {\n      isOpen: false,\n      isValue: true,\n      className: 'border-neutral-2',\n    },\n  ],\n})\n"],"names":["ComboBoxStates","cva"],"mappings":";AAEa,MAAAA,IAAiBC,EAAI,UAAU;AAAA,EAC1C,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMhB;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;"}

package/dist/index.es85.js

@@ -1,25 +1,48 @@
-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 { 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: {
+      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"
+      },
+      shortContent: {
+        true: "items-center flex flex-row gap-3",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+), 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
+  }
+}), n = t(" max-w-[fit-content] ", {
+  variants: {
+    shortContent: {
+      true: "bg-rest-s1",
+      false: "bg-rest-s1"
+    }
+  },
+  defaultVariants: {
+    shortContent: !1
+  }
+});
 export {
-  y as defaultTypographyVariant,
-  p as variantElementMap
+  n as AlertButtonVariants,
+  a as AlertContentVariants,
+  r as AlertVariants
 };
 //# sourceMappingURL=index.es85.js.map

package/dist/index.es85.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es85.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":"index.es85.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,MACX;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC;"}

package/dist/index.es87.js

@@ -1,43 +1,45 @@
-import { cva as t } from "class-variance-authority";
-const e = t(
-  "inline-flex items-center justify-evenly p-1 text-muted-foreground",
-  {
-    variants: {
-      variant: {
-        primary: "bg-light-3 border rounded-xl  border-neutral-1",
-        secondary: "bg-background "
-      },
-      size: {
-        sm: "h-10 rounded-xl ",
-        md: "h-12 rounded-xl "
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
+import e, { createContext as l, forwardRef as o, useContext as s } from "react";
+import { StepItemStatus as n } from "./index.es28.js";
+import { Typography as i } from "./index.es18.js";
+import { cn as p } from "./index.es68.js";
+import { StepItemVariants as u } from "./index.es91.js";
+const m = l(null), h = o(
+  ({ 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 = s(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"}`
     }
-  }
-), i = t(
-  "inline-flex w-full items-center justify-center whitespace-nowrap text-sm text-light-2 font-medium  disabled:pointer-events-none disabled:opacity-50  ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ",
-  {
-    variants: {
-      size: {
-        sm: "h-8 text-[14px] p-1.5 ",
-        md: "h-10 text-[16px] p-2 "
-      },
-      variant: {
-        primary: "rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ",
-        secondary: "data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-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" }
     },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
+    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 {
-  i as TabTriggerVariants,
-  e as TabsVariants
+  w as StepGroup,
+  m as StepperContext,
+  h as StepperProvider
 };
 //# sourceMappingURL=index.es87.js.map

package/dist/index.es87.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es87.js","sources":["../src/components/molecules/tabs/tabs.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TabsVariants = cva(\n  'inline-flex items-center justify-evenly p-1 text-muted-foreground',\n  {\n    variants: {\n      variant: {\n        primary: 'bg-light-3 border rounded-xl  border-neutral-1',\n        secondary: 'bg-background ',\n      },\n      size: {\n        sm: 'h-10 rounded-xl ',\n        md: 'h-12 rounded-xl ',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  }\n)\n\nexport const TabTriggerVariants = cva(\n  'inline-flex w-full items-center justify-center whitespace-nowrap text-sm text-light-2 font-medium  disabled:pointer-events-none disabled:opacity-50  ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 text-[14px] p-1.5 ',\n        md: 'h-10 text-[16px] p-2 ',\n      },\n      variant: {\n        primary:\n          'rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ',\n        secondary:\n          'data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 ',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  }\n)\n"],"names":["TabsVariants","cva","TabTriggerVariants"],"mappings":";AAEO,MAAMA,IAAeC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEaC,IAAqBD;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;"}
+{"version":3,"file":"index.es87.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":";;;;;AAgBM,MAAAA,IAAiBC,EAAqC,IAAI,GAE1DC,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,IAAAC,EAAA,GAAMC,MAErBC,gBAAAA,EAAA,cAAAR,EAAe,UAAf,EAAwB,OAAOK,EAAA,GAC7BG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAW,YAAY,KAAAD,GAAU,IAAAD,EAAA,GACnCF,CACH,CACF;AAGN,GAEMK,IAAY,MAAM;AAChB,QAAAJ,IAAQK,EAAWV,CAAc;AAGrC,SAAAQ,gBAAAA,EAAA,cAAC,SAAI,WAAU,6CAAA,GACZH,GAAO,IAAI,CAACM,GAAMC,MAEfJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,OAAOD;AAAA,MACP,SAASA,GAAM,UAAUG,EAAe;AAAA,IAAA;AAAA,EAEzC,GAAAF,MAAUP,EAAM,SAAS,KACxBG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wBAAwBG,GAAM,UAAUG,EAAe,YAAY,qBAAqB,kBAAkB;AAAA,IAAA;AAAA,EAG3H,CAAA,CACD,CACH;AAEJ,GAGMD,IAAW,CAAC,EAAE,OAAAE,GAAO,GAAGC,QAA8B;AACpD,QAAA,EAAE,SAAAC,EAAY,IAAAD;AACpB,SACGR,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWU,EAAGC,EAAiB,EAAE,SAAAF,EAAS,CAAA,CAAC,EAAA,GAC7CA,MAAYH,EAAe,YAC1BN,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO,EAAE,WAAW,UAAU,QAAQ,cAAc;AAAA,IAAA;AAAA,IAEnDL,GAAO;AAAA,EACV,IAGEP,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAAC,OACC,MAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,IAAA;AAAA,EAER,CAAA,CACF,CAEJ;AAEJ;"}

package/dist/index.es88.js

@@ -1,45 +1,43 @@
-import e, { createContext as l, forwardRef as o, useContext as s } from "react";
-import { StepItemStatus as n } from "./index.es28.js";
-import { Typography as i } from "./index.es18.js";
-import { cn as p } from "./index.es68.js";
-import { StepItemVariants as u } from "./index.es91.js";
-const m = l(null), h = o(
-  ({ 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 = s(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"}`
+import { cva as t } from "class-variance-authority";
+const e = t(
+  "inline-flex items-center justify-evenly p-1 text-muted-foreground",
+  {
+    variants: {
+      variant: {
+        primary: "bg-light-3 border rounded-xl  border-neutral-1",
+        secondary: "bg-background "
+      },
+      size: {
+        sm: "h-10 rounded-xl ",
+        md: "h-12 rounded-xl "
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
     }
-  ))));
-}, 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" }
+  }
+), i = t(
+  "inline-flex w-full items-center justify-center whitespace-nowrap text-sm text-light-2 font-medium  disabled:pointer-events-none disabled:opacity-50  ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ",
+  {
+    variants: {
+      size: {
+        sm: "h-8 text-[14px] p-1.5 ",
+        md: "h-10 text-[16px] p-2 "
+      },
+      variant: {
+        primary: "rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ",
+        secondary: "data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 "
+      }
     },
-    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"
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
     }
-  ))));
-};
+  }
+);
 export {
-  w as StepGroup,
-  m as StepperContext,
-  h as StepperProvider
+  i as TabTriggerVariants,
+  e as TabsVariants
 };
 //# sourceMappingURL=index.es88.js.map

package/dist/index.es88.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es88.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":";;;;;AAgBM,MAAAA,IAAiBC,EAAqC,IAAI,GAE1DC,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,IAAAC,EAAA,GAAMC,MAErBC,gBAAAA,EAAA,cAAAR,EAAe,UAAf,EAAwB,OAAOK,EAAA,GAC7BG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAW,YAAY,KAAAD,GAAU,IAAAD,EAAA,GACnCF,CACH,CACF;AAGN,GAEMK,IAAY,MAAM;AAChB,QAAAJ,IAAQK,EAAWV,CAAc;AAGrC,SAAAQ,gBAAAA,EAAA,cAAC,SAAI,WAAU,6CAAA,GACZH,GAAO,IAAI,CAACM,GAAMC,MAEfJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,OAAOD;AAAA,MACP,SAASA,GAAM,UAAUG,EAAe;AAAA,IAAA;AAAA,EAEzC,GAAAF,MAAUP,EAAM,SAAS,KACxBG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wBAAwBG,GAAM,UAAUG,EAAe,YAAY,qBAAqB,kBAAkB;AAAA,IAAA;AAAA,EAG3H,CAAA,CACD,CACH;AAEJ,GAGMD,IAAW,CAAC,EAAE,OAAAE,GAAO,GAAGC,QAA8B;AACpD,QAAA,EAAE,SAAAC,EAAY,IAAAD;AACpB,SACGR,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWU,EAAGC,EAAiB,EAAE,SAAAF,EAAS,CAAA,CAAC,EAAA,GAC7CA,MAAYH,EAAe,YAC1BN,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO,EAAE,WAAW,UAAU,QAAQ,cAAc;AAAA,IAAA;AAAA,IAEnDL,GAAO;AAAA,EACV,IAGEP,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAAC,OACC,MAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,IAAA;AAAA,EAER,CAAA,CACF,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es88.js","sources":["../src/components/molecules/tabs/tabs.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TabsVariants = cva(\n  'inline-flex items-center justify-evenly p-1 text-muted-foreground',\n  {\n    variants: {\n      variant: {\n        primary: 'bg-light-3 border rounded-xl  border-neutral-1',\n        secondary: 'bg-background ',\n      },\n      size: {\n        sm: 'h-10 rounded-xl ',\n        md: 'h-12 rounded-xl ',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  }\n)\n\nexport const TabTriggerVariants = cva(\n  'inline-flex w-full items-center justify-center whitespace-nowrap text-sm text-light-2 font-medium  disabled:pointer-events-none disabled:opacity-50  ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 text-[14px] p-1.5 ',\n        md: 'h-10 text-[16px] p-2 ',\n      },\n      variant: {\n        primary:\n          'rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ',\n        secondary:\n          'data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 ',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  }\n)\n"],"names":["TabsVariants","cva","TabTriggerVariants"],"mappings":";AAEO,MAAMA,IAAeC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEaC,IAAqBD;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;"}

package/dist/index.es9.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import { cn as p } from "./index.es68.js";
-import { InputVariants as E } from "./index.es76.js";
-import { Typography as g } from "./index.es18.js";
+import { InputVariants as g } from "./index.es76.js";
+import { Typography as E } from "./index.es18.js";
 import { XCircle as N } from "lucide-react";
 const b = e.forwardRef(
   ({ className: i, type: m, isError: r, message: l, prefix: c, suffix: s, id: u, ...t }, d) => {
@@ -12,7 +12,7 @@ const b = e.forwardRef(
       "div",
       {
         className: p(
-          E({
+          g({
             isError: r,
             isFocused: a,
             disabled: t.disabled,
@@ -62,11 +62,11 @@ const b = e.forwardRef(
               });
             }
           },
-          /* @__PURE__ */ e.createElement(N, { size: 16, className: "stroke-[#B0B0B0]" })
+          /* @__PURE__ */ e.createElement(N, { size: 16, className: "stroke-light-2" })
         )
       )
     ), l && /* @__PURE__ */ e.createElement(
-      g,
+      E,
       {
         variant: "body2",
         className: `${r ? "text-danger-1" : "text-light-3"} mt-1.5`

package/dist/index.es9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es9.js","sources":["../src/components/atoms/input/input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { InputProps } from './input.types'\nimport { InputVariants } from './input.styles'\nimport { Typography } from '../typography'\nimport { XCircle } from 'lucide-react'\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    { className, type, isError, message, prefix, suffix, id, ...props },\n    ref\n  ) => {\n    const innerRef = React.useRef<HTMLInputElement>(null)\n    const inputRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n    const [isFocused, setIsFocused] = React.useState(false)\n\n    React.useEffect(() => {\n      if (isFocused) {\n        inputRef.current?.focus()\n      }\n    }, [isFocused])\n    return (\n      <>\n        <div\n          className={cn(\n            InputVariants({\n              isError,\n              isFocused,\n              disabled: props.disabled,\n              className,\n            })\n          )}\n          id={id}\n        >\n          {prefix && (\n            <div\n              onClick={() => {\n                setIsFocused(true)\n              }}\n            >\n              {prefix}\n            </div>\n          )}\n\n          <input\n            type={type}\n            className={`outline-0 w-full h-full disabled:bg-transparent disabled:cursor-not-allowed`}\n            onFocus={() => setIsFocused(true)}\n            onBlur={() => setIsFocused(false)}\n            ref={inputRef}\n            {...props}\n          ></input>\n\n          <div\n            className=\"flex items-center cursor-pointer\"\n            onClick={() => {\n              if (suffix) {\n                setIsFocused(true)\n                return\n              }\n            }}\n          >\n            {suffix ?? (\n              <div\n                className={!isFocused ? 'opacity-0' : ''}\n                onClick={() => {\n                  if (props.onChange)\n                    props.onChange({\n                      target: { value: '' },\n                    } as React.ChangeEvent<HTMLInputElement>)\n                }}\n              >\n                <XCircle size={16} className=\"stroke-[#B0B0B0]\" />\n              </div>\n            )}\n          </div>\n        </div>\n\n        {message && (\n          <Typography\n            variant={'body2'}\n            className={`${isError ? 'text-danger-1' : 'text-light-3'} mt-1.5`}\n          >\n            {message}\n          </Typography>\n        )}\n      </>\n    )\n  }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","className","type","isError","message","prefix","suffix","id","props","ref","innerRef","inputRef","isFocused","setIsFocused","cn","InputVariants","XCircle","Typography"],"mappings":";;;;;AAQA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CACE,EAAE,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,GAAQ,IAAAC,GAAI,GAAGC,EAAM,GAClEC,MACG;AACG,UAAAC,IAAWV,EAAM,OAAyB,IAAI,GAC9CW,IAAYF,KAA6CC,GACzD,CAACE,GAAWC,CAAY,IAAIb,EAAM,SAAS,EAAK;AAEtD,WAAAA,EAAM,UAAU,MAAM;AACpB,MAAIY,KACFD,EAAS,SAAS;IACpB,GACC,CAACC,CAAS,CAAC,GAGV,gBAAAZ,EAAA,cAAAA,EAAA,UAAA,MAAA,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWc;AAAA,UACTC,EAAc;AAAA,YACZ,SAAAZ;AAAA,YACA,WAAAS;AAAA,YACA,UAAUJ,EAAM;AAAA,YAChB,WAAAP;AAAA,UAAA,CACD;AAAA,QACH;AAAA,QACA,IAAAM;AAAA,MAAA;AAAA,MAECF,KACC,gBAAAL,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAAa,EAAa,EAAI;AAAA,UACnB;AAAA,QAAA;AAAA,QAECR;AAAA,MACH;AAAA,MAGF,gBAAAL,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAE;AAAA,UACA,WAAW;AAAA,UACX,SAAS,MAAMW,EAAa,EAAI;AAAA,UAChC,QAAQ,MAAMA,EAAa,EAAK;AAAA,UAChC,KAAKF;AAAA,UACJ,GAAGH;AAAA,QAAA;AAAA,MACL;AAAA,MAED,gBAAAR,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM;AACb,gBAAIM,GAAQ;AACV,cAAAO,EAAa,EAAI;AACjB;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA,QAECP,KACC,gBAAAN,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAYY,IAA0B,KAAd;AAAA,YACxB,SAAS,MAAM;AACb,cAAIJ,EAAM,YACRA,EAAM,SAAS;AAAA,gBACb,QAAQ,EAAE,OAAO,GAAG;AAAA,cAAA,CACkB;AAAA,YAC5C;AAAA,UAAA;AAAA,UAEC,gBAAAR,EAAA,cAAAgB,GAAA,EAAQ,MAAM,IAAI,WAAU,oBAAmB;AAAA,QAClD;AAAA,MAEJ;AAAA,IAAA,GAGDZ,KACC,gBAAAJ,EAAA;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,GAAGd,IAAU,kBAAkB,cAAc;AAAA,MAAA;AAAA,MAEvDC;AAAA,IAAA,CAGP;AAAA,EAEJ;AACF;AACAL,EAAM,cAAc;"}
+{"version":3,"file":"index.es9.js","sources":["../src/components/atoms/input/input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { InputProps } from './input.types'\nimport { InputVariants } from './input.styles'\nimport { Typography } from '../typography'\nimport { XCircle } from 'lucide-react'\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    { className, type, isError, message, prefix, suffix, id, ...props },\n    ref\n  ) => {\n    const innerRef = React.useRef<HTMLInputElement>(null)\n    const inputRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n    const [isFocused, setIsFocused] = React.useState(false)\n\n    React.useEffect(() => {\n      if (isFocused) {\n        inputRef.current?.focus()\n      }\n    }, [isFocused])\n    return (\n      <>\n        <div\n          className={cn(\n            InputVariants({\n              isError,\n              isFocused,\n              disabled: props.disabled,\n              className,\n            })\n          )}\n          id={id}\n        >\n          {prefix && (\n            <div\n              onClick={() => {\n                setIsFocused(true)\n              }}\n            >\n              {prefix}\n            </div>\n          )}\n\n          <input\n            type={type}\n            className={`outline-0 w-full h-full disabled:bg-transparent disabled:cursor-not-allowed`}\n            onFocus={() => setIsFocused(true)}\n            onBlur={() => setIsFocused(false)}\n            ref={inputRef}\n            {...props}\n          ></input>\n\n          <div\n            className=\"flex items-center cursor-pointer\"\n            onClick={() => {\n              if (suffix) {\n                setIsFocused(true)\n                return\n              }\n            }}\n          >\n            {suffix ?? (\n              <div\n                className={!isFocused ? 'opacity-0' : ''}\n                onClick={() => {\n                  if (props.onChange)\n                    props.onChange({\n                      target: { value: '' },\n                    } as React.ChangeEvent<HTMLInputElement>)\n                }}\n              >\n                <XCircle size={16} className=\"stroke-light-2\" />\n              </div>\n            )}\n          </div>\n        </div>\n\n        {message && (\n          <Typography\n            variant={'body2'}\n            className={`${isError ? 'text-danger-1' : 'text-light-3'} mt-1.5`}\n          >\n            {message}\n          </Typography>\n        )}\n      </>\n    )\n  }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","className","type","isError","message","prefix","suffix","id","props","ref","innerRef","inputRef","isFocused","setIsFocused","cn","InputVariants","XCircle","Typography"],"mappings":";;;;;AAQA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CACE,EAAE,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,GAAQ,IAAAC,GAAI,GAAGC,EAAM,GAClEC,MACG;AACG,UAAAC,IAAWV,EAAM,OAAyB,IAAI,GAC9CW,IAAYF,KAA6CC,GACzD,CAACE,GAAWC,CAAY,IAAIb,EAAM,SAAS,EAAK;AAEtD,WAAAA,EAAM,UAAU,MAAM;AACpB,MAAIY,KACFD,EAAS,SAAS;IACpB,GACC,CAACC,CAAS,CAAC,GAGV,gBAAAZ,EAAA,cAAAA,EAAA,UAAA,MAAA,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWc;AAAA,UACTC,EAAc;AAAA,YACZ,SAAAZ;AAAA,YACA,WAAAS;AAAA,YACA,UAAUJ,EAAM;AAAA,YAChB,WAAAP;AAAA,UAAA,CACD;AAAA,QACH;AAAA,QACA,IAAAM;AAAA,MAAA;AAAA,MAECF,KACC,gBAAAL,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAAa,EAAa,EAAI;AAAA,UACnB;AAAA,QAAA;AAAA,QAECR;AAAA,MACH;AAAA,MAGF,gBAAAL,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAE;AAAA,UACA,WAAW;AAAA,UACX,SAAS,MAAMW,EAAa,EAAI;AAAA,UAChC,QAAQ,MAAMA,EAAa,EAAK;AAAA,UAChC,KAAKF;AAAA,UACJ,GAAGH;AAAA,QAAA;AAAA,MACL;AAAA,MAED,gBAAAR,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM;AACb,gBAAIM,GAAQ;AACV,cAAAO,EAAa,EAAI;AACjB;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA,QAECP,KACC,gBAAAN,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAYY,IAA0B,KAAd;AAAA,YACxB,SAAS,MAAM;AACb,cAAIJ,EAAM,YACRA,EAAM,SAAS;AAAA,gBACb,QAAQ,EAAE,OAAO,GAAG;AAAA,cAAA,CACkB;AAAA,YAC5C;AAAA,UAAA;AAAA,UAEC,gBAAAR,EAAA,cAAAgB,GAAA,EAAQ,MAAM,IAAI,WAAU,kBAAiB;AAAA,QAChD;AAAA,MAEJ;AAAA,IAAA,GAGDZ,KACC,gBAAAJ,EAAA;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,GAAGd,IAAU,kBAAkB,cAAc;AAAA,MAAA;AAAA,MAEvDC;AAAA,IAAA,CAGP;AAAA,EAEJ;AACF;AACAL,EAAM,cAAc;"}

package/dist/styles.css

@@ -750,6 +750,9 @@ video {
 .top-\[50\%\]{
   top: 50%;
 }
+.top-\[7px\]{
+  top: 7px;
+}
 .z-0{
   z-index: 0;
 }
@@ -1610,9 +1613,6 @@ video {
 .fill-current{
   fill: currentColor;
 }
-.stroke-\[\#B0B0B0\]{
-  stroke: #B0B0B0;
-}
 .stroke-brand{
   stroke: rgb(var(--primary-600) / 1);
 }
@@ -2041,6 +2041,9 @@ video {
 .duration-300{
   transition-duration: 300ms;
 }
+.duration-500{
+  transition-duration: 500ms;
+}
 .ease-in-out{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -2079,6 +2082,9 @@ video {
 .duration-300{
   animation-duration: 300ms;
 }
+.duration-500{
+  animation-duration: 500ms;
+}
 .ease-in-out{
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "geoiq-frontend-ui-kit",
   "private": false,
-  "version": "1.2.1",
+  "version": "1.2.2",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",