geoiq-frontend-ui-kit 1.1.18 → 1.1.20

package/dist/components/molecules/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AA6BxC,QAAA,MAAM,WAAW,0JAYf,CAAA;AAGF,QAAA,MAAM,IAAI,kFAkCT,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AA6BxC,QAAA,MAAM,WAAW,0JAYf,CAAA;AAGF,QAAA,MAAM,IAAI,kFAoCT,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/molecules/tabs/tabs.types.d.ts

@@ -3,6 +3,7 @@ import { TabsVariants } from './tabs.styles';
 
 export interface TabsProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof TabsVariants> {
     defaultValue?: string;
+    value?: string;
     tabList: {
         label: string;
         value: string;

package/dist/components/molecules/tabs/tabs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC"}
+{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC"}

package/dist/index.es15.js

@@ -6,7 +6,7 @@ import "./index.es41.js";
 import "./index.es60.js";
 import "./index.es26.js";
 import "./index.es32.js";
-import { TextAreaVariants as u } from "./index.es70.js";
+import { TextAreaVariants as u } from "./index.es71.js";
 const m = e.forwardRef(
   ({ className: o, inputLabel: a, showTextCount: l, maximumTextCount: i, ...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 m } from "./index.es59.js";
 import { TypographyVariants as n } from "./index.es53.js";
-import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es69.js";
+import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es67.js";
 const c = o.forwardRef(({ className: t, variant: r = y, ...a }, e) => {
   const p = i[r];
   return /* @__PURE__ */ o.createElement(

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import { cn as r } from "./index.es59.js";
-import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es71.js";
+import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es73.js";
 import { Button as p } from "./index.es7.js";
 const c = e.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.createElement(
   "h5",

package/dist/index.es20.js

@@ -1,9 +1,9 @@
-import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es72.js";
-import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es73.js";
+import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es74.js";
+import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es70.js";
 import e from "react";
 import { Typography as B } from "./index.es18.js";
 import { cn as f } from "./index.es59.js";
-import { CrumbVariants as w } from "./index.es74.js";
+import { CrumbVariants as w } from "./index.es75.js";
 function l({ field: r, isSelected: t }) {
   return /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
     u,

package/dist/index.es21.js

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

package/dist/index.es24.js

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

package/dist/index.es25.js

@@ -3,23 +3,23 @@ import { useRef as E } from "react";
 import { ChevronUp as x, ChevronDown as b, Check as C } from "lucide-react";
 import { cn as m } from "./index.es59.js";
 import { Button as N } from "./index.es7.js";
-import { Command as y, CommandInput as v, CommandEmpty as w, CommandGroup as k, CommandList as S, CommandItem as O } from "./index.es41.js";
+import { Command as y, CommandInput as v, CommandEmpty as w, CommandGroup as k, CommandList as O, CommandItem as S } from "./index.es41.js";
 import { Popover as P, PopoverTrigger as R, PopoverContent as j } from "./index.es60.js";
 import { ComboBoxStates as B } from "./index.es76.js";
-import { Typography as c } from "./index.es18.js";
-function q({
+import { Typography as i } from "./index.es18.js";
+function W({
   options: n,
   value: a,
-  placeholder: i = "Empty",
-  searchPlaceholder: d = "Search",
-  emptyMessage: h = "No results",
-  onChange: g,
-  onSearchChange: p
+  placeholder: d = "Empty",
+  searchPlaceholder: h = "Search",
+  emptyMessage: g = "No results",
+  onChange: p,
+  onSearchChange: o
 }) {
-  const [l, o] = e.useState(!1), s = E(null), f = (t) => {
-    g(t), o(!1);
+  const [l, s] = e.useState(!1), c = E(null), f = (t) => {
+    p(t), s(!1);
   }, r = n.find((t) => t.id === a);
-  return /* @__PURE__ */ e.createElement(P, { open: l, onOpenChange: o }, /* @__PURE__ */ e.createElement(R, { ref: s, asChild: !0 }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(P, { open: l, onOpenChange: s }, /* @__PURE__ */ e.createElement(R, { ref: c, asChild: !0 }, /* @__PURE__ */ e.createElement(
     N,
     {
       variant: "secondary",
@@ -31,31 +31,31 @@ function q({
       )
     },
     r ? /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, r.icon, /* @__PURE__ */ e.createElement(
-      c,
+      i,
       {
         variant: "body2",
         className: a ? "text-light-2" : "text-light-4"
       },
       r?.name
-    )) : /* @__PURE__ */ e.createElement(c, { variant: "body2", className: "text-light-4" }, i),
+    )) : /* @__PURE__ */ e.createElement(i, { variant: "body2", className: "text-light-4" }, d),
     l ? /* @__PURE__ */ e.createElement(x, { className: "w-4 h-4 ml-2 stroke-light-2" }) : /* @__PURE__ */ e.createElement(b, { className: "w-4 h-4 ml-2 stroke-light-2" })
   )), /* @__PURE__ */ e.createElement(
     j,
     {
       style: {
-        width: s.current?.clientWidth
+        width: c.current?.clientWidth
       },
       className: "p-0 bg-light-1 mt-1 rounded-lg"
     },
-    /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(y, { shouldFilter: !o }, /* @__PURE__ */ e.createElement(
       v,
       {
-        placeholder: d,
+        placeholder: h,
         className: "",
-        onValueChange: p
+        onValueChange: o
       }
-    ), /* @__PURE__ */ e.createElement(w, { className: "text-light-4" }, h), /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement(S, null, n.map((t) => /* @__PURE__ */ e.createElement(
-      O,
+    ), /* @__PURE__ */ e.createElement(w, { className: "text-light-4" }, g), /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement(O, null, n.map((t) => /* @__PURE__ */ e.createElement(
+      S,
       {
         key: t.id,
         value: t.id,
@@ -75,6 +75,6 @@ function q({
   ));
 }
 export {
-  q as SingleCombobox
+  W as SingleCombobox
 };
 //# sourceMappingURL=index.es25.js.map

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/molecules/single-combobox/single-combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '../../atoms/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../unstyled/command'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../unstyled/popover/popover-components'\nimport { SingleComboboxPropsType } from './single-combobox.types'\nimport { ComboBoxStates } from './single-combobox.styles'\nimport { Typography } from '../../atoms/typography'\nimport { useRef } from 'react'\n\n// const frameworks =\n\nexport function SingleCombobox({\n  options,\n  value,\n  placeholder = 'Empty',\n  searchPlaceholder = 'Search',\n  emptyMessage = 'No results',\n  onChange,\n  onSearchChange,\n}: SingleComboboxPropsType) {\n  const [open, setOpen] = React.useState(false)\n  const popoverRef = useRef<HTMLButtonElement>(null)\n\n  const handleChange = (newValue: string) => {\n    onChange(newValue)\n    setOpen(false)\n  }\n  const selectedOption = options.find((option) => option.id === value)\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger ref={popoverRef} asChild>\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          //   className=\"w-[200px] justify-between\"\n          className={cn(\n            ComboBoxStates({ isOpen: open, isValue: !!value }),\n            'w-full justify-between px-3 py-2'\n          )}\n        >\n          {selectedOption ? (\n            <div className=\"flex items-center gap-2\">\n              {selectedOption.icon}\n              <Typography\n                variant={'body2'}\n                className={value ? 'text-light-2' : 'text-light-4'}\n              >\n                {selectedOption?.name}\n              </Typography>\n            </div>\n          ) : (\n            <Typography variant={'body2'} className=\"text-light-4\">\n              {placeholder}\n            </Typography>\n          )}\n          {open ? (\n            <ChevronUp className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          ) : (\n            <ChevronDown className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        style={{\n          width: popoverRef.current?.clientWidth,\n        }}\n        className=\"p-0 bg-light-1 mt-1 rounded-lg\"\n      >\n        <Command>\n          <CommandInput\n            placeholder={searchPlaceholder}\n            className=\"\"\n            onValueChange={onSearchChange}\n          />\n          <CommandEmpty className=\"text-light-4\">{emptyMessage}</CommandEmpty>\n          <CommandGroup>\n            <CommandList>\n              {options.map((option) => {\n                return (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    disabled={option.disabled}\n                    className={cn(\n                      'justify-between gap-2 text-light-2 hover:bg-light-2 hover:text-light-1 focus:bg-light-2 focus:text-accent-foreground',\n                      option.disabled ? 'text-light-4' : 'text-light-2',\n                      value === option.id ? 'bg-light-2' : ''\n                    )}\n                    onSelect={(currentValue) => {\n                      handleChange(currentValue)\n                    }}\n                  >\n                    <div className=\"flex flex-row gap-2 \">\n                      {option.icon}\n                      {option.name}\n                    </div>\n                    {value === option.id ? (\n                      <Check className={cn('h-4 w-4 stroke-brand')} />\n                    ) : (\n                      <div />\n                    )}\n                  </CommandItem>\n                )\n              })}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["SingleCombobox","options","value","placeholder","searchPlaceholder","emptyMessage","onChange","onSearchChange","open","setOpen","React","popoverRef","useRef","handleChange","newValue","selectedOption","option","Popover","PopoverTrigger","Button","cn","ComboBoxStates","Typography","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandEmpty","CommandGroup","CommandList","CommandItem","currentValue","Check"],"mappings":";;;;;;;;;AA2BO,SAASA,EAAe;AAAA,EAC7B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,gBAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtCC,IAAaC,EAA0B,IAAI,GAE3CC,IAAe,CAACC,MAAqB;AACzC,IAAAR,EAASQ,CAAQ,GACjBL,EAAQ,EAAK;AAAA,EAAA,GAETM,IAAiBd,EAAQ,KAAK,CAACe,MAAWA,EAAO,OAAOd,CAAK;AAGjE,SAAA,gBAAAQ,EAAA,cAACO,GAAQ,EAAA,MAAAT,GAAY,cAAcC,qCAChCS,GAAe,EAAA,KAAKP,GAAY,SAAO,GACtC,GAAA,gBAAAD,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,iBAAeX;AAAA,MAEf,WAAWY;AAAA,QACTC,EAAe,EAAE,QAAQb,GAAM,SAAS,CAAC,CAACN,GAAO;AAAA,QACjD;AAAA,MACF;AAAA,IAAA;AAAA,IAECa,IACE,gBAAAL,EAAA,cAAA,OAAA,EAAI,WAAU,0BAAA,GACZK,EAAe,MAChB,gBAAAL,EAAA;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWpB,IAAQ,iBAAiB;AAAA,MAAA;AAAA,MAEnCa,GAAgB;AAAA,IAAA,CAErB,IAEC,gBAAAL,EAAA,cAAAY,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrCnB,CACH;AAAA,IAEDK,oCACEe,GAAU,EAAA,WAAU,+BAA8B,IAEnD,gBAAAb,EAAA,cAACc,GAAY,EAAA,WAAU,8BAA8B,CAAA;AAAA,EAAA,CAG3D,GACA,gBAAAd,EAAA;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAOd,EAAW,SAAS;AAAA,MAC7B;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,oCAETe,GACC,MAAA,gBAAAhB,EAAA;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,aAAavB;AAAA,QACb,WAAU;AAAA,QACV,eAAeG;AAAA,MAAA;AAAA,IAAA,GAEjB,gBAAAG,EAAA,cAACkB,GAAa,EAAA,WAAU,kBAAgBvB,CAAa,GACpD,gBAAAK,EAAA,cAAAmB,GAAA,MACE,gBAAAnB,EAAA,cAAAoB,GAAA,MACE7B,EAAQ,IAAI,CAACe,MAEV,gBAAAN,EAAA;AAAA,MAACqB;AAAA,MAAA;AAAA,QACC,KAAKf,EAAO;AAAA,QACZ,OAAOA,EAAO;AAAA,QACd,UAAUA,EAAO;AAAA,QACjB,WAAWI;AAAA,UACT;AAAA,UACAJ,EAAO,WAAW,iBAAiB;AAAA,UACnCd,MAAUc,EAAO,KAAK,eAAe;AAAA,QACvC;AAAA,QACA,UAAU,CAACgB,MAAiB;AAC1B,UAAAnB,EAAamB,CAAY;AAAA,QAC3B;AAAA,MAAA;AAAA,sCAEC,OAAI,EAAA,WAAU,0BACZhB,EAAO,MACPA,EAAO,IACV;AAAA,MACCd,MAAUc,EAAO,KACf,gBAAAN,EAAA,cAAAuB,GAAA,EAAM,WAAWb,EAAG,sBAAsB,EAAA,CAAG,IAE9C,gBAAAV,EAAA,cAAC,OAAI,IAAA;AAAA,IAAA,CAIZ,CACH,CACF,CACF;AAAA,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es25.js","sources":["../src/components/molecules/single-combobox/single-combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '../../atoms/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../unstyled/command'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../unstyled/popover/popover-components'\nimport { SingleComboboxPropsType } from './single-combobox.types'\nimport { ComboBoxStates } from './single-combobox.styles'\nimport { Typography } from '../../atoms/typography'\nimport { useRef } from 'react'\n\n// const frameworks =\n\nexport function SingleCombobox({\n  options,\n  value,\n  placeholder = 'Empty',\n  searchPlaceholder = 'Search',\n  emptyMessage = 'No results',\n  onChange,\n  onSearchChange,\n}: SingleComboboxPropsType) {\n  const [open, setOpen] = React.useState(false)\n  const popoverRef = useRef<HTMLButtonElement>(null)\n\n  const handleChange = (newValue: string) => {\n    onChange(newValue)\n    setOpen(false)\n  }\n  const selectedOption = options.find((option) => option.id === value)\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger ref={popoverRef} asChild>\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          //   className=\"w-[200px] justify-between\"\n          className={cn(\n            ComboBoxStates({ isOpen: open, isValue: !!value }),\n            'w-full justify-between px-3 py-2'\n          )}\n        >\n          {selectedOption ? (\n            <div className=\"flex items-center gap-2\">\n              {selectedOption.icon}\n              <Typography\n                variant={'body2'}\n                className={value ? 'text-light-2' : 'text-light-4'}\n              >\n                {selectedOption?.name}\n              </Typography>\n            </div>\n          ) : (\n            <Typography variant={'body2'} className=\"text-light-4\">\n              {placeholder}\n            </Typography>\n          )}\n          {open ? (\n            <ChevronUp className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          ) : (\n            <ChevronDown className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        style={{\n          width: popoverRef.current?.clientWidth,\n        }}\n        className=\"p-0 bg-light-1 mt-1 rounded-lg\"\n      >\n        <Command shouldFilter={onSearchChange ? false : true}>\n          <CommandInput\n            placeholder={searchPlaceholder}\n            className=\"\"\n            onValueChange={onSearchChange}\n          />\n          <CommandEmpty className=\"text-light-4\">{emptyMessage}</CommandEmpty>\n          <CommandGroup>\n            <CommandList>\n              {options.map((option) => {\n                return (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    disabled={option.disabled}\n                    className={cn(\n                      'justify-between gap-2 text-light-2 hover:bg-light-2 hover:text-light-1 focus:bg-light-2 focus:text-accent-foreground',\n                      option.disabled ? 'text-light-4' : 'text-light-2',\n                      value === option.id ? 'bg-light-2' : ''\n                    )}\n                    onSelect={(currentValue) => {\n                      handleChange(currentValue)\n                    }}\n                  >\n                    <div className=\"flex flex-row gap-2 \">\n                      {option.icon}\n                      {option.name}\n                    </div>\n                    {value === option.id ? (\n                      <Check className={cn('h-4 w-4 stroke-brand')} />\n                    ) : (\n                      <div />\n                    )}\n                  </CommandItem>\n                )\n              })}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["SingleCombobox","options","value","placeholder","searchPlaceholder","emptyMessage","onChange","onSearchChange","open","setOpen","React","popoverRef","useRef","handleChange","newValue","selectedOption","option","Popover","PopoverTrigger","Button","cn","ComboBoxStates","Typography","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandEmpty","CommandGroup","CommandList","CommandItem","currentValue","Check"],"mappings":";;;;;;;;;AA2BO,SAASA,EAAe;AAAA,EAC7B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,gBAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtCC,IAAaC,EAA0B,IAAI,GAE3CC,IAAe,CAACC,MAAqB;AACzC,IAAAR,EAASQ,CAAQ,GACjBL,EAAQ,EAAK;AAAA,EAAA,GAETM,IAAiBd,EAAQ,KAAK,CAACe,MAAWA,EAAO,OAAOd,CAAK;AAGjE,SAAA,gBAAAQ,EAAA,cAACO,GAAQ,EAAA,MAAAT,GAAY,cAAcC,qCAChCS,GAAe,EAAA,KAAKP,GAAY,SAAO,GACtC,GAAA,gBAAAD,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,iBAAeX;AAAA,MAEf,WAAWY;AAAA,QACTC,EAAe,EAAE,QAAQb,GAAM,SAAS,CAAC,CAACN,GAAO;AAAA,QACjD;AAAA,MACF;AAAA,IAAA;AAAA,IAECa,IACE,gBAAAL,EAAA,cAAA,OAAA,EAAI,WAAU,0BAAA,GACZK,EAAe,MAChB,gBAAAL,EAAA;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWpB,IAAQ,iBAAiB;AAAA,MAAA;AAAA,MAEnCa,GAAgB;AAAA,IAAA,CAErB,IAEC,gBAAAL,EAAA,cAAAY,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrCnB,CACH;AAAA,IAEDK,oCACEe,GAAU,EAAA,WAAU,+BAA8B,IAEnD,gBAAAb,EAAA,cAACc,GAAY,EAAA,WAAU,8BAA8B,CAAA;AAAA,EAAA,CAG3D,GACA,gBAAAd,EAAA;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAOd,EAAW,SAAS;AAAA,MAC7B;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IAET,gBAAAD,EAAA,cAAAgB,GAAA,EAAQ,cAAc,CAAAnB,KACrB,gBAAAG,EAAA;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,aAAavB;AAAA,QACb,WAAU;AAAA,QACV,eAAeG;AAAA,MAAA;AAAA,IAAA,GAEjB,gBAAAG,EAAA,cAACkB,GAAa,EAAA,WAAU,kBAAgBvB,CAAa,GACpD,gBAAAK,EAAA,cAAAmB,GAAA,MACE,gBAAAnB,EAAA,cAAAoB,GAAA,MACE7B,EAAQ,IAAI,CAACe,MAEV,gBAAAN,EAAA;AAAA,MAACqB;AAAA,MAAA;AAAA,QACC,KAAKf,EAAO;AAAA,QACZ,OAAOA,EAAO;AAAA,QACd,UAAUA,EAAO;AAAA,QACjB,WAAWI;AAAA,UACT;AAAA,UACAJ,EAAO,WAAW,iBAAiB;AAAA,UACnCd,MAAUc,EAAO,KAAK,eAAe;AAAA,QACvC;AAAA,QACA,UAAU,CAACgB,MAAiB;AAC1B,UAAAnB,EAAamB,CAAY;AAAA,QAC3B;AAAA,MAAA;AAAA,sCAEC,OAAI,EAAA,WAAU,0BACZhB,EAAO,MACPA,EAAO,IACV;AAAA,MACCd,MAAUc,EAAO,KACf,gBAAAN,EAAA,cAAAuB,GAAA,EAAM,WAAWb,EAAG,sBAAsB,EAAA,CAAG,IAE9C,gBAAAV,EAAA,cAAC,OAAI,IAAA;AAAA,IAAA,CAIZ,CACH,CACF,CACF;AAAA,EAAA,CAEJ;AAEJ;"}

package/dist/index.es27.js

@@ -1,7 +1,7 @@
 import * as o from "@radix-ui/react-slider";
 import * as e from "react";
 import { cn as i } from "./index.es59.js";
-import { SliderVariants as t } from "./index.es77.js";
+import { SliderVariants as t } from "./index.es78.js";
 const s = e.forwardRef(({ className: r, ...l }, a) => (
   // <div className='bg-light-3 h-[100px] w-full flex'>
   /* @__PURE__ */ e.createElement(

package/dist/index.es30.js

@@ -1,12 +1,12 @@
 import * as e from "react";
 import * as t from "@radix-ui/react-tabs";
 import { cn as n } from "./index.es59.js";
-import { TabsVariants as p, TabTriggerVariants as d } from "./index.es78.js";
+import { TabsVariants as d, TabTriggerVariants as T } from "./index.es77.js";
 const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
   t.List,
   {
     ref: i,
-    className: n(p({ variant: r, size: s, className: a })),
+    className: n(d({ variant: r, size: s, className: a })),
     ...o
   }
 ));
@@ -15,12 +15,12 @@ const f = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @_
   t.Trigger,
   {
     ref: i,
-    className: n(d({ variant: r, size: s, className: a })),
+    className: n(T({ variant: r, size: s, className: a })),
     ...o
   }
 ));
 f.displayName = t.Trigger.displayName;
-const T = e.forwardRef(({ className: a, ...r }, s) => /* @__PURE__ */ e.createElement(
+const u = e.forwardRef(({ className: a, ...r }, s) => /* @__PURE__ */ e.createElement(
   t.Content,
   {
     ref: s,
@@ -31,8 +31,8 @@ const T = e.forwardRef(({ className: a, ...r }, s) => /* @__PURE__ */ e.createEl
     ...r
   }
 ));
-T.displayName = t.Content.displayName;
-const N = e.forwardRef(
+u.displayName = t.Content.displayName;
+const v = e.forwardRef(
   ({
     className: a,
     defaultValue: r,
@@ -40,18 +40,20 @@ const N = e.forwardRef(
     onTabChange: o,
     variant: i,
     size: l,
-    ...g
+    value: g,
+    ...b
   }) => /* @__PURE__ */ e.createElement(
     t.Root,
     {
       defaultValue: r,
       onValueChange: o,
-      className: a
+      className: a,
+      value: g
     },
-    /* @__PURE__ */ e.createElement(c, { style: g.style, variant: i, size: l }, s.map((m, b) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(c, { style: b.style, variant: i, size: l }, s.map((m, p) => /* @__PURE__ */ e.createElement(
       f,
       {
-        key: b,
+        key: p,
         value: m.value,
         variant: i,
         size: l
@@ -61,7 +63,7 @@ const N = e.forwardRef(
   )
 );
 export {
-  N as Tabs,
-  T as TabsContent
+  v as Tabs,
+  u as TabsContent
 };
 //# sourceMappingURL=index.es30.js.map

package/dist/index.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es30.js","sources":["../src/components/molecules/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\nimport { TabsProps } from './tabs.types'\nimport { TabsVariants, TabTriggerVariants } from './tabs.styles'\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> &\n    VariantProps<typeof TabsVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(TabsVariants({ variant, size, className }))}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> &\n    VariantProps<typeof TabsVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(TabTriggerVariants({ variant, size, className }))}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  TabsProps\n>(\n  ({\n    className,\n    defaultValue,\n    tabList,\n    onTabChange,\n    variant,\n    size,\n    ...props\n  }) => (\n    <TabsPrimitive.Root\n      defaultValue={defaultValue}\n      onValueChange={onTabChange}\n      className={className}\n    >\n      <TabsList style={props.style} variant={variant} size={size}>\n        {tabList.map((tab, index) => {\n          return (\n            <TabsTrigger\n              key={index}\n              value={tab.value}\n              variant={variant}\n              size={size}\n            >\n              {tab.label}\n            </TabsTrigger>\n          )\n        })}\n      </TabsList>\n    </TabsPrimitive.Root>\n  )\n)\n\nexport { Tabs, TabsContent }\n"],"names":["TabsList","React","className","variant","size","props","ref","TabsPrimitive","cn","TabsVariants","TabsTrigger","TabTriggerVariants","TabsContent","Tabs","defaultValue","tabList","onTabChange","tab","index"],"mappings":";;;;AAQA,MAAMA,IAAWC,EAAM,WAIrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAM,GAAGC,MACzC,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGC,EAAa,EAAE,SAAAN,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACvD,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAS,cAAcO,EAAc,KAAK;AAE1C,MAAMG,IAAcT,EAAM,WAIxB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAM,GAAGC,MACzC,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGG,EAAmB,EAAE,SAAAR,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IAC7D,GAAGG;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcH,EAAc,QAAQ;AAE1C,MAAAK,IAAcX,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAM,GAAGC,MAC1B,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACD;AACDO,EAAY,cAAcL,EAAc,QAAQ;AAEhD,MAAMM,IAAOZ,EAAM;AAAA,EAIjB,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,cAAAY;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAb;AAAA,IACA,MAAAC;AAAA,IACA,GAAGC;AAAA,EAEH,MAAA,gBAAAJ,EAAA;AAAA,IAACM,EAAc;AAAA,IAAd;AAAA,MACC,cAAAO;AAAA,MACA,eAAeE;AAAA,MACf,WAAAd;AAAA,IAAA;AAAA,IAEA,gBAAAD,EAAA,cAACD,GAAS,EAAA,OAAOK,EAAM,OAAO,SAAAF,GAAkB,MAAAC,EAAA,GAC7CW,EAAQ,IAAI,CAACE,GAAKC,MAEf,gBAAAjB,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,KAAKQ;AAAA,QACL,OAAOD,EAAI;AAAA,QACX,SAAAd;AAAA,QACA,MAAAC;AAAA,MAAA;AAAA,MAECa,EAAI;AAAA,IAAA,CAGV,CACH;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es30.js","sources":["../src/components/molecules/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\nimport { TabsProps } from './tabs.types'\nimport { TabsVariants, TabTriggerVariants } from './tabs.styles'\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> &\n    VariantProps<typeof TabsVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(TabsVariants({ variant, size, className }))}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> &\n    VariantProps<typeof TabsVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(TabTriggerVariants({ variant, size, className }))}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  TabsProps\n>(\n  ({\n    className,\n    defaultValue,\n    tabList,\n    onTabChange,\n    variant,\n    size,\n    value,\n    ...props\n  }) => (\n    <TabsPrimitive.Root\n      defaultValue={defaultValue}\n      onValueChange={onTabChange}\n      className={className}\n      value={value}\n    >\n      <TabsList style={props.style} variant={variant} size={size}>\n        {tabList.map((tab, index) => {\n          return (\n            <TabsTrigger\n              key={index}\n              value={tab.value}\n              variant={variant}\n              size={size}\n            >\n              {tab.label}\n            </TabsTrigger>\n          )\n        })}\n      </TabsList>\n    </TabsPrimitive.Root>\n  )\n)\n\nexport { Tabs, TabsContent }\n"],"names":["TabsList","React","className","variant","size","props","ref","TabsPrimitive","cn","TabsVariants","TabsTrigger","TabTriggerVariants","TabsContent","Tabs","defaultValue","tabList","onTabChange","value","tab","index"],"mappings":";;;;AAQA,MAAMA,IAAWC,EAAM,WAIrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAM,GAAGC,MACzC,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGC,EAAa,EAAE,SAAAN,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACvD,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAS,cAAcO,EAAc,KAAK;AAE1C,MAAMG,IAAcT,EAAM,WAIxB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAM,GAAGC,MACzC,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGG,EAAmB,EAAE,SAAAR,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IAC7D,GAAGG;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcH,EAAc,QAAQ;AAE1C,MAAAK,IAAcX,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAM,GAAGC,MAC1B,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACD;AACDO,EAAY,cAAcL,EAAc,QAAQ;AAEhD,MAAMM,IAAOZ,EAAM;AAAA,EAIjB,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,cAAAY;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAb;AAAA,IACA,MAAAC;AAAA,IACA,OAAAa;AAAA,IACA,GAAGZ;AAAA,EAEH,MAAA,gBAAAJ,EAAA;AAAA,IAACM,EAAc;AAAA,IAAd;AAAA,MACC,cAAAO;AAAA,MACA,eAAeE;AAAA,MACf,WAAAd;AAAA,MACA,OAAAe;AAAA,IAAA;AAAA,IAEA,gBAAAhB,EAAA,cAACD,GAAS,EAAA,OAAOK,EAAM,OAAO,SAAAF,GAAkB,MAAAC,EAAA,GAC7CW,EAAQ,IAAI,CAACG,GAAKC,MAEf,gBAAAlB,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,KAAKS;AAAA,QACL,OAAOD,EAAI;AAAA,QACX,SAAAf;AAAA,QACA,MAAAC;AAAA,MAAA;AAAA,MAECc,EAAI;AAAA,IAAA,CAGV,CACH;AAAA,EACF;AAEJ;"}

package/dist/index.es53.js

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

package/dist/index.es67.js

@@ -1,52 +1,25 @@
-import { cva as r } from "class-variance-authority";
-const s = r(
-  ` 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`,
-  {
-    variants: {
-      isError: {
-        true: "",
-        false: ""
-      },
-      isFocused: {
-        true: "",
-        false: ""
-      },
-      disabled: {
-        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
-        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"
-      }
-    ]
-  }
-);
+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 {
-  s as InputVariants
+  y as defaultTypographyVariant,
+  p as variantElementMap
 };
 //# sourceMappingURL=index.es67.js.map

package/dist/index.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es67.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = 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"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,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;AAAA,MACf,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;"}
+{"version":3,"file":"index.es67.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.es69.js

@@ -1,25 +1,52 @@
-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 r } from "class-variance-authority";
+const s = r(
+  ` 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`,
+  {
+    variants: {
+      isError: {
+        true: "",
+        false: ""
+      },
+      isFocused: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
+        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"
+      }
+    ]
+  }
+);
 export {
-  y as defaultTypographyVariant,
-  p as variantElementMap
+  s as InputVariants
 };
 //# sourceMappingURL=index.es69.js.map

package/dist/index.es69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es69.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.es69.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = 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"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,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;AAAA,MACf,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;"}