geoiq-frontend-ui-kit 2.0.2 → 2.0.4

package/dist/index.es101.js

@@ -1,20 +1,25 @@
-import { cva as t } from "class-variance-authority";
-const r = t(
-  "rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ",
+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: {
-      type: {
-        icon: "p-1",
-        text: "px-2 py-1"
+      isFocused: {
+        true: "border-primary-2 ring-4 ring-primary-1",
+        false: "border-light-2"
       },
-      isSelected: {
-        true: "text-light-2 stroke-light-1 bg-light-3",
-        false: "text-light-3 stroke-light-2"
+      disabled: {
+        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
+        false: ""
       }
-    }
+    },
+    defaultVariants: {},
+    compoundVariants: []
   }
 );
 export {
-  r as CrumbVariants
+  t as TextAreaVariants
 };
 //# sourceMappingURL=index.es101.js.map

package/dist/index.es101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es101.js","sources":["../src/components/molecules/breadcrumb/breadcrumb.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const CrumbVariants = cva(\n  'rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ',\n  {\n    variants: {\n      type: {\n        icon: 'p-1',\n        text: 'px-2 py-1',\n      },\n      isSelected: {\n        true: 'text-light-2 stroke-light-1 bg-light-3',\n        false: 'text-light-3 stroke-light-2',\n      },\n    },\n  }\n)\n"],"names":["CrumbVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,MAER,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es101.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,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,CAAA;AAAA,IACjB,kBAAkB,CAAA;AAAA,EAAC;AAEvB;"}

package/dist/index.es102.js

@@ -1,48 +1,14 @@
-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 ",
+import { cva as e } from "class-variance-authority";
+const a = e(
+  "relative flex w-60  touch-none select-none items-center",
   {
     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: ""
-      }
+      variant: {}
     },
-    defaultVariants: {
-      variant: "info"
-    }
+    defaultVariants: {}
   }
-), 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 {
-  n as AlertButtonVariants,
-  a as AlertContentVariants,
-  r as AlertVariants
+  a as SliderVariants
 };
 //# sourceMappingURL=index.es102.js.map

package/dist/index.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es102.js","sources":["../src/components/molecules/alert/alert.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AlertVariants = cva(\n  'relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ',\n  {\n    variants: {\n      variant: {\n        info: ' text-text4 dark:border-danger [&>svg]:text-danger bg-info-1',\n        success:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-success-1',\n        warning:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ',\n        error:\n          ' text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1',\n        default: 'text-text4  bg-background text-foreground',\n      },\n      shortContent: {\n        true: 'items-center flex flex-row gap-3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }\n)\n\nexport const AlertContentVariants = cva('', {\n  variants: {\n    shortContent: {\n      true: 'justify-between w-full items-center flex flex-row gap-3',\n      false: 'flex flex-col gap-2  justify-start items-start',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n\nexport const AlertButtonVariants = cva(' max-w-[fit-content] ', {\n  variants: {\n    shortContent: {\n      true: 'bg-rest-s1',\n      false: 'bg-rest-s1',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n"],"names":["AlertVariants","cva","AlertContentVariants","AlertButtonVariants"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,MAEX,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,cAAc;AAAA,EAAA;AAElB,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,cAAc;AAAA,EAAA;AAElB,CAAC;"}
+{"version":3,"file":"index.es102.js","sources":["../src/components/molecules/slider/slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderVariants = cva(\n  'relative flex w-60  touch-none select-none items-center',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["SliderVariants","cva"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAA;AAAA,IAAC;AAAA,IAEZ,iBAAiB,CAAA;AAAA,EAAC;AAEtB;"}

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

package/dist/index.es103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es103.js","sources":["../src/components/molecules/polar-slider/polar-slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderBgColorVariants = cva('', {\n  variants: {\n    bgColor: {\n      success: 'bg-success-2',\n      danger: 'bg-danger-2',\n      stroke: 'bg-light-4',\n    },\n  },\n  defaultVariants: {\n    bgColor: 'success',\n  },\n})\n"],"names":["SliderBgColorVariants","cva"],"mappings":";AAEO,MAAMA,IAAwBC,EAAI,IAAI;AAAA,EAC3C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;"}
+{"version":3,"file":"index.es103.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":";AAEO,MAAMA,IAAiBC,EAAI,UAAU;AAAA,EAC1C,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,IAER,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMhB;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,CAAC;"}

package/dist/index.es104.js

@@ -1,77 +1,10 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
-    text-light-2 px-3 py-2
-    file:border-0 file:bg-transparent
-    placeholder:font-normal placeholder:text-light-4`,
-  {
-    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"
-      }
-    ]
-  }
-), a = e(
-  "outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4",
-  {
-    variants: {
-      isError: {
-        true: "text-danger-1",
-        false: "text-light-2"
-      }
-    }
-  }
-), s = e(
-  "absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none ",
-  {
-    variants: {
-      animate: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      animate: !1
-    }
-  }
-);
+function o(n, t) {
+  return n.replace(/\{\{(\w+)\}\}/g, (l, e) => {
+    const r = t[e];
+    return r != null ? String(r) : "";
+  });
+}
 export {
-  t as AnimatedInputContainerVariants,
-  a as AnimatedInputStyles,
-  s as DynamicComponentStyles
+  o as interpolateUrl
 };
 //# sourceMappingURL=index.es104.js.map

package/dist/index.es104.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es104.js","sources":["../src/components/ui/animated-input/animated-input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AnimatedInputContainerVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n\nexport const AnimatedInputStyles = cva(\n  `outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: 'text-danger-1',\n        false: 'text-light-2',\n      },\n    },\n  }\n)\n\nexport const DynamicComponentStyles = cva(\n  `absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none `,\n  {\n    variants: {\n      animate: {\n        true: '',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      animate: false,\n    },\n  }\n)\n"],"names":["AnimatedInputContainerVariants","cva","AnimatedInputStyles","DynamicComponentStyles"],"mappings":";AAEO,MAAMA,IAAiCC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEaC,IAAsBD;AAAA,EACjC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,GAEaE,IAAyBF;AAAA,EACpC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"index.es104.js","sources":["../src/components/molecules/creatable-multi-combobox/creatable-multi-combobox.types.ts"],"sourcesContent":["import { PopoverContent } from '@/components/unstyled/popover/popover-components'\nimport React from 'react'\n\nexport type CreatableOption = {\n  id: string\n  name: string\n  disabled?: boolean\n  icon?: React.ReactElement\n}\n\nexport type PopoverContentProps = React.ComponentPropsWithoutRef<\n  typeof PopoverContent\n>\n\n/** Replaces {{fieldId}} in URL with urlTemplateData[fieldId] */\nexport function interpolateUrl(\n  url: string,\n  data: Record<string, unknown>\n): string {\n  return url.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => {\n    const val = data[key]\n    return val != null ? String(val) : ''\n  })\n}\n\nexport type CreatableMultiComboboxPropsType = {\n  /** API URL to fetch options (POST). Supports {{fieldId}} for form value interpolation. Ignored if fetchOptions provided */\n  optionsUrl?: string\n  /** API URL to create new option (POST). Supports {{fieldId}} for form value interpolation. Ignored if createOption provided */\n  createOptionUrl?: string\n  /** Override: custom fetch for options. When provided, optionsUrl is ignored */\n  fetchOptions?: () => Promise<CreatableOption[]>\n  /** Override: custom create handler. When provided, createOptionUrl is ignored */\n  createOption?: (value: string) => Promise<CreatableOption>\n  /** Headers to include in API requests (e.g. Authorization from cookie). Can be sync or async */\n  requestHeaders?:\n    | Record<string, string>\n    | (() => Record<string, string> | Promise<Record<string, string>>)\n  /** Request body for fetch options API. When provided, overrides default { ...urlTemplateData, fieldId } */\n  optionsRequestBody?: Record<string, unknown>\n  /** Request body for create/upsert option API. Merged with { [createOptionValueKey]: value }. E.g. { type: \"zone\" } */\n  createOptionRequestBody?: Record<string, unknown>\n  /** Key for the typed value in create body. Default \"value\". Use \"email\" if API expects that key */\n  createOptionValueKey?: string\n  /** Extra body fields for create (e.g. { email: userEmail } from cookie). Merged last */\n  createOptionExtraBody?:\n    | Record<string, unknown>\n    | (() => Record<string, unknown> | Promise<Record<string, unknown>>)\n  /** When true, createOptionExtraBody is not merged (use when value key is \"email\" and extra would conflict) */\n  skipCreateOptionExtraBody?: boolean\n  /** Form values for URL interpolation (e.g. {{country}} -> values.country) */\n  urlTemplateData?: Record<string, unknown>\n  value: string[]\n  fieldId: string\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  addCustomMessage?: (typedValue: string) => string\n  /** Minimum number of values that must be selected */\n  minSelected?: number\n  /** Maximum number of values that can be selected */\n  maxSelected?: number\n  onChange: (value: string[]) => void\n  container?: Element | null | undefined\n}\n"],"names":["interpolateUrl","url","data","_","key","val"],"mappings":"AAeO,SAASA,EACdC,GACAC,GACQ;AACR,SAAOD,EAAI,QAAQ,kBAAkB,CAACE,GAAGC,MAAQ;AAC/C,UAAMC,IAAMH,EAAKE,CAAG;AACpB,WAAOC,KAAO,OAAO,OAAOA,CAAG,IAAI;AAAA,EACrC,CAAC;AACH;"}

package/dist/index.es105.js

@@ -1,37 +1,184 @@
-import a from "react";
-import { AccordionDemo as l } from "./index.es4.js";
-import { AvatarDemo as o } from "./index.es6.js";
-import { Typography as r } from "./index.es19.js";
-const p = ({ members: t }) => t.length > 0 ? /* @__PURE__ */ a.createElement(
-  l,
-  {
-    trigger: /* @__PURE__ */ a.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ a.createElement(r, { variant: "body1", className: "text-light-2" }, "Members (", t.length, ")")),
-    content: /* @__PURE__ */ a.createElement("div", { className: "flex flex-col gap-2" }, t.map((e) => /* @__PURE__ */ a.createElement(
-      "div",
+import * as e from "react";
+import R from "embla-carousel-react";
+import { ArrowLeft as z, ArrowRight as I } from "lucide-react";
+import { cn as m } from "./index.es89.js";
+import { Button as x } from "./index.es9.js";
+const b = e.createContext(null);
+function d() {
+  const r = e.useContext(b);
+  if (!r)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return r;
+}
+const L = e.forwardRef(
+  ({
+    orientation: r = "horizontal",
+    opts: o,
+    setApi: a,
+    plugins: s,
+    className: n,
+    children: u,
+    autoplay: c = !1,
+    // Default value for autoplay
+    autoplayInterval: i = 3e3,
+    // Default value for autoplay interval
+    ...w
+  }, E) => {
+    const [g, t] = R(
       {
-        key: e.id,
-        className: "flex items-center gap-3 rounded-xl bg-light-2 px-4 py-3"
+        ...o,
+        axis: r === "horizontal" ? "x" : "y"
       },
-      /* @__PURE__ */ a.createElement(
-        o,
-        {
-          size: "md",
-          imageSrc: e.imageSrc || "",
-          alt: e.alt || e.name,
-          fallback: e.fallback || e.name?.[0].toUpperCase() || "",
-          avatarProps: {
-            className: "border border-neutral-1 h-8 w-8 bg-light-1"
-          },
-          ...e
+      s
+    ), [p, y] = e.useState(!1), [S, k] = e.useState(!1), f = e.useCallback((l) => {
+      l && (y(l.canScrollPrev()), k(l.canScrollNext()));
+    }, []), C = e.useCallback(() => {
+      t?.scrollPrev();
+    }, [t]), h = e.useCallback(() => {
+      t?.scrollNext();
+    }, [t]), P = e.useCallback(
+      (l) => {
+        l.key === "ArrowLeft" ? (l.preventDefault(), C()) : l.key === "ArrowRight" && (l.preventDefault(), h());
+      },
+      [C, h]
+    );
+    return e.useEffect(() => {
+      !t || !a || a(t);
+    }, [t, a]), e.useEffect(() => {
+      if (t)
+        return f(t), t.on("reInit", f), t.on("select", f), () => {
+          t?.off("select", f);
+        };
+    }, [t, f]), e.useEffect(() => {
+      if (!c || !t)
+        return;
+      let l;
+      const v = () => {
+        l = setInterval(() => {
+          t.scrollNext(), t.selectedScrollSnap() === t.scrollSnapList().length && t.scrollTo(0);
+        }, i);
+      }, N = () => {
+        document.hidden ? clearInterval(l) : v();
+      };
+      return document.addEventListener("visibilitychange", N), document.hidden || v(), () => {
+        clearInterval(l), document.removeEventListener("visibilitychange", N);
+      };
+    }, [c, t, i]), /* @__PURE__ */ e.createElement(
+      b.Provider,
+      {
+        value: {
+          carouselRef: g,
+          api: t,
+          opts: o,
+          orientation: r || (o?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev: C,
+          scrollNext: h,
+          canScrollPrev: p,
+          canScrollNext: S,
+          autoplay: c,
+          // Pass autoplay to the context
+          autoplayInterval: i
+          // Pass autoplayInterval to the context
         }
-      ),
-      /* @__PURE__ */ a.createElement(r, { variant: "body2" }, e.name)
-    ))),
-    contentProps: { className: "max-h-[400px] overflow-y-auto" },
-    triggerProps: { className: "cursor-pointer my-2" }
+      },
+      /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          ref: E,
+          onKeyDownCapture: P,
+          className: m("relative", n),
+          role: "region",
+          "aria-roledescription": "carousel",
+          ...w
+        },
+        u
+      )
+    );
   }
-) : null;
+);
+L.displayName = "Carousel";
+const D = e.forwardRef(({ className: r, ...o }, a) => {
+  const { carouselRef: s, orientation: n } = d();
+  return /* @__PURE__ */ e.createElement("div", { ref: s, className: "overflow-hidden" }, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: a,
+      className: m(
+        "flex",
+        n === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+        r
+      ),
+      ...o
+    }
+  ));
+});
+D.displayName = "CarouselContent";
+const A = e.forwardRef(({ className: r, ...o }, a) => {
+  const { orientation: s } = d();
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: a,
+      role: "group",
+      "aria-roledescription": "slide",
+      className: m(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        s === "horizontal" ? "pl-4" : "pt-4",
+        r
+      ),
+      ...o
+    }
+  );
+});
+A.displayName = "CarouselItem";
+const K = e.forwardRef(({ className: r, variant: o = "secondary", size: a = "lg", ...s }, n) => {
+  const { orientation: u, scrollPrev: c, canScrollPrev: i } = d();
+  return /* @__PURE__ */ e.createElement(
+    x,
+    {
+      ref: n,
+      variant: o,
+      size: a,
+      className: m(
+        "absolute  h-10 w-10 disabled:bg-light-3",
+        u === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        r
+      ),
+      disabled: !i,
+      onClick: c,
+      ...s
+    },
+    /* @__PURE__ */ e.createElement(z, { className: "absolute h-4 w-4 stroke-stroke-4" }),
+    /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Previous slide")
+  );
+});
+K.displayName = "CarouselPrevious";
+const B = e.forwardRef(({ className: r, variant: o = "secondary", size: a = "lg", ...s }, n) => {
+  const { orientation: u, scrollNext: c, canScrollNext: i } = d();
+  return /* @__PURE__ */ e.createElement(
+    x,
+    {
+      ref: n,
+      variant: o,
+      size: a,
+      className: m(
+        "absolute h-10 w-10 disabled:bg-light-3",
+        u === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        r
+      ),
+      disabled: !i,
+      onClick: c,
+      ...s
+    },
+    /* @__PURE__ */ e.createElement(I, { className: "absolute h-4 w-4 stroke-stroke-4" })
+  );
+});
+B.displayName = "CarouselNext";
 export {
-  p as MembersSection
+  L as Carousel,
+  D as CarouselContent,
+  A as CarouselItem,
+  B as CarouselNext,
+  K as CarouselPrevious
 };
 //# sourceMappingURL=index.es105.js.map

package/dist/index.es105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es105.js","sources":["../src/components/ui/agent-snippet-view/components/members-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Avatar } from '@/components/atoms/avatar'\nimport { Typography } from '@/components/atoms/typography'\nimport type { Member } from '../agent-snippet-view.types'\n\nexport const MembersSection: React.FC<{\n  members: Member[]\n}> = ({ members }) =>\n  members.length > 0 ? (\n    <Accordion\n      trigger={\n        <div className=\"flex items-center gap-1\">\n          <Typography variant=\"body1\" className=\"text-light-2\">\n            Members ({members.length})\n          </Typography>\n        </div>\n      }\n      content={\n        <div className=\"flex flex-col gap-2\">\n          {members.map((member) => (\n            <div\n              key={member.id}\n              className=\"flex items-center gap-3 rounded-xl bg-light-2 px-4 py-3\"\n            >\n              <Avatar\n                size=\"md\"\n                imageSrc={member.imageSrc || ''}\n                alt={member.alt || member.name}\n                fallback={\n                  member.fallback || member.name?.[0].toUpperCase() || ''\n                }\n                avatarProps={{\n                  className: 'border border-neutral-1 h-8 w-8 bg-light-1',\n                }}\n                {...member}\n              />\n              <Typography variant=\"body2\">{member.name}</Typography>\n            </div>\n          ))}\n        </div>\n      }\n      contentProps={{ className: 'max-h-[400px] overflow-y-auto' }}\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["MembersSection","members","React","Accordion","Typography","member","Avatar"],"mappings":";;;;AAMO,MAAMA,IAER,CAAC,EAAE,SAAAC,QACNA,EAAQ,SAAS,IACfC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,6BACbA,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GAAe,aACzCH,EAAQ,QAAO,GAC3B,CACF;AAAA,IAEF,yCACG,OAAA,EAAI,WAAU,yBACZA,EAAQ,IAAI,CAACI,MACZH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKG,EAAO;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,MAEVH,gBAAAA,EAAA;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAUD,EAAO,YAAY;AAAA,UAC7B,KAAKA,EAAO,OAAOA,EAAO;AAAA,UAC1B,UACEA,EAAO,YAAYA,EAAO,OAAO,CAAC,EAAE,iBAAiB;AAAA,UAEvD,aAAa;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,UAEZ,GAAGA;AAAA,QAAA;AAAA,MAAA;AAAA,MAENH,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,QAAA,GAASC,EAAO,IAAK;AAAA,IAAA,CAE5C,CACH;AAAA,IAEF,cAAc,EAAE,WAAW,gCAAA;AAAA,IAC3B,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}
+{"version":3,"file":"index.es105.js","sources":["../src/components/unstyled/carousel/carousel-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport useEmblaCarousel from 'embla-carousel-react' // type UseEmblaCarouselType,\nimport { ArrowLeft, ArrowRight } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '../../atoms/button'\nimport {\n  CarouselApi,\n  CarouselContextProps,\n  CarouselProps,\n} from './carousel.types'\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null)\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext)\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />')\n  }\n\n  return context\n}\n\nconst Carousel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>(\n  (\n    {\n      orientation = 'horizontal',\n      opts,\n      setApi,\n      plugins,\n      className,\n      children,\n      autoplay = false, // Default value for autoplay\n      autoplayInterval = 3000, // Default value for autoplay interval\n      ...props\n    },\n    ref\n  ) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === 'horizontal' ? 'x' : 'y',\n      },\n      plugins\n    )\n    const [canScrollPrev, setCanScrollPrev] = React.useState(false)\n    const [canScrollNext, setCanScrollNext] = React.useState(false)\n\n    const onSelect = React.useCallback((api: CarouselApi) => {\n      if (!api) {\n        return\n      }\n\n      setCanScrollPrev(api.canScrollPrev())\n      setCanScrollNext(api.canScrollNext())\n    }, [])\n\n    const scrollPrev = React.useCallback(() => {\n      api?.scrollPrev()\n    }, [api])\n\n    const scrollNext = React.useCallback(() => {\n      api?.scrollNext()\n    }, [api])\n\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault()\n          scrollPrev()\n        } else if (event.key === 'ArrowRight') {\n          event.preventDefault()\n          scrollNext()\n        }\n      },\n      [scrollPrev, scrollNext]\n    )\n\n    React.useEffect(() => {\n      if (!api || !setApi) {\n        return\n      }\n\n      setApi(api)\n    }, [api, setApi])\n\n    React.useEffect(() => {\n      if (!api) {\n        return\n      }\n\n      onSelect(api)\n      api.on('reInit', onSelect)\n      api.on('select', onSelect)\n\n      return () => {\n        api?.off('select', onSelect)\n      }\n    }, [api, onSelect])\n\n    React.useEffect(() => {\n      if (!autoplay || !api) {\n        return\n      }\n\n      let intervalId: ReturnType<typeof setInterval>\n      const startInterval = () => {\n        intervalId = setInterval(() => {\n          api.scrollNext()\n          if (api.selectedScrollSnap() === api.scrollSnapList().length) {\n            api.scrollTo(0)\n          }\n        }, autoplayInterval)\n      }\n\n      const handleVisibilityChange = () => {\n        if (document.hidden) {\n          clearInterval(intervalId)\n        } else {\n          startInterval()\n        }\n      }\n\n      document.addEventListener('visibilitychange', handleVisibilityChange)\n\n      // Start the interval if the document is visible\n      if (!document.hidden) {\n        startInterval()\n      }\n\n      return () => {\n        clearInterval(intervalId)\n        document.removeEventListener('visibilitychange', handleVisibilityChange)\n      }\n    }, [autoplay, api, autoplayInterval])\n\n    return (\n      <CarouselContext.Provider\n        value={{\n          carouselRef,\n          api: api,\n          opts,\n          orientation:\n            orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n          scrollPrev,\n          scrollNext,\n          canScrollPrev,\n          canScrollNext,\n          autoplay, // Pass autoplay to the context\n          autoplayInterval, // Pass autoplayInterval to the context\n        }}\n      >\n        <div\n          ref={ref}\n          onKeyDownCapture={handleKeyDown}\n          className={cn('relative', className)}\n          role=\"region\"\n          aria-roledescription=\"carousel\"\n          {...props}\n        >\n          {children}\n        </div>\n      </CarouselContext.Provider>\n    )\n  }\n)\nCarousel.displayName = 'Carousel'\n\nconst CarouselContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { carouselRef, orientation } = useCarousel()\n\n  return (\n    <div ref={carouselRef} className=\"overflow-hidden\">\n      <div\n        ref={ref}\n        className={cn(\n          'flex',\n          orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n})\nCarouselContent.displayName = 'CarouselContent'\n\nconst CarouselItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { orientation } = useCarousel()\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      className={cn(\n        'min-w-0 shrink-0 grow-0 basis-full',\n        orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCarouselItem.displayName = 'CarouselItem'\n\nconst CarouselPrevious = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({ className, variant = 'secondary', size = 'lg', ...props }, ref) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n  return (\n    <Button\n      // ico\n      ref={ref}\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute  h-10 w-10 disabled:bg-light-3',\n        orientation === 'horizontal'\n          ? '-left-12 top-1/2 -translate-y-1/2'\n          : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft className=\"absolute h-4 w-4 stroke-stroke-4\" />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  )\n})\nCarouselPrevious.displayName = 'CarouselPrevious'\n\nconst CarouselNext = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({ className, variant = 'secondary', size = 'lg', ...props }, ref) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n  return (\n    <Button\n      ref={ref}\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute h-10 w-10 disabled:bg-light-3',\n        orientation === 'horizontal'\n          ? '-right-12 top-1/2 -translate-y-1/2'\n          : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight className=\"absolute h-4 w-4 stroke-stroke-4\" />\n      {/* <span className=\"sr-only\">Next slide</span> */}\n    </Button>\n  )\n})\nCarouselNext.displayName = 'CarouselNext'\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n}\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","autoplay","autoplayInterval","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","intervalId","startInterval","handleVisibilityChange","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","Button","ArrowLeft","CarouselNext","ArrowRight"],"mappings":"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"}

package/dist/index.es106.js

@@ -1,23 +1,52 @@
-import e from "react";
-import { AccordionDemo as m } from "./index.es4.js";
-import { Typography as a } from "./index.es19.js";
-const i = ({ servingStates: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
-  m,
+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`,
   {
-    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "text-light-2" }, "Serving states"),
-    content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1" }, t.map((r, o) => /* @__PURE__ */ e.createElement(
-      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"
+      },
       {
-        key: r + o,
-        variant: "body4",
-        className: "rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3"
+        isError: !1,
+        isFocused: !0,
+        className: "border-primary-2 ring-4 ring-primary-1"
       },
-      r
-    ))),
-    triggerProps: { className: "cursor-pointer my-2" }
+      {
+        isError: !0,
+        isFocused: !1,
+        className: "border-danger-2"
+      },
+      {
+        isError: !1,
+        isFocused: !1,
+        className: "border-light-2"
+      }
+    ]
   }
-) : null;
+);
 export {
-  i as ServingStatesSection
+  s as InputVariants
 };
 //# sourceMappingURL=index.es106.js.map

package/dist/index.es106.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es106.js","sources":["../src/components/ui/agent-snippet-view/components/serving-states-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const ServingStatesSection: React.FC<{\n  servingStates?: string[]\n}> = ({ servingStates }) =>\n  servingStates && servingStates.length > 0 ? (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          Serving states\n        </Typography>\n      }\n      content={\n        <div className=\"flex flex-wrap gap-1\">\n          {servingStates.map((state, idx) => (\n            <Typography\n              key={state + idx}\n              variant=\"body4\"\n              className=\"rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3\"\n            >\n              {state}\n            </Typography>\n          ))}\n        </div>\n      }\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["ServingStatesSection","servingStates","React","Accordion","Typography","state","idx"],"mappings":";;;AAIO,MAAMA,IAER,CAAC,EAAE,eAAAC,QACNA,KAAiBA,EAAc,SAAS,IACtCC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,gBAErD;AAAA,IAEF,yCACG,OAAA,EAAI,WAAU,0BACZH,EAAc,IAAI,CAACI,GAAOC,MACzBJ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,IAAQC;AAAA,QACb,SAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,MAETD;AAAA,IAAA,CAEJ,CACH;AAAA,IAEF,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}
+{"version":3,"file":"index.es106.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,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ;"}