geoiq-frontend-ui-kit 2.0.1 → 2.0.2

package/dist/index.es132.js

@@ -1,28 +1,46 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  "w-auto min-w-[50px] h-5 flex items-center justify-center gap-2 px-1 py-0.5 rounded-[4px]",
+import * as e from "react";
+import { OTPInput as l, OTPInputContext as u } from "input-otp";
+import { Dot as f } from "lucide-react";
+import { cn as n } from "./index.es89.js";
+import { OTPInputVariants as d } from "./index.es157.js";
+const O = e.forwardRef(({ className: t, containerClassName: a, ...r }, o) => /* @__PURE__ */ e.createElement(
+  l,
   {
-    variants: {
-      trend: {
-        1: "bg-success-1 border border-success-1",
-        "-1": "bg-danger-1 border border-danger-1",
-        0: "",
-        null: ""
-      }
-    }
+    ref: o,
+    containerClassName: n("flex items-center gap-3", a),
+    className: n(t),
+    ...r,
+    inputMode: "text"
   }
-), s = e("text-sm", {
-  variants: {
-    trend: {
-      1: "text-success-1",
-      "-1": "text-danger-1",
-      0: "",
-      null: ""
-    }
+));
+O.displayName = "InputOTP";
+const P = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement("div", { ref: r, className: n("flex items-center", t), ...a }));
+P.displayName = "InputOTPGroup";
+const T = e.forwardRef(
+  ({ index: t, className: a, isError: r, ...o }, s) => {
+    const m = e.useContext(u), { char: p, hasFakeCaret: c, isActive: i } = m.slots[t];
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: s,
+        className: n(
+          d({ isError: r, isFocused: i }),
+          a
+        ),
+        ...o
+      },
+      p,
+      c && /* @__PURE__ */ e.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ e.createElement("div", { className: "h-4 w-px animate-caret-blink bg-black duration-1000" }))
+    );
   }
-});
+);
+T.displayName = "InputOTPSlot";
+const I = e.forwardRef(({ ...t }, a) => /* @__PURE__ */ e.createElement("div", { ref: a, role: "separator", ...t }, /* @__PURE__ */ e.createElement(f, null)));
+I.displayName = "InputOTPSeparator";
 export {
-  t as trendBoxStyles,
-  s as trendValueStyles
+  O as InputOTP,
+  P as InputOTPGroup,
+  I as InputOTPSeparator,
+  T as InputOTPSlot
 };
 //# sourceMappingURL=index.es132.js.map

package/dist/index.es132.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es132.js","sources":["../src/components/ui/report-snippet-view/report-snippet-view-style.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const trendBoxStyles = cva(\n  'w-auto min-w-[50px] h-5 flex items-center justify-center gap-2 px-1 py-0.5 rounded-[4px]',\n  {\n    variants: {\n      trend: {\n        '1': 'bg-success-1 border border-success-1',\n        '-1': 'bg-danger-1 border border-danger-1',\n        '0': '',\n        null: '',\n      },\n    },\n  }\n)\n\nexport const trendValueStyles = cva('text-sm', {\n  variants: {\n    trend: {\n      '1': 'text-success-1',\n      '-1': 'text-danger-1',\n      '0': '',\n      null: '',\n    },\n  },\n})\n"],"names":["trendBoxStyles","cva","trendValueStyles"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAK;AAAA,QACL,MAAM;AAAA,QACN,GAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAEJ,GAEaC,IAAmBD,EAAI,WAAW;AAAA,EAC7C,UAAU;AAAA,IACR,OAAO;AAAA,MACL,GAAK;AAAA,MACL,MAAM;AAAA,MACN,GAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,CAAC;"}
+{"version":3,"file":"index.es132.js","sources":["../src/components/unstyled/otp-input/otp-input-component.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { Dot } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { InputOTPSlotProps } from './otp-input.types'\nimport { OTPInputVariants } from './otp-input.styles'\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput> & { isError?: boolean }\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn('flex items-center gap-3', containerClassName)}\n    className={cn(className)}\n    {...props}\n    inputMode=\"text\"\n  />\n))\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<HTMLDivElement, InputOTPSlotProps>(\n  ({ index, className, isError, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext)\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          OTPInputVariants({ isError, isFocused: isActive }),\n          className\n        )}\n        {...props}\n      >\n        {char}\n        {hasFakeCaret && (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"h-4 w-px animate-caret-blink bg-black duration-1000\" />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"names":["InputOTP","React","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","isError","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","OTPInputVariants","InputOTPSeparator","Dot"],"mappings":";;;;;AASA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,EAAA,GAASC,MAC9C,gBAAAJ,EAAA;AAAA,EAACK;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,oBAAoBE,EAAG,2BAA2BJ,CAAkB;AAAA,IACpE,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IACJ,WAAU;AAAA,EAAA;AACZ,CACD;AACDJ,EAAS,cAAc;AAEvB,MAAMQ,IAAgBP,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGE,KAASC,sCACzB,OAAA,EAAI,KAAAA,GAAU,WAAWE,EAAG,qBAAqBL,CAAS,GAAI,GAAGE,GAAO,CAC1E;AACDI,EAAc,cAAc;AAE5B,MAAMC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,OAAAS,GAAO,WAAAR,GAAW,SAAAS,GAAS,GAAGP,EAAA,GAASC,MAAQ;AAChD,UAAMO,IAAkBX,EAAM,WAAWY,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaJ,EAAgB,MAAMF,CAAK;AACpE,WACE,gBAAAT,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAI;AAAA,QACA,WAAWE;AAAA,UACTU,EAAiB,EAAE,SAAAN,GAAS,WAAWK,GAAU;AAAA,UACjDd;AAAA,QAAA;AAAA,QAED,GAAGE;AAAA,MAAA;AAAA,MAEHU;AAAA,MACAC,qCACE,OAAA,EAAI,WAAU,2EACb,gBAAAd,EAAA,cAAC,OAAA,EAAI,WAAU,sDAAA,CAAsD,CACvE;AAAA,IAAA;AAAA,EAIR;AACF;AAEAQ,EAAa,cAAc;AAE3B,MAAMS,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,GAAGG,KAASC,sCACd,OAAA,EAAI,KAAAA,GAAU,MAAK,aAAa,GAAGD,KAClC,gBAAAH,EAAA,cAACkB,GAAA,IAAI,CACP,CACD;AACDD,EAAkB,cAAc;"}

package/dist/index.es133.js

@@ -1,260 +1,14 @@
-import t from "react";
-import { Input as o } from "./index.es9.js";
-import { Checkbox as g } from "./index.es8.js";
-import { RadioGroup as i, RadioGroupItem as p } from "./index.es11.js";
-import { MultiCombobox as h } from "./index.es21.js";
-import { SingleCombobox as v } from "./index.es25.js";
-import { Textarea as I } from "./index.es14.js";
-import { Typography as s } from "./index.es17.js";
-import { Phone as _, Mail as C } from "lucide-react";
-import { SingleImagePicker as x } from "./index.es136.js";
-import { SingleVideoPicker as T } from "./index.es137.js";
-import { MultiImagePicker as P } from "./index.es138.js";
-import { MultiVideoPicker as N } from "./index.es139.js";
-import { RepeatableGroup as O } from "./index.es140.js";
-import { TaggableMultiImagePicker as M } from "./index.es141.js";
-import { FormFieldType as n } from "./index.es131.js";
-import { DatePicker as R } from "./index.es62.js";
-import { TaggableImageUploadFieldWithInput as G } from "./index.es142.js";
-import { useFormValues as y } from "./index.es130.js";
-const J = ({ field: e }) => {
-  const { values: m, errors: u, setValue: r } = y(), E = () => {
-    switch (e.type) {
-      case n.SINGLE_COMBOBOX:
-        return /* @__PURE__ */ t.createElement(
-          v,
-          {
-            options: e.options.map((a) => ({
-              id: a,
-              name: a
-            })),
-            value: m[e.id],
-            onChange: (a) => r(e.id, a),
-            placeholder: e.placeholder
-          }
-        );
-      case n.MULTI_COMBOBOX:
-        return /* @__PURE__ */ t.createElement(
-          h,
-          {
-            options: e.options.map((a) => ({
-              label: a,
-              value: a
-            })),
-            selected: m[e.id]?.split(",") || [],
-            onChange: (a) => {
-              a.length === 0 ? r(e.id, void 0) : r(e.id, a.join(","));
-            },
-            placeholder: e.placeholder
-          }
-        );
-      case n.RADIO_GROUP:
-        return /* @__PURE__ */ t.createElement(
-          i,
-          {
-            value: m[e.id],
-            onValueChange: (a) => r(e.id, a)
-          },
-          e.options.map((a) => /* @__PURE__ */ t.createElement("div", { key: a, className: "flex items-center space-x-2" }, /* @__PURE__ */ t.createElement(p, { value: a, id: a }), /* @__PURE__ */ t.createElement(s, { variant: "body1", className: "text-light-4" }, a)))
-        );
-      case n.RADIO_GROUP_WITH_OPTIONAL_INPUT: {
-        const a = m[e.id];
-        return /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement(
-          i,
-          {
-            value: a?.radio_value,
-            onValueChange: (c) => r(e.id, {
-              ...a,
-              radio_value: c,
-              input_value: ""
-            })
-          },
-          e.options.map((c) => /* @__PURE__ */ t.createElement("div", { key: c, className: "flex items-center space-x-2" }, /* @__PURE__ */ t.createElement(p, { value: c, id: c }), /* @__PURE__ */ t.createElement(s, { variant: "body1", className: "text-light-4" }, c)))
-        ), e.inputTriggerOptionValue === a?.radio_value ? /* @__PURE__ */ t.createElement(
-          o,
-          {
-            id: e.id,
-            type: "text",
-            placeholder: e.inputFieldPlaceholder,
-            value: a?.input_value,
-            onChange: (c) => r(e.id, {
-              ...a,
-              input_value: c.target.value
-            })
-          }
-        ) : null);
-      }
-      case n.CHECKBOX_GROUP: {
-        const a = m[e.id];
-        return /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-2" }, e.options.map((c) => /* @__PURE__ */ t.createElement("div", { key: c, className: "flex items-center space-x-2" }, /* @__PURE__ */ t.createElement(
-          g,
-          {
-            id: c,
-            checked: a?.split(",").includes(c),
-            onCheckedChange: (l) => {
-              l ? r(
-                e.id,
-                a ? `${a},${c}` : c
-              ) : r(
-                e.id,
-                a?.split(",").filter((d) => d !== c).join(",")
-              );
-            }
-          }
-        ), /* @__PURE__ */ t.createElement(s, { variant: "body1", className: "text-light-4" }, c))));
-      }
-      case n.DATE_PICKER: {
-        const a = m[e.id], c = a ? new Date(a * 1e3) : void 0;
-        return /* @__PURE__ */ t.createElement(
-          R,
-          {
-            variant: "single",
-            date: c,
-            onDateChange: (l) => {
-              l && r(e.id, Math.floor(l.valueOf() / 1e3));
-            }
-          }
-        );
-      }
-      case n.LONG_TEXT:
-        return /* @__PURE__ */ t.createElement(
-          I,
-          {
-            id: e.id,
-            placeholder: e.placeholder,
-            value: m[e.id],
-            onChange: (a) => r(e.id, a.target.value)
-          }
-        );
-      case n.EMAIL:
-        return /* @__PURE__ */ t.createElement(
-          o,
-          {
-            type: "email",
-            id: e.id,
-            value: m[e.id],
-            onChange: (a) => r(e.id, a.target.value),
-            placeholder: e.placeholder,
-            prefix: /* @__PURE__ */ t.createElement(C, { className: "stroke-gray-400", size: 20 })
-          }
-        );
-      case n.SHORT_TEXT:
-        return /* @__PURE__ */ t.createElement(
-          o,
-          {
-            id: e.id,
-            type: "text",
-            placeholder: e.placeholder,
-            value: m[e.id],
-            onChange: (a) => r(e.id, a.target.value)
-          }
-        );
-      case n.MOBILE_NUMBER:
-        return /* @__PURE__ */ t.createElement(
-          o,
-          {
-            prefix: /* @__PURE__ */ t.createElement(_, { className: "stroke-gray-400", size: 20 }),
-            type: "tel",
-            id: e.id,
-            placeholder: e.placeholder,
-            value: m[e.id],
-            onChange: (a) => r(e.id, a.target.value)
-          }
-        );
-      case n.NUMBER:
-        return /* @__PURE__ */ t.createElement(
-          o,
-          {
-            type: "number",
-            inputMode: "decimal",
-            pattern: "^\\d*\\.?\\d*$",
-            id: e.id,
-            placeholder: e.placeholder,
-            value: m[e.id],
-            onChange: (a) => r(e.id, a.target.value)
-          }
-        );
-      case n.SINGLE_IMAGE_PICKER:
-        return /* @__PURE__ */ t.createElement(
-          x,
-          {
-            id: e.id,
-            onChange: (a) => r(e.id, a),
-            value: m[e.id]
-          }
-        );
-      case n.MULTI_IMAGE_PICKER:
-        return /* @__PURE__ */ t.createElement(
-          P,
-          {
-            id: e.id,
-            onChange: (a) => r(e.id, a),
-            value: m[e.id],
-            maxImages: e.max_items
-          }
-        );
-      case n.TAGGABLE_MULTI_IMAGE_PICKER:
-        return /* @__PURE__ */ t.createElement(
-          M,
-          {
-            id: e.id,
-            onChange: (a) => r(e.id, a),
-            value: m[e.id],
-            options: e.options,
-            maxImages: e.max_items
-          }
-        );
-      case n.SINGLE_VIDEO_PICKER:
-        return /* @__PURE__ */ t.createElement(
-          T,
-          {
-            id: e.id,
-            onChange: (a) => r(e.id, a),
-            value: m[e.id]
-          }
-        );
-      case n.MULTI_VIDEO_PICKER:
-        return /* @__PURE__ */ t.createElement(
-          N,
-          {
-            id: e.id,
-            onChange: (a) => r(e.id, a),
-            value: m[e.id],
-            maxVideos: e.max_items
-          }
-        );
-      case n.REPEATABLE_GROUP_FIELD:
-        return /* @__PURE__ */ t.createElement(O, { field: e });
-      case n.SINGLE_VIDEO_PICKER_WITH_INPUT:
-        return /* @__PURE__ */ t.createElement(
-          o,
-          {
-            id: e.id,
-            required: e.required,
-            type: "url",
-            placeholder: e.placeholder,
-            value: m[e.id],
-            onChange: (a) => r(e.id, a.target.value)
-          }
-        );
-      case n.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT:
-        return /* @__PURE__ */ t.createElement(
-          G,
-          {
-            id: e.id,
-            onChange: (a) => r(e.id, a),
-            value: m[e.id],
-            maxImages: e.max_items,
-            placeholder: e.placeholder
-          }
-        );
-      default:
-        return /* @__PURE__ */ t.createElement("div", null, "Unknown Field");
-    }
-  };
-  return /* @__PURE__ */ t.createElement("aside", { className: "flex flex-col gap-1" }, /* @__PURE__ */ t.createElement(s, { variant: "body1", className: "text-light-2" }, e.name, e.required && /* @__PURE__ */ t.createElement("span", { className: "text-danger-1" }, "*")), E(), u[e.id] && /* @__PURE__ */ t.createElement("div", { className: "error-message" }, u[e.id]));
-};
+import { cva as r } from "class-variance-authority";
+const i = r(
+  "relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ",
+  {
+    variants: {
+      variant: {}
+    },
+    defaultVariants: {}
+  }
+);
 export {
-  J as FormField
+  i as ProgressVariants
 };
 //# sourceMappingURL=index.es133.js.map

package/dist/index.es133.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es133.js","sources":["../src/components/ui/form-renderer/components/form-fields/index.tsx"],"sourcesContent":["// components/FormField.tsx\nimport React from 'react'\nimport {\n  AssetValue,\n  FormField as FormFieldInterface,\n  RadioGroupWithInputFieldValue,\n  TaggableAssetValue,\n} from '../../form.types'\nimport { useFormValues } from '../../context/form-values'\nimport { Input } from '@/components/atoms/input'\nimport { Checkbox } from '@/components/atoms/checkbox'\nimport { RadioGroup } from '@/components/atoms/radio-group'\nimport { RadioGroupItem } from '@/components/atoms/radio-group'\nimport { MultiCombobox } from '@/components/molecules/multi-combobox'\nimport { SingleCombobox } from '@/components/molecules/single-combobox'\nimport { Textarea } from '@/components/atoms/textarea'\nimport { Typography } from '@/components/atoms/typography'\n\nimport { Mail, Phone } from 'lucide-react'\nimport { SingleImagePicker } from './components/single-image-picker'\nimport { SingleVideoPicker } from './components/single-video-picker'\nimport { MultiImagePicker } from './components/multi-image-picker'\nimport { MultiVideoPicker } from './components/multi-video-picker'\nimport { RepeatableGroup } from './components/repeatable-group'\nimport { TaggableMultiImagePicker } from './components/taggable-multi-image-picker'\nimport { FormFieldType } from '../../form.enums'\nimport { DatePicker } from '@/components/unstyled/date-picker'\nimport { TaggableImageUploadFieldWithInput } from './components/taggable-multi-image-picker-with-input'\n\ninterface FormFieldProps {\n  field: FormFieldInterface\n}\n\nexport const FormField: React.FC<FormFieldProps> = ({ field }) => {\n  const { values, errors, setValue } = useFormValues()\n\n  const renderField = () => {\n    switch (field.type) {\n      case FormFieldType.SINGLE_COMBOBOX:\n        return (\n          <SingleCombobox\n            options={field.options.map((option) => ({\n              id: option,\n              name: option,\n            }))}\n            value={values[field.id] as string}\n            onChange={(data) => setValue(field.id, data)}\n            placeholder={field.placeholder}\n          />\n        )\n\n      case FormFieldType.MULTI_COMBOBOX:\n        return (\n          <MultiCombobox\n            options={field.options.map((option) => ({\n              label: option,\n              value: option,\n            }))}\n            selected={(values[field.id] as string)?.split(',') || []}\n            onChange={(data) => {\n              if (data.length === 0) {\n                setValue(field.id, undefined)\n              } else {\n                setValue(field.id, (data as string[]).join(','))\n              }\n            }}\n            placeholder={field.placeholder}\n          />\n        )\n\n      case FormFieldType.RADIO_GROUP:\n        return (\n          <RadioGroup\n            value={values[field.id] as string}\n            onValueChange={(data) => setValue(field.id, data)}\n          >\n            {field.options.map((option) => (\n              <div key={option} className=\"flex items-center space-x-2\">\n                <RadioGroupItem value={option} id={option} />\n                <Typography variant=\"body1\" className=\"text-light-4\">\n                  {option}\n                </Typography>\n              </div>\n            ))}\n          </RadioGroup>\n        )\n\n      case FormFieldType.RADIO_GROUP_WITH_OPTIONAL_INPUT: {\n        const value = values[field.id] as RadioGroupWithInputFieldValue\n        return (\n          <div>\n            <RadioGroup\n              value={value?.radio_value}\n              onValueChange={(data) =>\n                setValue(field.id, {\n                  ...value,\n                  radio_value: data,\n                  input_value: '',\n                })\n              }\n            >\n              {field.options.map((option) => (\n                <div key={option} className=\"flex items-center space-x-2\">\n                  <RadioGroupItem value={option} id={option} />\n                  <Typography variant=\"body1\" className=\"text-light-4\">\n                    {option}\n                  </Typography>\n                </div>\n              ))}\n            </RadioGroup>\n            {field.inputTriggerOptionValue === value?.radio_value ? (\n              <Input\n                id={field.id}\n                type=\"text\"\n                placeholder={field.inputFieldPlaceholder}\n                value={value?.input_value}\n                onChange={(e) =>\n                  setValue(field.id, {\n                    ...value,\n                    input_value: e.target.value,\n                  })\n                }\n              />\n            ) : null}\n          </div>\n        )\n      }\n\n      case FormFieldType.CHECKBOX_GROUP: {\n        const value = values[field.id] as string\n        return (\n          <div className=\"flex flex-col gap-2\">\n            {field.options.map((option) => {\n              return (\n                <div key={option} className=\"flex items-center space-x-2\">\n                  <Checkbox\n                    id={option}\n                    checked={value?.split(',').includes(option)}\n                    onCheckedChange={(data) => {\n                      if (data) {\n                        setValue(\n                          field.id,\n                          value ? `${value},${option}` : option\n                        )\n                      } else {\n                        setValue(\n                          field.id,\n                          value\n                            ?.split(',')\n                            .filter((item) => item !== option)\n                            .join(',')\n                        )\n                      }\n                    }}\n                  />\n                  <Typography variant=\"body1\" className=\"text-light-4\">\n                    {option}\n                  </Typography>\n                </div>\n              )\n            })}\n          </div>\n        )\n      }\n\n      case FormFieldType.DATE_PICKER: {\n        const epochValue = values[field.id] as number | undefined\n        const dateValue = epochValue ? new Date(epochValue * 1000) : undefined\n        return (\n          <DatePicker\n            variant=\"single\"\n            date={dateValue}\n            onDateChange={(date) => {\n              if (date) {\n                setValue(field.id, Math.floor(date.valueOf() / 1000))\n              }\n            }}\n          />\n        )\n      }\n\n      case FormFieldType.LONG_TEXT:\n        return (\n          <Textarea\n            id={field.id}\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n\n      case FormFieldType.EMAIL:\n        return (\n          <Input\n            type=\"email\"\n            id={field.id}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n            placeholder={field.placeholder}\n            prefix={<Mail className=\"stroke-gray-400\" size={20} />}\n          />\n        )\n\n      case FormFieldType.SHORT_TEXT:\n        // Default string input\n        return (\n          <Input\n            id={field.id}\n            type=\"text\"\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      case FormFieldType.MOBILE_NUMBER:\n        return (\n          <Input\n            prefix={<Phone className=\"stroke-gray-400\" size={20} />}\n            type=\"tel\"\n            id={field.id}\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      case FormFieldType.NUMBER:\n        return (\n          <Input\n            // type=\"number\"\n            type=\"number\"\n            inputMode=\"decimal\"\n            pattern=\"^\\d*\\.?\\d*$\"\n            id={field.id}\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      case FormFieldType.SINGLE_IMAGE_PICKER:\n        return (\n          <SingleImagePicker\n            id={field.id}\n            onChange={(data?: AssetValue) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue | undefined}\n          />\n        )\n\n      case FormFieldType.MULTI_IMAGE_PICKER:\n        return (\n          <MultiImagePicker\n            id={field.id}\n            onChange={(data?: AssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue[] | undefined}\n            maxImages={field.max_items}\n          />\n        )\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER:\n        return (\n          <TaggableMultiImagePicker\n            id={field.id}\n            onChange={(data?: TaggableAssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as TaggableAssetValue[] | undefined}\n            options={field.options}\n            maxImages={field.max_items}\n          />\n        )\n\n      case FormFieldType.SINGLE_VIDEO_PICKER:\n        return (\n          <SingleVideoPicker\n            id={field.id}\n            onChange={(data?: AssetValue) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue | undefined}\n          />\n        )\n\n      case FormFieldType.MULTI_VIDEO_PICKER:\n        return (\n          <MultiVideoPicker\n            id={field.id}\n            onChange={(data?: AssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue[] | undefined}\n            maxVideos={field.max_items}\n          />\n        )\n\n      case FormFieldType.REPEATABLE_GROUP_FIELD: {\n        return <RepeatableGroup field={field} />\n      }\n\n      case FormFieldType.SINGLE_VIDEO_PICKER_WITH_INPUT: {\n        return (\n          <Input\n            id={field.id}\n            required={field.required}\n            type=\"url\"\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      }\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {\n        return (\n          <TaggableImageUploadFieldWithInput\n            id={field.id}\n            onChange={(data?: TaggableAssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as TaggableAssetValue[] | undefined}\n            maxImages={field.max_items}\n            placeholder={field.placeholder}\n          />\n        )\n      }\n\n      default:\n        return <div>Unknown Field</div>\n    }\n  }\n\n  return (\n    <aside className=\"flex flex-col gap-1\">\n      <Typography variant=\"body1\" className=\"text-light-2\">\n        {field.name}\n        {field.required && <span className=\"text-danger-1\">*</span>}\n      </Typography>\n      {renderField()}\n      {errors[field.id] && (\n        <div className=\"error-message\">{errors[field.id]}</div>\n      )}\n    </aside>\n  )\n}\n"],"names":["FormField","field","values","errors","setValue","useFormValues","renderField","FormFieldType","React","SingleCombobox","option","data","MultiCombobox","RadioGroup","RadioGroupItem","Typography","value","Input","e","Checkbox","item","epochValue","dateValue","DatePicker","date","Textarea","Mail","Phone","SingleImagePicker","MultiImagePicker","TaggableMultiImagePicker","SingleVideoPicker","MultiVideoPicker","RepeatableGroup","TaggableImageUploadFieldWithInput"],"mappings":"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"}
+{"version":3,"file":"index.es133.js","sources":["../src/components/atoms/progress/progress.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ProgressVariants = cva(\n  'relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["ProgressVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAA;AAAA,IAAC;AAAA,IAEZ,iBAAiB,CAAA;AAAA,EAAC;AAEtB;"}

package/dist/index.es134.js

@@ -1,38 +1,10 @@
-import * as r from "react";
-import { Clock4 as m } from "lucide-react";
-import { convertEpochTime as i } from "./index.es143.js";
-import { AvatarDemo as c } from "./index.es4.js";
-import { Typography as a } from "./index.es17.js";
-const u = (e) => {
-  const l = (t) => t ? t.split(" ").map((s) => s[0]).join("").toUpperCase() : "", o = () => {
-    typeof window < "u" && e?.action?.redirect_url && (window.location.href = e?.action?.redirect_url);
-  };
-  return /* @__PURE__ */ r.createElement(
-    "div",
-    {
-      className: "flex flex-row items-start justify-start gap-2 p-3 border-b border-neutral-1 bg-light-1 hover:cursor-pointer",
-      onClick: () => {
-        o();
-      },
-      role: "button",
-      onKeyDown: (t) => {
-        t.key === "Enter" && o();
-      },
-      tabIndex: 0
-    },
-    /* @__PURE__ */ r.createElement(
-      c,
-      {
-        fallback: l(e.user.first_name),
-        imageSrc: e.user.profile_url,
-        alt: l(e.user.first_name),
-        size: "md"
-      }
-    ),
-    /* @__PURE__ */ r.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ r.createElement(a, { variant: "body3", className: "text-light-2 hover:underline" }, e.title), /* @__PURE__ */ r.createElement(a, { variant: "body4", className: "text-light-3" }, e.description), /* @__PURE__ */ r.createElement("div", { className: "flex flex-row gap-[6px]" }, /* @__PURE__ */ r.createElement(m, { size: 16, className: "stroke-light-2" }), /* @__PURE__ */ r.createElement(a, { variant: "body6", className: "text-light-3" }, i(Number(e.timestamp)))))
-  );
-};
+function o(n, t) {
+  return n.replace(/\{\{(\w+)\}\}/g, (l, e) => {
+    const r = t[e];
+    return r != null ? String(r) : "";
+  });
+}
 export {
-  u as default
+  o as interpolateUrl
 };
 //# sourceMappingURL=index.es134.js.map

package/dist/index.es134.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es134.js","sources":["../src/components/organisms/navbar/components/notification-panel/components/notification-card/notification-card.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { NotificationCardProps } from './notification-card.types'\nimport * as React from 'react'\nimport { Clock4 } from 'lucide-react'\nimport { convertEpochTime } from './notification.utils'\nimport { Avatar } from '@/components/atoms/avatar'\nimport { Typography } from '@/components/atoms/typography'\n\nconst NotificationCard: FC<NotificationCardProps> = (notification) => {\n  const getInitials = (name: string): string => {\n    if (!name) {\n      return ''\n    }\n    return name\n      .split(' ')\n      .map((word) => word[0])\n      .join('')\n      .toUpperCase()\n  }\n\n  const onCardClick = () => {\n    if (typeof window !== 'undefined' && notification?.action?.redirect_url)\n      window.location.href = notification?.action?.redirect_url\n  }\n\n  return (\n    <div\n      className=\"flex flex-row items-start justify-start gap-2 p-3 border-b border-neutral-1 bg-light-1 hover:cursor-pointer\"\n      onClick={() => {\n        onCardClick()\n      }}\n      role=\"button\"\n      onKeyDown={(event: React.KeyboardEvent) => {\n        if (event.key === 'Enter') {\n          onCardClick()\n        }\n      }}\n      tabIndex={0}\n    >\n      <Avatar\n        fallback={getInitials(notification.user.first_name)}\n        imageSrc={notification.user.profile_url}\n        alt={getInitials(notification.user.first_name)}\n        size=\"md\"\n      />\n      <div className=\"flex flex-col gap-1\">\n        <Typography variant=\"body3\" className=\"text-light-2 hover:underline\">\n          {notification.title}\n        </Typography>\n        <Typography variant=\"body4\" className=\"text-light-3\">\n          {notification.description}\n        </Typography>\n\n        <div className=\"flex flex-row gap-[6px]\">\n          <Clock4 size={16} className=\"stroke-light-2\" />\n          <Typography variant=\"body6\" className=\"text-light-3\">\n            {convertEpochTime(Number(notification.timestamp))}\n          </Typography>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default NotificationCard\n"],"names":["NotificationCard","notification","getInitials","name","word","onCardClick","React","event","Avatar","Typography","Clock4","convertEpochTime"],"mappings":";;;;;AAQA,MAAMA,IAA8C,CAACC,MAAiB;AACpE,QAAMC,IAAc,CAACC,MACdA,IAGEA,EACJ,MAAM,GAAG,EACT,IAAI,CAACC,MAASA,EAAK,CAAC,CAAC,EACrB,KAAK,EAAE,EACP,YAAA,IANM,IASLC,IAAc,MAAM;AACxB,IAAI,OAAO,SAAW,OAAeJ,GAAc,QAAQ,iBACzD,OAAO,SAAS,OAAOA,GAAc,QAAQ;AAAA,EACjD;AAEA,SACE,gBAAAK,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,MAAM;AACb,QAAAD,EAAA;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,WAAW,CAACE,MAA+B;AACzC,QAAIA,EAAM,QAAQ,WAChBF,EAAA;AAAA,MAEJ;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,IAEV,gBAAAC,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,UAAUN,EAAYD,EAAa,KAAK,UAAU;AAAA,QAClD,UAAUA,EAAa,KAAK;AAAA,QAC5B,KAAKC,EAAYD,EAAa,KAAK,UAAU;AAAA,QAC7C,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP,gBAAAK,EAAA,cAAC,SAAI,WAAU,sBAAA,mCACZG,GAAA,EAAW,SAAQ,SAAQ,WAAU,kCACnCR,EAAa,KAChB,mCACCQ,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCR,EAAa,WAChB,GAEA,gBAAAK,EAAA,cAAC,SAAI,WAAU,0BAAA,mCACZI,GAAA,EAAO,MAAM,IAAI,WAAU,iBAAA,CAAiB,GAC7C,gBAAAJ,EAAA,cAACG,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCE,EAAiB,OAAOV,EAAa,SAAS,CAAC,CAClD,CACF,CACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es134.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.es135.js

@@ -1,14 +1,40 @@
-import { Typography as t } from "./index.es17.js";
 import * as e from "react";
-const i = () => /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center h-full max-w-80" }, /* @__PURE__ */ e.createElement(
-  "img",
+import { ChevronLeft as r, ChevronRight as s, MoreHorizontal as l } from "lucide-react";
+import { Button as n } from "./index.es9.js";
+import { Typography as o } from "./index.es19.js";
+const m = ({ className: a, ...t }) => /* @__PURE__ */ e.createElement(
+  "nav",
   {
-    src: "https://frontend-static-files.geoiq.io/strapi/notification_empty_state_d1614ba3d3/notification_empty_state_d1614ba3d3.svg",
-    alt: "empty-state",
-    className: "h-[150px] w-[150px]"
+    role: "navigation",
+    "aria-label": "pagination",
+    className: `mx-auto flex w-full justify-center ${a}`,
+    ...t
   }
-), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center gap-1" }, /* @__PURE__ */ e.createElement(t, { variant: "body1", className: "text-light-1" }, "No new notifications for now!"), /* @__PURE__ */ e.createElement(t, { variant: "body4", className: "text-center text-light-4" }, "Stay tuned for updates, and we'll keep you posted when something comes up!")));
+);
+m.displayName = "Pagination";
+const c = e.forwardRef(({ className: a, ...t }, i) => /* @__PURE__ */ e.createElement(
+  "ul",
+  {
+    ref: i,
+    className: `flex flex-row items-center gap-1 ${a}`,
+    ...t
+  }
+));
+c.displayName = "PaginationContent";
+const g = e.forwardRef(({ className: a, ...t }, i) => /* @__PURE__ */ e.createElement("li", { ref: i, className: a, ...t }));
+g.displayName = "PaginationItem";
+const p = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(r, { className: "w-4 h-4" }), /* @__PURE__ */ e.createElement(o, { variant: "body4" }, "Previous"));
+p.displayName = "PaginationPrevious";
+const P = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(o, { variant: "body4" }, "Next"), /* @__PURE__ */ e.createElement(s, { className: "w-4 h-4" }));
+P.displayName = "PaginationNext";
+const f = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(l, { className: "w-4 h-4 stroke-light-1" }));
+f.displayName = "PaginationEllipsis";
 export {
-  i as default
+  m as Pagination,
+  c as PaginationContent,
+  f as PaginationEllipsis,
+  g as PaginationItem,
+  P as PaginationNext,
+  p as PaginationPrevious
 };
 //# sourceMappingURL=index.es135.js.map

package/dist/index.es135.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es135.js","sources":["../src/components/organisms/navbar/components/notification-panel/components/empty-state/empty-state.tsx"],"sourcesContent":["import { Typography } from '@/components/atoms/typography'\nimport { FC } from 'react'\nimport * as React from 'react'\n\nconst EmptyNotificationState: FC = () => {\n  return (\n    <div className=\"flex flex-col items-center justify-center h-full max-w-80\">\n      <img\n        src=\"https://frontend-static-files.geoiq.io/strapi/notification_empty_state_d1614ba3d3/notification_empty_state_d1614ba3d3.svg\"\n        alt=\"empty-state\"\n        className=\"h-[150px] w-[150px]\"\n      />\n      <div className=\"flex flex-col items-center justify-center gap-1\">\n        <Typography variant=\"body1\" className=\"text-light-1\">\n          No new notifications for now!\n        </Typography>\n        <Typography variant=\"body4\" className=\"text-center text-light-4\">\n          Stay tuned for updates, and we&apos;ll keep you posted when something\n          comes up!\n        </Typography>\n      </div>\n    </div>\n  )\n}\n\nexport default EmptyNotificationState\n"],"names":["EmptyNotificationState","React","Typography"],"mappings":";;AAIA,MAAMA,IAA6B,MAE/B,gBAAAC,EAAA,cAAC,OAAA,EAAI,WAAU,4DAAA,GACb,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAI;AAAA,IACJ,KAAI;AAAA,IACJ,WAAU;AAAA,EAAA;AAAA,mCAEX,OAAA,EAAI,WAAU,qDACb,gBAAAA,EAAA,cAACC,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,+BAErD,mCACCA,GAAA,EAAW,SAAQ,SAAQ,WAAU,8BAA2B,4EAGjE,CACF,CACF;"}
+{"version":3,"file":"index.es135.js","sources":["../src/components/molecules/pagination/pagination-components.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\n\n// import { ButtonProps } from 'geoiq-frontend-ui-kit'\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={`mx-auto flex w-full justify-center ${className}`}\n    {...props}\n  />\n)\nPagination.displayName = 'Pagination'\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<'ul'>\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={`flex flex-row items-center gap-1 ${className}`}\n    {...props}\n  />\n))\nPaginationContent.displayName = 'PaginationContent'\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<'li'>\n>(({ className, ...props }, ref) => (\n  <li ref={ref} className={className} {...props} />\n))\nPaginationItem.displayName = 'PaginationItem'\n\n// type PaginationLinkProps = RemixLinkProps &\n//   React.RefAttributes<HTMLAnchorElement>\n// Pick<ButtonProps, 'size'> &\n\n// const PaginationLink = (props: PaginationLinkProps) => <Link {...props} />\n\n// PaginationLink.displayName = 'PaginationLink'\n\nconst PaginationPrevious = (props: React.ComponentProps<typeof Button>) => (\n  <Button variant=\"teritiary\" size=\"sm\" {...props}>\n    <ChevronLeft className=\"w-4 h-4\" />\n    <Typography variant=\"body4\">Previous</Typography>\n  </Button>\n)\nPaginationPrevious.displayName = 'PaginationPrevious'\n\nconst PaginationNext = (props: React.ComponentProps<typeof Button>) => (\n  <Button variant=\"teritiary\" size=\"sm\" {...props}>\n    <Typography variant=\"body4\">Next</Typography>\n    <ChevronRight className=\"w-4 h-4\" />\n  </Button>\n)\nPaginationNext.displayName = 'PaginationNext'\n\nconst PaginationEllipsis = (props: React.ComponentProps<typeof Button>) => (\n  <Button variant=\"teritiary\" size=\"sm\" {...props}>\n    <MoreHorizontal className=\"w-4 h-4 stroke-light-1\" />\n  </Button>\n)\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  // PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"],"names":["Pagination","className","props","React","PaginationContent","ref","PaginationItem","PaginationPrevious","Button","ChevronLeft","Typography","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;AAOA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAClC,gBAAAC,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAW,sCAAsCF,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEzB,MAAMI,IAAoBD,EAAM,WAG9B,CAAC,EAAE,WAAAF,GAAW,GAAGC,EAAA,GAASG,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAW,oCAAoCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDE,EAAkB,cAAc;AAEhC,MAAME,IAAiBH,EAAM,WAG3B,CAAC,EAAE,WAAAF,GAAW,GAAGC,KAASG,sCACzB,MAAA,EAAG,KAAAA,GAAU,WAAAJ,GAAuB,GAAGC,GAAO,CAChD;AACDI,EAAe,cAAc;AAU7B,MAAMC,IAAqB,CAACL,MAC1B,gBAAAC,EAAA,cAACK,KAAO,SAAQ,aAAY,MAAK,MAAM,GAAGN,KACxC,gBAAAC,EAAA,cAACM,GAAA,EAAY,WAAU,UAAA,CAAU,mCAChCC,GAAA,EAAW,SAAQ,QAAA,GAAQ,UAAQ,CACtC;AAEFH,EAAmB,cAAc;AAEjC,MAAMI,IAAiB,CAACT,MACtB,gBAAAC,EAAA,cAACK,KAAO,SAAQ,aAAY,MAAK,MAAM,GAAGN,KACxC,gBAAAC,EAAA,cAACO,GAAA,EAAW,SAAQ,QAAA,GAAQ,MAAI,GAChC,gBAAAP,EAAA,cAACS,GAAA,EAAa,WAAU,UAAA,CAAU,CACpC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAACX,MAC1B,gBAAAC,EAAA,cAACK,KAAO,SAAQ,aAAY,MAAK,MAAM,GAAGN,EAAA,GACxC,gBAAAC,EAAA,cAACW,GAAA,EAAe,WAAU,0BAAyB,CACrD;AAEFD,EAAmB,cAAc;"}