geoiq-frontend-ui-kit 1.1.22 → 1.1.23

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

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EACL,aAAa,EAGd,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AA0C1C,QAAA,MAAM,KAAK,mFA6BV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EACL,aAAa,EAGd,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AA6C1C,QAAA,MAAM,KAAK,mFA8BV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/molecules/alert/alert.styles.d.ts

@@ -1,5 +1,6 @@
 export declare const AlertVariants: (props?: ({
     variant?: "default" | "success" | "warning" | "error" | "info" | null | undefined;
+    shortContent?: boolean | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 export declare const AlertContentVariants: (props?: ({
     shortContent?: boolean | null | undefined;

package/dist/components/molecules/alert/alert.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/alert/alert.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;mFAmBzB,CAAA;AAED,eAAO,MAAM,oBAAoB;;mFAU/B,CAAA;AAEF,eAAO,MAAM,mBAAmB;;mFAU9B,CAAA"}
+{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/alert/alert.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;mFAuBzB,CAAA;AAED,eAAO,MAAM,oBAAoB;;mFAU/B,CAAA;AAEF,eAAO,MAAM,mBAAmB;;mFAU9B,CAAA"}

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.es73.js";
+import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es69.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,26 +1,28 @@
 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.es74.js";
+import { cn as s } from "./index.es59.js";
+import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es70.js";
 import { Button as p } from "./index.es7.js";
-const c = e.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.createElement(
+import { Typography as u } from "./index.es18.js";
+const c = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
   "h5",
   {
-    ref: s,
-    className: r("mb-1 font-medium leading-none tracking-tight", t),
+    ref: r,
+    className: s("mb-1 font-medium leading-none tracking-tight", t),
     ...a
   }
 ));
 c.displayName = "AlertTitle";
-const o = e.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.createElement(
-  "div",
+const o = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
+  u,
   {
-    ref: s,
-    className: r("text-sm [&_p]:leading-relaxed", t),
-    ...a
-  }
+    variant: "body4",
+    ref: r,
+    className: s("text-sm [&_p]:leading-relaxed", t)
+  },
+  a.children
 ));
 o.displayName = "AlertDescription";
-const u = (t) => {
+const h = (t) => {
   switch (t) {
     case "success":
       return "https://frontend-static-files.geoiq.io/strapi/icons_v5_cbb854431a.svg";
@@ -34,22 +36,22 @@ const u = (t) => {
       return "https://frontend-static-files.geoiq.io/strapi/icons_v5_139132dbe2.svg";
   }
 }, v = e.forwardRef(
-  ({ className: t, variant: a, description: s, shortContent: n, title: l, ...i }, m) => /* @__PURE__ */ e.createElement(
+  ({ className: t, variant: a, description: r, shortContent: n, title: l, ...i }, m) => /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: m,
       role: "alert",
       ...i,
-      className: r(f({ variant: a }), t)
+      className: s(f({ variant: a, shortContent: n }), t)
     },
-    /* @__PURE__ */ e.createElement("div", { className: "flex items-start flex-col flex-shrink-0 h-full w-[20px] py-0" }, /* @__PURE__ */ e.createElement("img", { src: u(a), className: "h-5 w-5", alt: "Alert Icon" })),
-    /* @__PURE__ */ e.createElement("div", { className: r(d({ shortContent: n })) }, l && /* @__PURE__ */ e.createElement(c, null, l), /* @__PURE__ */ e.createElement(o, { className: "flex items-center text-light-2" }, s), i.showButton && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: "flex items-start flex-col flex-shrink-0 h-full w-[20px] py-0 " }, /* @__PURE__ */ e.createElement("img", { src: h(a), className: "h-5 w-5", alt: "Alert Icon" })),
+    /* @__PURE__ */ e.createElement("div", { className: s(d({ shortContent: n })) }, l && /* @__PURE__ */ e.createElement(c, null, l), /* @__PURE__ */ e.createElement(o, { className: "flex items-center text-light-2" }, r), i.showButton && /* @__PURE__ */ e.createElement(
       p,
       {
         variant: "secondary",
         size: "sm",
         onClick: i.onButtonClick,
-        className: r(g({ shortContent: n }))
+        className: s(g({ shortContent: n }))
       },
       i.buttonLabel
     ))

package/dist/index.es19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es19.js","sources":["../src/components/molecules/alert/alert.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport {\n  AlertVariants,\n  AlertButtonVariants,\n  AlertContentVariants,\n} from './alert.styles'\nimport { AlertProps } from './alert.types'\nimport { Button } from '@/components/atoms/button'\n\nconst AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h5\n    ref={ref}\n    className={cn('mb-1 font-medium leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nAlertTitle.displayName = 'AlertTitle'\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-sm [&_p]:leading-relaxed', className)}\n    {...props}\n  />\n))\nAlertDescription.displayName = 'AlertDescription'\n\nconst getImage = (variant: string | null | undefined) => {\n  switch (variant) {\n    case 'success':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_cbb854431a.svg'\n    case 'warning':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_1_ba9b25fd5c.svg'\n    case 'error':\n      return 'https://frontend-static-files.geoiq.io/strapi/Frame_427320353_64f8f337a6.svg'\n    case 'info':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_139132dbe2.svg'\n    default:\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_139132dbe2.svg'\n  }\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, variant, description, shortContent, title, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"alert\"\n      {...props}\n      className={cn(AlertVariants({ variant }), className)}\n    >\n      <div className=\"flex items-start flex-col flex-shrink-0 h-full w-[20px] py-0\">\n        <img src={getImage(variant)} className=\"h-5 w-5\" alt=\"Alert Icon\" />\n      </div>\n      <div className={cn(AlertContentVariants({ shortContent }))}>\n        {title && <AlertTitle>{title}</AlertTitle>}\n        <AlertDescription className=\"flex items-center text-light-2\">\n          {description}\n        </AlertDescription>\n        {props.showButton && (\n          <Button\n            variant={'secondary'}\n            size={'sm'}\n            onClick={props.onButtonClick}\n            className={cn(AlertButtonVariants({ shortContent }))}\n          >\n            {props.buttonLabel}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n)\n\nAlert.displayName = 'Alert'\n\nexport { Alert, AlertVariants }\n"],"names":["AlertTitle","React","className","props","ref","cn","AlertDescription","getImage","variant","Alert","description","shortContent","title","AlertVariants","AlertContentVariants","Button","AlertButtonVariants"],"mappings":";;;;AAWA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,gDAAgDH,CAAS;AAAA,IACtE,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAW,cAAc;AAEzB,MAAMM,IAAmBL,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAiB,cAAc;AAE/B,MAAMC,IAAW,CAACC,MAAuC;AACvD,UAAQA,GAAS;AAAA,IACf,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMC,IAAQR,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,SAAAM,GAAS,aAAAE,GAAa,cAAAC,GAAc,OAAAC,GAAO,GAAGT,EAAM,GAAGC,MACnE,gBAAAH,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAG;AAAA,MACA,MAAK;AAAA,MACJ,GAAGD;AAAA,MACJ,WAAWE,EAAGQ,EAAc,EAAE,SAAAL,EAAS,CAAA,GAAGN,CAAS;AAAA,IAAA;AAAA,IAElD,gBAAAD,EAAA,cAAA,OAAA,EAAI,WAAU,+DAAA,mCACZ,OAAI,EAAA,KAAKM,EAASC,CAAO,GAAG,WAAU,WAAU,KAAI,cAAa,CACpE;AAAA,IACA,gBAAAP,EAAA,cAAC,SAAI,WAAWI,EAAGS,EAAqB,EAAE,cAAAH,EAAc,CAAA,CAAC,EACtD,GAAAC,qCAAUZ,GAAY,MAAAY,CAAM,GAC5B,gBAAAX,EAAA,cAAAK,GAAA,EAAiB,WAAU,iCACzB,GAAAI,CACH,GACCP,EAAM,cACL,gBAAAF,EAAA;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAASZ,EAAM;AAAA,QACf,WAAWE,EAAGW,EAAoB,EAAE,cAAAL,EAAc,CAAA,CAAC;AAAA,MAAA;AAAA,MAElDR,EAAM;AAAA,IAAA,CAGb;AAAA,EACF;AAEJ;AAEAM,EAAM,cAAc;"}
+{"version":3,"file":"index.es19.js","sources":["../src/components/molecules/alert/alert.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport {\n  AlertVariants,\n  AlertButtonVariants,\n  AlertContentVariants,\n} from './alert.styles'\nimport { AlertProps } from './alert.types'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\n\nconst AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h5\n    ref={ref}\n    className={cn('mb-1 font-medium leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nAlertTitle.displayName = 'AlertTitle'\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <Typography\n    variant={'body4'}\n    ref={ref}\n    className={cn('text-sm [&_p]:leading-relaxed', className)}\n  >\n    {props.children}\n  </Typography>\n))\nAlertDescription.displayName = 'AlertDescription'\n\nconst getImage = (variant: string | null | undefined) => {\n  switch (variant) {\n    case 'success':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_cbb854431a.svg'\n    case 'warning':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_1_ba9b25fd5c.svg'\n    case 'error':\n      return 'https://frontend-static-files.geoiq.io/strapi/Frame_427320353_64f8f337a6.svg'\n    case 'info':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_139132dbe2.svg'\n    default:\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_139132dbe2.svg'\n  }\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, variant, description, shortContent, title, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"alert\"\n      {...props}\n      className={cn(AlertVariants({ variant, shortContent }), className)}\n    >\n      <div className=\"flex items-start flex-col flex-shrink-0 h-full w-[20px] py-0 \">\n        <img src={getImage(variant)} className=\"h-5 w-5\" alt=\"Alert Icon\" />\n      </div>\n      <div className={cn(AlertContentVariants({ shortContent }))}>\n        {/* Note: there is no Design for a title section in this alert component as of 12 aug 2024 */}\n        {title && <AlertTitle>{title}</AlertTitle>}\n        <AlertDescription className=\"flex items-center text-light-2\">\n          {description}\n        </AlertDescription>\n        {props.showButton && (\n          <Button\n            variant={'secondary'}\n            size={'sm'}\n            onClick={props.onButtonClick}\n            className={cn(AlertButtonVariants({ shortContent }))}\n          >\n            {props.buttonLabel}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n)\n\nAlert.displayName = 'Alert'\n\nexport { Alert, AlertVariants }\n"],"names":["AlertTitle","React","className","props","ref","cn","AlertDescription","Typography","getImage","variant","Alert","description","shortContent","title","AlertVariants","AlertContentVariants","Button","AlertButtonVariants"],"mappings":";;;;;AAYA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,gDAAgDH,CAAS;AAAA,IACtE,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAW,cAAc;AAEzB,MAAMM,IAAmBL,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,KAAAH;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,EAAA;AAAA,EAEvDC,EAAM;AACT,CACD;AACDG,EAAiB,cAAc;AAE/B,MAAME,IAAW,CAACC,MAAuC;AACvD,UAAQA,GAAS;AAAA,IACf,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMC,IAAQT,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,SAAAO,GAAS,aAAAE,GAAa,cAAAC,GAAc,OAAAC,GAAO,GAAGV,EAAM,GAAGC,MACnE,gBAAAH,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAG;AAAA,MACA,MAAK;AAAA,MACJ,GAAGD;AAAA,MACJ,WAAWE,EAAGS,EAAc,EAAE,SAAAL,GAAS,cAAAG,EAAa,CAAC,GAAGV,CAAS;AAAA,IAAA;AAAA,IAEhE,gBAAAD,EAAA,cAAA,OAAA,EAAI,WAAU,gEAAA,mCACZ,OAAI,EAAA,KAAKO,EAASC,CAAO,GAAG,WAAU,WAAU,KAAI,cAAa,CACpE;AAAA,IACA,gBAAAR,EAAA,cAAC,SAAI,WAAWI,EAAGU,EAAqB,EAAE,cAAAH,EAAc,CAAA,CAAC,EAEtD,GAAAC,qCAAUb,GAAY,MAAAa,CAAM,GAC5B,gBAAAZ,EAAA,cAAAK,GAAA,EAAiB,WAAU,iCACzB,GAAAK,CACH,GACCR,EAAM,cACL,gBAAAF,EAAA;AAAA,MAACe;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAASb,EAAM;AAAA,QACf,WAAWE,EAAGY,EAAoB,EAAE,cAAAL,EAAc,CAAA,CAAC;AAAA,MAAA;AAAA,MAElDT,EAAM;AAAA,IAAA,CAGb;AAAA,EACF;AAEJ;AAEAO,EAAM,cAAc;"}

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.es71.js";
-import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es70.js";
+import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es75.js";
+import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es72.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.es72.js";
+import { CrumbVariants as w } from "./index.es76.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 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.es70.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.es72.js";
 function k({
   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.es76.js";
+import { SliderBgColorVariants as a } from "./index.es73.js";
 const w = ({ left: t = 0, width: o = 0, index: l = -1 }) => /* @__PURE__ */ e.createElement(
   "div",
   {

package/dist/index.es25.js

@@ -5,7 +5,7 @@ import { cn as m } from "./index.es59.js";
 import { Button as v } from "./index.es7.js";
 import { Command as w, CommandInput as k, CommandEmpty as S, CommandGroup as O, CommandList as P, CommandItem as R } from "./index.es41.js";
 import { Popover as j, PopoverTrigger as B, PopoverContent as I } from "./index.es60.js";
-import { ComboBoxStates as T } from "./index.es75.js";
+import { ComboBoxStates as T } from "./index.es74.js";
 import { Typography as d } from "./index.es18.js";
 function z({
   options: n,

package/dist/index.es29.js

@@ -1,4 +1,4 @@
-import { StepperProvider as r, StepGroup as p } from "./index.es79.js";
+import { StepperProvider as r, StepGroup as p } from "./index.es78.js";
 import * as e from "react";
 const m = ({ value: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(r, { steps: t }, /* @__PURE__ */ e.createElement(p, null)));
 m.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.es59.js";
-import { TabsVariants as d, TabTriggerVariants as T } from "./index.es78.js";
+import { TabsVariants as d, TabTriggerVariants as T } from "./index.es79.js";
 const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
   t.List,
   {

package/dist/index.es53.js

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

package/dist/index.es69.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.es69.js.map

package/dist/index.es69.js.map

@@ -1 +1 @@
-{"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;"}
+{"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;"}

package/dist/index.es70.js

@@ -1,125 +1,48 @@
-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.es59.js";
-const h = t.Root, E = t.Trigger, D = t.Group, M = t.Portal, R = t.Sub, c = e.forwardRef(({ className: a, inset: o, 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",
-      o && "pl-8",
-      a
-    ),
-    ...r
-  },
-  n,
-  /* @__PURE__ */ e.createElement(l, { className: "ml-auto h-4 w-4" })
-));
-c.displayName = t.SubTrigger.displayName;
-const p = e.forwardRef(({ className: a, ...o }, 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",
-      a
-    ),
-    ...o
-  }
-));
-p.displayName = t.SubContent.displayName;
-const u = e.forwardRef(({ className: a, sideOffset: o = 4, ...n }, r) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
-  t.Content,
-  {
-    ref: r,
-    sideOffset: o,
-    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",
-      a
-    ),
-    ...n
-  }
-)));
-u.displayName = t.Content.displayName;
-const f = e.forwardRef(({ className: a, inset: o, ...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",
-      o && "pl-8",
-      a
-    ),
-    ...n
+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: "justify-center items-center flex flex-row gap-3",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
   }
-));
-f.displayName = t.Item.displayName;
-const b = e.forwardRef(({ className: a, children: o, 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",
-      a
-    ),
-    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: "h-4 w-4" }))),
-  o
-));
-b.displayName = t.CheckboxItem.displayName;
-const w = e.forwardRef(({ className: a, children: o, ...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",
-      a
-    ),
-    ...n
+), a = t("", {
+  variants: {
+    shortContent: {
+      true: "justify-center items-center flex flex-row gap-3",
+      false: "flex flex-col gap-2  justify-start items-start"
+    }
   },
-  /* @__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: "h-2 w-2 fill-current" }))),
-  o
-));
-w.displayName = t.RadioItem.displayName;
-const g = e.forwardRef(({ className: a, inset: o, ...n }, r) => /* @__PURE__ */ e.createElement(
-  t.Label,
-  {
-    ref: r,
-    className: d(
-      "px-2 py-1.5 text-sm font-semibold",
-      o && "pl-8",
-      a
-    ),
-    ...n
+  defaultVariants: {
+    shortContent: !1
   }
-));
-g.displayName = t.Label.displayName;
-const N = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement(
-  t.Separator,
-  {
-    ref: n,
-    className: d("-mx-1 my-1 h-px bg-muted", a),
-    ...o
+}), n = t(" max-w-[fit-content] ", {
+  variants: {
+    shortContent: {
+      true: "bg-rest-s1",
+      false: "bg-rest-s1"
+    }
+  },
+  defaultVariants: {
+    shortContent: !1
   }
-));
-N.displayName = t.Separator.displayName;
+});
 export {
-  h as DropdownMenu,
-  b as DropdownMenuCheckboxItem,
-  u as DropdownMenuContent,
-  D as DropdownMenuGroup,
-  f as DropdownMenuItem,
-  g as DropdownMenuLabel,
-  M as DropdownMenuPortal,
-  w as DropdownMenuRadioItem,
-  N as DropdownMenuSeparator,
-  R as DropdownMenuSub,
-  p as DropdownMenuSubContent,
-  c as DropdownMenuSubTrigger,
-  E as DropdownMenuTrigger
+  n as AlertButtonVariants,
+  a as AlertContentVariants,
+  r as AlertVariants
 };
 //# sourceMappingURL=index.es70.js.map

package/dist/index.es70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es70.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 = DropdownMenuPrimitive.Root\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=\"ml-auto h-4 w-4\" />\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=\"h-4 w-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=\"h-2 w-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","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuSubTrigger","React","className","inset","children","props","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":"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"}
+{"version":3,"file":"index.es70.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: 'justify-center 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-center 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.es71.js

@@ -1,91 +1,52 @@
-import * as e from "react";
-import { Slot as o } from "@radix-ui/react-slot";
-import { ChevronRight as l, MoreHorizontal as c } from "lucide-react";
-import { cn as m } from "./index.es59.js";
-const i = e.forwardRef(({ ...r }, a) => /* @__PURE__ */ e.createElement("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
-i.displayName = "Breadcrumb";
-const d = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
-  "ol",
+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`,
   {
-    ref: t,
-    className: m(
-      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
-      r
-    ),
-    ...a
+    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"
+      }
+    ]
   }
-));
-d.displayName = "BreadcrumbList";
-const p = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
-  "li",
-  {
-    ref: t,
-    className: m("inline-flex items-center gap-1.5", r),
-    ...a
-  }
-));
-p.displayName = "BreadcrumbItem";
-const u = e.forwardRef(({ asChild: r, className: a, ...t }, s) => {
-  const n = r ? o : "a";
-  return /* @__PURE__ */ e.createElement(
-    n,
-    {
-      ref: s,
-      className: m("transition-colors hover:text-foreground", a),
-      ...t
-    }
-  );
-});
-u.displayName = "BreadcrumbLink";
-const f = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
-  "span",
-  {
-    ref: t,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: m("font-normal text-foreground", r),
-    ...a
-  }
-));
-f.displayName = "BreadcrumbPage";
-const b = ({
-  children: r,
-  className: a,
-  ...t
-}) => /* @__PURE__ */ e.createElement(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: m("[&>svg]:size-3.5", a),
-    ...t
-  },
-  r ?? /* @__PURE__ */ e.createElement(l, null)
-);
-b.displayName = "BreadcrumbSeparator";
-const N = ({
-  className: r,
-  ...a
-}) => /* @__PURE__ */ e.createElement(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: m("flex h-9 w-9 items-center justify-center", r),
-    ...a
-  },
-  /* @__PURE__ */ e.createElement(c, { className: "h-4 w-4" }),
-  /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "More")
 );
-N.displayName = "BreadcrumbElipssis";
 export {
-  i as Breadcrumb,
-  N as BreadcrumbEllipsis,
-  p as BreadcrumbItem,
-  u as BreadcrumbLink,
-  d as BreadcrumbList,
-  f as BreadcrumbPage,
-  b as BreadcrumbSeparator
+  s as InputVariants
 };
 //# sourceMappingURL=index.es71.js.map