geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es69.js

@@ -1,32 +1,83 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  "peer  rounded border  hover:ring-1 ring-slate-100 hover:border hover:border-neutral-3 hover:bg-hover-s1  disabled:cursor-not-allowed disabled:opacity-70 disabled:border-neutral-1 data-[state=checked]:bg-rest-p1  data-[state=checked]:hover:bg-hover-p1  data-[state=checked]:text-white  data-[state=checked]:font-black data-[state=checked]:border-0 data-[state=checked]:hover:border-0",
-  {
-    variants: {
-      variant: {},
-      size: {
-        sm: "w-4 h-4",
-        md: "w-5 h-5"
-      }
+import * as e from "react";
+import { addDays as v, format as n } from "date-fns";
+import { CalendarIcon as _ } from "lucide-react";
+import { cn as m } from "./index.es89.js";
+import { Calendar as s } from "./index.es58.js";
+import { Popover as D, PopoverTrigger as N, PopoverContent as P } from "./index.es90.js";
+import { Button as C } from "./index.es9.js";
+import { Typography as F } from "./index.es19.js";
+function O({
+  variant: o = "range",
+  date: i,
+  range: c,
+  onDateChange: l,
+  onRangeChange: d,
+  className: g,
+  buttonClassName: f,
+  placeholder: p = "Pick a date",
+  rangePlaceholder: u = "Pick a date range",
+  container: y
+}) {
+  const [h, b] = e.useState(
+    void 0
+  ), [M, E] = e.useState({
+    from: /* @__PURE__ */ new Date(),
+    to: v(/* @__PURE__ */ new Date(), 7)
+  }), r = i ?? h, t = c ?? M, w = (a) => {
+    l ? l(a) : b(a);
+  }, x = (a) => {
+    d ? d(a) : E(a);
+  };
+  return /* @__PURE__ */ e.createElement("div", { className: m("h-[5rem] w-full p-0", g) }, /* @__PURE__ */ e.createElement(D, null, /* @__PURE__ */ e.createElement(N, { asChild: !0 }, /* @__PURE__ */ e.createElement(
+    C,
+    {
+      variant: "secondary",
+      className: m(
+        "w-full justify-start text-left font-normal px-3 h-[2.375] focus-visible:border-primary-2 focus-visible:ring-4 border border-light-2 ring-primary-1   !ring-offset-0  ",
+        (o === "single" ? !r : !t?.from) && "text-muted-foreground",
+        f
+      )
+    },
+    /* @__PURE__ */ e.createElement(_, { className: "w-5 h-5 mr-2 text-light-4" }),
+    /* @__PURE__ */ e.createElement(F, { variant: "body4" }, /* @__PURE__ */ e.createElement(e.Fragment, null, o === "range" ? t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, n(t.from, "MMM dd, y"), " /", " ", n(t.to, "MMM dd, y")) : n(t.from, "MMM dd, y") : u : r ? n(r, "MMM dd, y") : /* @__PURE__ */ e.createElement("span", { className: "text-light-4" }, p)))
+  )), /* @__PURE__ */ e.createElement(
+    P,
+    {
+      className: "w-auto p-0",
+      align: "start",
+      container: y
     },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), r = e("", {
-  variants: {
-    variant: {},
-    size: {
-      sm: "w-3.5 h-2.5",
-      md: ""
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
+    o === "range" ? /* @__PURE__ */ e.createElement(
+      s,
+      {
+        initialFocus: !0,
+        mode: "range",
+        defaultMonth: t?.from,
+        selected: t,
+        onSelect: x,
+        numberOfMonths: 2
+      }
+    ) : /* @__PURE__ */ e.createElement(
+      s,
+      {
+        initialFocus: !0,
+        mode: "single",
+        defaultMonth: r,
+        selected: r,
+        onSelect: w,
+        classNames: {
+          day: "h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1 rounded-lg",
+          day_today: "bg-primary-1 rounded-lg aria-selected:text-white aria-selected:bg-rest-p1 aria-selected:hover:bg-rest-p1 aria-selected:w-10",
+          day_selected: "text-white bg-rest-p1 hover:bg-rest-p1 w-10",
+          day_range_start: "day-range-start text-light-2 rounded-l-lg",
+          day_range_end: "bg-primary-2 rounded-r-lg !bg-red-500",
+          day_range_middle: "aria-selected:bg-primary-2 text-light-1 aria-selected:text-foreground [&:not(.day-range-start):not(.day-range-end)]"
+        }
+      }
+    )
+  )));
+}
 export {
-  r as CheckVariants,
-  t as CheckboxVariants
+  O as DatePicker
 };
 //# sourceMappingURL=index.es69.js.map

package/dist/index.es69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es69.js","sources":["../src/components/atoms/checkbox/checkbox.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const CheckboxVariants = cva(\n  'peer  rounded border  hover:ring-1 ring-slate-100 hover:border hover:border-neutral-3 hover:bg-hover-s1  disabled:cursor-not-allowed disabled:opacity-70 disabled:border-neutral-1 data-[state=checked]:bg-rest-p1  data-[state=checked]:hover:bg-hover-p1  data-[state=checked]:text-white  data-[state=checked]:font-black data-[state=checked]:border-0 data-[state=checked]:hover:border-0',\n  {\n    variants: {\n      variant: {},\n      size: {\n        sm: 'w-4 h-4',\n        md: 'w-5 h-5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n)\n\nexport const CheckVariants = cva('', {\n  variants: {\n    variant: {},\n    size: {\n      sm: 'w-3.5 h-2.5',\n      md: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n"],"names":["CheckboxVariants","cva","CheckVariants"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAA;AAAA,MACT,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEaC,IAAgBD,EAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,SAAS,CAAA;AAAA,IACT,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;"}
+{"version":3,"file":"index.es69.js","sources":["../src/components/unstyled/date-picker/date-picker.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { addDays, format } from 'date-fns'\nimport { CalendarIcon } from 'lucide-react'\nimport type { DateRange } from 'react-day-picker'\n\nimport { cn } from '@/lib/utils'\nimport { Calendar } from '@/components/unstyled/calendar'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/components/unstyled/popover/popover-components'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\nimport { DatePickerProps } from './date-picker.types'\n\nfunction DatePicker({\n  variant = 'range',\n  date: controlledDate,\n  range: controlledRange,\n  onDateChange,\n  onRangeChange,\n  className,\n  buttonClassName,\n  placeholder = 'Pick a date',\n  rangePlaceholder = 'Pick a date range',\n  container,\n}: DatePickerProps) {\n  const [internalDate, setInternalDate] = React.useState<Date | undefined>(\n    undefined\n  )\n  const [internalRange, setInternalRange] = React.useState<\n    DateRange | undefined\n  >({\n    from: new Date(),\n    to: addDays(new Date(), 7),\n  })\n\n  // Use controlled state if provided, otherwise internal state\n  const date = controlledDate ?? internalDate\n  const range = controlledRange ?? internalRange\n\n  const handleDateChange = (date?: Date) => {\n    onDateChange ? onDateChange(date) : setInternalDate(date)\n  }\n\n  const handleRangeChange = (range?: DateRange) => {\n    onRangeChange ? onRangeChange(range) : setInternalRange(range)\n  }\n\n  //   focus-visible:border-primary-2 focus-visible:ring-4 ring-primary-1\n  return (\n    <div className={cn('h-[5rem] w-full p-0', className)}>\n      <Popover>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"secondary\"\n            className={cn(\n              'w-full justify-start text-left font-normal px-3 h-[2.375] focus-visible:border-primary-2 focus-visible:ring-4 border border-light-2 ring-primary-1   !ring-offset-0  ',\n              (variant === 'single' ? !date : !range?.from) &&\n                'text-muted-foreground',\n              buttonClassName\n            )}\n          >\n            <CalendarIcon className=\"w-5 h-5 mr-2 text-light-4\" />\n            <Typography variant={'body4'}>\n              {\n                <>\n                  {variant === 'range' ? (\n                    range?.from ? (\n                      range.to ? (\n                        <>\n                          {format(range.from, 'MMM dd, y')} /{' '}\n                          {format(range.to, 'MMM dd, y')}\n                        </>\n                      ) : (\n                        format(range.from, 'MMM dd, y')\n                      )\n                    ) : (\n                      rangePlaceholder\n                    )\n                  ) : date ? (\n                    format(date, 'MMM dd, y')\n                  ) : (\n                    <span className=\"text-light-4\">{placeholder}</span>\n                  )}\n                </>\n              }\n            </Typography>\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-auto p-0\"\n          align=\"start\"\n          container={container}\n        >\n          {variant === 'range' ? (\n            <Calendar\n              initialFocus\n              mode=\"range\"\n              defaultMonth={range?.from}\n              selected={range}\n              onSelect={handleRangeChange}\n              numberOfMonths={2}\n            />\n          ) : (\n            <Calendar\n              initialFocus\n              mode=\"single\"\n              defaultMonth={date}\n              selected={date}\n              onSelect={handleDateChange}\n              classNames={{\n                day: 'h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1 rounded-lg',\n                day_today:\n                  'bg-primary-1 rounded-lg aria-selected:text-white aria-selected:bg-rest-p1 aria-selected:hover:bg-rest-p1 aria-selected:w-10',\n                day_selected: 'text-white bg-rest-p1 hover:bg-rest-p1 w-10',\n                day_range_start: 'day-range-start text-light-2 rounded-l-lg',\n                day_range_end: 'bg-primary-2 rounded-r-lg !bg-red-500',\n                day_range_middle:\n                  'aria-selected:bg-primary-2 text-light-1 aria-selected:text-foreground [&:not(.day-range-start):not(.day-range-end)]',\n              }}\n            />\n          )}\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n\nexport type { DateRange }\nexport { DatePicker }\n"],"names":["DatePicker","variant","controlledDate","controlledRange","onDateChange","onRangeChange","className","buttonClassName","placeholder","rangePlaceholder","container","internalDate","setInternalDate","React","internalRange","setInternalRange","addDays","date","range","handleDateChange","handleRangeChange","cn","Popover","PopoverTrigger","Button","CalendarIcon","Typography","format","PopoverContent","Calendar"],"mappings":";;;;;;;;AAkBA,SAASA,EAAW;AAAA,EAClB,SAAAC,IAAU;AAAA,EACV,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,kBAAAC,IAAmB;AAAA,EACnB,WAAAC;AACF,GAAoB;AAClB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAM;AAAA,IAC5C;AAAA,EAAA,GAEI,CAACC,GAAeC,CAAgB,IAAIF,EAAM,SAE9C;AAAA,IACA,0BAAU,KAAA;AAAA,IACV,IAAIG,EAAQ,oBAAI,KAAA,GAAQ,CAAC;AAAA,EAAA,CAC1B,GAGKC,IAAOf,KAAkBS,GACzBO,IAAQf,KAAmBW,GAE3BK,IAAmB,CAACF,MAAgB;AACxC,IAAAb,IAAeA,EAAaa,CAAI,IAAIL,EAAgBK,CAAI;AAAA,EAC1D,GAEMG,IAAoB,CAACF,MAAsB;AAC/C,IAAAb,IAAgBA,EAAca,CAAK,IAAIH,EAAiBG,CAAK;AAAA,EAC/D;AAGA,SACE,gBAAAL,EAAA,cAAC,OAAA,EAAI,WAAWQ,EAAG,uBAAuBf,CAAS,EAAA,GACjD,gBAAAO,EAAA,cAACS,GAAA,MACC,gBAAAT,EAAA,cAACU,GAAA,EAAe,SAAO,MACrB,gBAAAV,EAAA;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAWH;AAAA,QACT;AAAA,SACCpB,MAAY,WAAW,CAACgB,IAAO,CAACC,GAAO,SACtC;AAAA,QACFX;AAAA,MAAA;AAAA,IACF;AAAA,IAEA,gBAAAM,EAAA,cAACY,GAAA,EAAa,WAAU,4BAAA,CAA4B;AAAA,oCACnDC,GAAA,EAAW,SAAS,WAEjB,gBAAAb,EAAA,cAAAA,EAAA,UAAA,MACGZ,MAAY,UACXiB,GAAO,OACLA,EAAM,KACJ,gBAAAL,EAAA,cAAAA,EAAA,UAAA,MACGc,EAAOT,EAAM,MAAM,WAAW,GAAE,MAAG,KACnCS,EAAOT,EAAM,IAAI,WAAW,CAC/B,IAEAS,EAAOT,EAAM,MAAM,WAAW,IAGhCT,IAEAQ,IACFU,EAAOV,GAAM,WAAW,IAExB,gBAAAJ,EAAA,cAAC,QAAA,EAAK,WAAU,eAAA,GAAgBL,CAAY,CAEhD,CAEJ;AAAA,EAAA,CAEJ,GACA,gBAAAK,EAAA;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAM;AAAA,MACN,WAAAlB;AAAA,IAAA;AAAA,IAECT,MAAY,UACX,gBAAAY,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,cAAY;AAAA,QACZ,MAAK;AAAA,QACL,cAAcX,GAAO;AAAA,QACrB,UAAUA;AAAA,QACV,UAAUE;AAAA,QACV,gBAAgB;AAAA,MAAA;AAAA,IAAA,IAGlB,gBAAAP,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,cAAY;AAAA,QACZ,MAAK;AAAA,QACL,cAAcZ;AAAA,QACd,UAAUA;AAAA,QACV,UAAUE;AAAA,QACV,YAAY;AAAA,UACV,KAAK;AAAA,UACL,WACE;AAAA,UACF,cAAc;AAAA,UACd,iBAAiB;AAAA,UACjB,eAAe;AAAA,UACf,kBACE;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACF,CAGN,CACF;AAEJ;"}

package/dist/index.es7.js

@@ -1,47 +1,42 @@
-import * as e from "react";
-import { ButtonVariants as E, TitleVariants as N } from "./index.es68.js";
-import { Loader2 as y } from "lucide-react";
-import { Slot as b } from "@radix-ui/react-slot";
-import { Typography as h } from "./index.es17.js";
-import { cn as o } from "./index.es81.js";
-const w = e.forwardRef(
-  ({
-    className: n,
-    variant: l,
-    size: t,
-    title: a,
-    suffixIcon: s,
-    prefixIcon: c,
-    asChild: i = !1,
-    loading: r,
-    id: f,
-    disabled: p,
-    ...m
-  }, d) => {
-    const u = i ? b : "button";
-    return /* @__PURE__ */ e.createElement(
-      u,
-      {
-        className: o(E({ variant: l, size: t, className: n })),
-        id: f,
-        ref: d,
-        disabled: r || p,
-        ...m
-      },
-      r ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(y, { className: "w-4 h-4 mr-2 animate-spin" }), "Please wait...") : a ? /* @__PURE__ */ e.createElement("div", { className: "flex items-center" }, c, /* @__PURE__ */ e.createElement(
-        h,
-        {
-          className: o(N({ size: t })),
-          variant: "body1"
-        },
-        a
-      ), s) : m.children
-    );
+import * as a from "react";
+import * as e from "@radix-ui/react-avatar";
+import { cn as m } from "./index.es89.js";
+const s = a.forwardRef(({ className: l, ...r }, t) => /* @__PURE__ */ a.createElement(
+  e.Root,
+  {
+    ref: t,
+    className: m(
+      "relative flex h-full w-full shrink-0 overflow-hidden rounded-full",
+      l
+    ),
+    ...r
   }
-);
-w.displayName = "Button";
+));
+s.displayName = e.Root.displayName;
+const f = a.forwardRef(({ className: l, ...r }, t) => /* @__PURE__ */ a.createElement(
+  e.Image,
+  {
+    ref: t,
+    className: m("aspect-square h-full w-full", l),
+    ...r
+  }
+));
+f.displayName = e.Image.displayName;
+const o = a.forwardRef(({ className: l, ...r }, t) => /* @__PURE__ */ a.createElement(
+  e.Fallback,
+  {
+    ref: t,
+    className: m(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      l
+    ),
+    ...r
+  }
+));
+o.displayName = e.Fallback.displayName;
 export {
-  w as Button,
-  E as ButtonVariants
+  s as Avatar,
+  o as AvatarFallback,
+  f as AvatarImage
 };
 //# sourceMappingURL=index.es7.js.map

package/dist/index.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es7.js","sources":["../src/components/atoms/button/button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ButtonVariants, TitleVariants } from './button.styles'\n\nimport { ButtonProps } from './button.types'\nimport { Loader2 } from 'lucide-react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { Typography } from '../typography'\nimport { cn } from '@/lib/utils'\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      title,\n      suffixIcon,\n      prefixIcon,\n      asChild = false,\n      loading,\n      id,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp\n        className={cn(ButtonVariants({ variant, size, className }))}\n        id={id}\n        ref={ref}\n        disabled={loading || disabled}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n            Please wait...\n          </>\n        ) : title ? (\n          <div className=\"flex items-center\">\n            {prefixIcon}\n            <Typography\n              className={cn(TitleVariants({ size }))}\n              variant={'body1'}\n            >\n              {title}\n            </Typography>\n            {suffixIcon}\n          </div>\n        ) : (\n          props.children\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n\nexport { Button, ButtonVariants }\n"],"names":["Button","React","className","variant","size","title","suffixIcon","prefixIcon","asChild","loading","id","disabled","props","ref","Comp","Slot","cn","ButtonVariants","Loader2","Typography","TitleVariants"],"mappings":";;;;;;AAUA,MAAMA,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,SAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAON,IAAUO,IAAO;AAC9B,WACE,gBAAAd,EAAA;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,WAAWE,EAAGC,EAAe,EAAE,SAAAd,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,IAAAQ;AAAA,QACA,KAAAG;AAAA,QACA,UAAUJ,KAAWE;AAAA,QACpB,GAAGC;AAAA,MAAA;AAAA,MAEHH,IACC,gBAAAR,EAAA,cAAAA,EAAA,UAAA,MACE,gBAAAA,EAAA,cAACiB,GAAA,EAAQ,WAAU,4BAAA,CAA4B,GAAE,gBAEnD,IACEb,IACF,gBAAAJ,EAAA,cAAC,OAAA,EAAI,WAAU,uBACZM,GACD,gBAAAN,EAAA;AAAA,QAACkB;AAAA,QAAA;AAAA,UACC,WAAWH,EAAGI,EAAc,EAAE,MAAAhB,EAAA,CAAM,CAAC;AAAA,UACrC,SAAS;AAAA,QAAA;AAAA,QAERC;AAAA,MAAA,GAEFC,CACH,IAEAM,EAAM;AAAA,IAAA;AAAA,EAId;AACF;AAEAZ,EAAO,cAAc;"}
+{"version":3,"file":"index.es7.js","sources":["../src/components/atoms/avatar/avatar-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\n\nimport { cn } from '@/lib/utils'\n\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn(\n      'relative flex h-full w-full shrink-0 overflow-hidden rounded-full',\n      className\n    )}\n    {...props}\n  />\n))\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full', className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'flex h-full w-full items-center justify-center rounded-full bg-muted',\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"],"names":["Avatar","React","className","props","ref","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;AAOA,MAAMA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACI,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAO,cAAcK,EAAgB,KAAK;AAE1C,MAAME,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACI,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,+BAA+BJ,CAAS;AAAA,IACrD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcF,EAAgB,MAAM;AAEhD,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACI,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAcH,EAAgB,SAAS;"}

package/dist/index.es70.js

@@ -1,88 +1,70 @@
-import * as e from "react";
-import * as t from "@radix-ui/react-dialog";
-import { cn as l } from "./index.es81.js";
-const u = t.Root, y = t.Trigger, r = t.Portal, x = t.Close, n = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
-  t.Overlay,
-  {
-    ref: s,
-    className: l(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      a
-    ),
-    ...o
+import r from "react";
+import { FormStep as R } from "./index.es127.js";
+import { FormNavigation as x } from "./index.es128.js";
+import { FormReadOnlyView as O } from "./index.es129.js";
+import { FormStructureProvider as B } from "./index.es130.js";
+import { FormValuesProvider as I } from "./index.es131.js";
+function f(n, l) {
+  if (typeof document > "u") return null;
+  const i = document.cookie.split("; ").find((t) => t.startsWith(`${n}=`));
+  if (!i) return null;
+  const m = decodeURIComponent(i.split("=").slice(1).join("=").trim());
+  try {
+    const t = JSON.parse(m), c = l.split(".");
+    let e = t;
+    for (const a of c)
+      e = e?.[a];
+    return typeof e == "string" ? e : null;
+  } catch {
+    return null;
   }
-));
-n.displayName = t.Overlay.displayName;
-const d = e.forwardRef(({ className: a, children: o, ...s }, i) => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(
-  t.Content,
-  {
-    ref: i,
-    className: l(
-      "bg-background fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-xl",
-      a
-    ),
-    ...s
-  },
-  o,
-  /* @__PURE__ */ e.createElement(t.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Close"))
-)));
-d.displayName = t.Content.displayName;
-const c = ({
-  className: a,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: l("flex flex-col gap-1 text-center sm:text-left", a),
-    ...o
-  }
-);
-c.displayName = "DialogHeader";
-const m = ({
-  className: a,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: l(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      a
-    ),
-    ...o
-  }
-);
-m.displayName = "DialogFooter";
-const f = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
-  t.Title,
-  {
-    ref: s,
-    className: l(
-      "text-lg font-semibold leading-none tracking-tight",
-      a
-    ),
-    ...o
-  }
-));
-f.displayName = t.Title.displayName;
-const g = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
-  t.Description,
-  {
-    ref: s,
-    className: l("text-muted-foreground text-sm", a),
-    ...o
-  }
-));
-g.displayName = t.Description.displayName;
+}
+const _ = ({
+  structure: n,
+  initialValues: l = {},
+  onSubmit: i,
+  onAssetUpload: m,
+  readOnly: t = !1,
+  onGoToNextStep: c,
+  onGoToPreviousStep: e,
+  onToggleImageEditor: a,
+  isSubmitting: u = !1,
+  testMode: p = !1,
+  getRequestHeaders: g,
+  authCookieName: s,
+  authCookieTokenPath: v = "in.token",
+  authCookieEmailPath: d,
+  getCreateOptionExtraBody: E
+}) => {
+  const F = g ?? (s ? () => {
+    const o = f(s, v);
+    return o ? { Authorization: `Bearer ${o}` } : {};
+  } : void 0), y = E ?? (s && d ? () => {
+    const o = f(s, d);
+    return o ? { email: o } : {};
+  } : void 0);
+  return t ? /* @__PURE__ */ r.createElement(O, { structure: n, values: l }) : /* @__PURE__ */ r.createElement(B, { structure: n }, /* @__PURE__ */ r.createElement(
+    I,
+    {
+      initialValues: l,
+      onSubmit: i,
+      onAssetUpload: m,
+      onToggleImageEditor: a,
+      getRequestHeaders: F,
+      getCreateOptionExtraBody: y
+    },
+    /* @__PURE__ */ r.createElement("div", { id: "form-renderer", className: " flex flex-col h-full " }, /* @__PURE__ */ r.createElement(R, null), /* @__PURE__ */ r.createElement(
+      x,
+      {
+        isSubmitting: u,
+        onGoToNextStep: c,
+        onGoToPreviousStep: e,
+        testMode: p
+      }
+    ))
+  ));
+};
 export {
-  u as Dialog,
-  x as DialogClose,
-  d as DialogContent,
-  g as DialogDescription,
-  m as DialogFooter,
-  c as DialogHeader,
-  n as DialogOverlay,
-  r as DialogPortal,
-  f as DialogTitle,
-  y as DialogTrigger
+  _ as FormRenderer
 };
 //# sourceMappingURL=index.es70.js.map

package/dist/index.es70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es70.js","sources":["../src/components/organisms/dialog/dialog-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport { cn } from '@/lib/utils'\n\nconst Dialog = DialogPrimitive.Root\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'bg-background fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-xl',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        {/* <X className=\"w-4 h-4\" /> */}\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col gap-1 text-center sm:text-left', className)}\n    {...props}\n  />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n      className\n    )}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      'text-lg font-semibold leading-none tracking-tight',\n      className\n    )}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","cn","DialogContent","children","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;AAOA,MAAMA,IAASC,EAAgB,MACzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMU,IAAgBL,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGJ,EAAA,GAASC,MACpC,gBAAAH,EAAA,cAACH,GAAA,MACC,gBAAAG,EAAA,cAACD,OAAc,GACf,gBAAAC,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,EAEHI;AAAA,EACD,gBAAAN,EAAA,cAACL,EAAgB,OAAhB,EAAsB,WAAU,gRAAA,GAE/B,gBAAAK,EAAA,cAAC,QAAA,EAAK,WAAU,UAAA,GAAU,OAAK,CACjC;AACF,CACF,CACD;AACDK,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMY,IAAe,CAAC;AAAA,EACpB,WAAAN;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI,EAAG,gDAAgDH,CAAS;AAAA,IACtE,GAAGC;AAAA,EAAA;AACN;AAEFK,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAP;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFM,EAAa,cAAc;AAE3B,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAY,cAAcd,EAAgB,MAAM;AAEhD,MAAMe,IAAoBV,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAkB,cAAcf,EAAgB,YAAY;"}
+{"version":3,"file":"index.es70.js","sources":["../src/components/ui/form-renderer/form-renderer.tsx"],"sourcesContent":["// components/FormRenderer.tsx\nimport React from 'react'\nimport { FormStep } from './components/form-step'\nimport { FormNavigation } from './components/form-navigation'\nimport { FormValuesProvider } from './context/form-values'\nimport { FormStructureProvider } from './context/form-structure'\nimport {\n  AssetValue,\n  FormStructure,\n  FormValues,\n  onToggleImageEditor,\n  OnNavigate,\n} from './form.types'\nimport { FormReadOnlyView } from './components/form-read-only-view'\n\n/** Extracts value from cookie JSON using dot-notation path (e.g. \"in.token\") */\nfunction getValueFromCookie(cookieName: string, path: string): string | null {\n  if (typeof document === 'undefined') return null\n  const cookie = document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieName}=`))\n  if (!cookie) return null\n  const value = decodeURIComponent(cookie.split('=').slice(1).join('=').trim())\n  try {\n    const parsed = JSON.parse(value) as Record<string, unknown>\n    const parts = path.split('.')\n    let val: unknown = parsed\n    for (const p of parts) {\n      val = (val as Record<string, unknown>)?.[p]\n    }\n    return typeof val === 'string' ? val : null\n  } catch {\n    return null\n  }\n}\n\nexport interface FormRendererProps {\n  structure: FormStructure\n  initialValues?: FormValues\n  onSubmit?: (values: FormValues) => void\n  onAssetUpload?: (file: File) => Promise<AssetValue>\n  readOnly?: boolean\n  onGoToNextStep?: OnNavigate\n  onGoToPreviousStep?: OnNavigate\n  onToggleImageEditor?: onToggleImageEditor\n  isSubmitting?: boolean\n  testMode?: boolean\n  /** Returns headers for API requests (e.g. Authorization from cookie). Used by CreatableMultiCombobox */\n  getRequestHeaders?: () =>\n    | Record<string, string>\n    | Promise<Record<string, string>>\n  /** Cookie name. When provided with authCookieTokenPath, builds getRequestHeaders from cookie. Ignored if getRequestHeaders is set */\n  authCookieName?: string\n  /** Dot-notation path to token in cookie JSON (e.g. \"in.token\"). Default: \"in.token\" */\n  authCookieTokenPath?: string\n  /** Dot-notation path to email in cookie JSON (e.g. \"in.email\"). When set with authCookieName, auto-adds { email } to create option body */\n  authCookieEmailPath?: string\n  /** Returns extra body for create option API (e.g. { email } from cookie). Used by CreatableMultiCombobox. Ignored if authCookieName + authCookieEmailPath set */\n  getCreateOptionExtraBody?: () =>\n    | Record<string, unknown>\n    | Promise<Record<string, unknown>>\n}\n\nexport const FormRenderer: React.FC<FormRendererProps> = ({\n  structure,\n  initialValues = {},\n  onSubmit,\n  onAssetUpload,\n  readOnly = false,\n  onGoToNextStep,\n  onGoToPreviousStep,\n  onToggleImageEditor,\n  isSubmitting = false,\n  testMode = false,\n  getRequestHeaders,\n  authCookieName,\n  authCookieTokenPath = 'in.token',\n  authCookieEmailPath,\n  getCreateOptionExtraBody,\n}) => {\n  const resolvedGetRequestHeaders =\n    getRequestHeaders ??\n    (authCookieName\n      ? (): Record<string, string> => {\n          const token = getValueFromCookie(authCookieName, authCookieTokenPath)\n          return token ? { Authorization: `Bearer ${token}` } : {}\n        }\n      : undefined)\n\n  const resolvedGetCreateOptionExtraBody =\n    getCreateOptionExtraBody ??\n    (authCookieName && authCookieEmailPath\n      ? () => {\n          const email = getValueFromCookie(authCookieName, authCookieEmailPath)\n          return email ? { email } : {}\n        }\n      : undefined)\n\n  if (readOnly) {\n    return <FormReadOnlyView structure={structure} values={initialValues} />\n  }\n\n  return (\n    <FormStructureProvider structure={structure}>\n      <FormValuesProvider\n        initialValues={initialValues}\n        onSubmit={onSubmit}\n        onAssetUpload={onAssetUpload}\n        onToggleImageEditor={onToggleImageEditor}\n        getRequestHeaders={resolvedGetRequestHeaders}\n        getCreateOptionExtraBody={resolvedGetCreateOptionExtraBody}\n      >\n        <div id={'form-renderer'} className=\" flex flex-col h-full \">\n          <FormStep />\n          <FormNavigation\n            isSubmitting={isSubmitting}\n            onGoToNextStep={onGoToNextStep}\n            onGoToPreviousStep={onGoToPreviousStep}\n            testMode={testMode}\n          />\n        </div>\n      </FormValuesProvider>\n    </FormStructureProvider>\n  )\n}\n"],"names":["getValueFromCookie","cookieName","path","cookie","row","value","parsed","parts","val","p","FormRenderer","structure","initialValues","onSubmit","onAssetUpload","readOnly","onGoToNextStep","onGoToPreviousStep","onToggleImageEditor","isSubmitting","testMode","getRequestHeaders","authCookieName","authCookieTokenPath","authCookieEmailPath","getCreateOptionExtraBody","resolvedGetRequestHeaders","token","resolvedGetCreateOptionExtraBody","email","React","FormReadOnlyView","FormStructureProvider","FormValuesProvider","FormStep","FormNavigation"],"mappings":";;;;;;AAgBA,SAASA,EAAmBC,GAAoBC,GAA6B;AAC3E,MAAI,OAAO,WAAa,IAAa,QAAO;AAC5C,QAAMC,IAAS,SAAS,OACrB,MAAM,IAAI,EACV,KAAK,CAACC,MAAQA,EAAI,WAAW,GAAGH,CAAU,GAAG,CAAC;AACjD,MAAI,CAACE,EAAQ,QAAO;AACpB,QAAME,IAAQ,mBAAmBF,EAAO,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,EAAE,MAAM;AAC5E,MAAI;AACF,UAAMG,IAAS,KAAK,MAAMD,CAAK,GACzBE,IAAQL,EAAK,MAAM,GAAG;AAC5B,QAAIM,IAAeF;AACnB,eAAWG,KAAKF;AACd,MAAAC,IAAOA,IAAkCC,CAAC;AAE5C,WAAO,OAAOD,KAAQ,WAAWA,IAAM;AAAA,EACzC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AA6BO,MAAME,IAA4C,CAAC;AAAA,EACxD,WAAAC;AAAA,EACA,eAAAC,IAAgB,CAAA;AAAA,EAChB,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,qBAAAC;AAAA,EACA,0BAAAC;AACF,MAAM;AACJ,QAAMC,IACJL,MACCC,IACG,MAA8B;AAC5B,UAAMK,IAAQ3B,EAAmBsB,GAAgBC,CAAmB;AACpE,WAAOI,IAAQ,EAAE,eAAe,UAAUA,CAAK,GAAA,IAAO,CAAA;AAAA,EACxD,IACA,SAEAC,IACJH,MACCH,KAAkBE,IACf,MAAM;AACJ,UAAMK,IAAQ7B,EAAmBsB,GAAgBE,CAAmB;AACpE,WAAOK,IAAQ,EAAE,OAAAA,EAAA,IAAU,CAAA;AAAA,EAC7B,IACA;AAEN,SAAId,IACKe,gBAAAA,EAAA,cAACC,GAAA,EAAiB,WAAApB,GAAsB,QAAQC,GAAe,IAItEkB,gBAAAA,EAAA,cAACE,KAAsB,WAAArB,EAAA,GACrBmB,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,eAAArB;AAAA,MACA,UAAAC;AAAA,MACA,eAAAC;AAAA,MACA,qBAAqBI;AAAAA,MACrB,mBAAmBQ;AAAA,MACnB,0BAA0BE;AAAA,IAAA;AAAA,IAE1BE,gBAAAA,EAAA,cAAC,SAAI,IAAI,iBAAiB,WAAU,yBAAA,GAClCA,gBAAAA,EAAA,cAACI,OAAS,GACVJ,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAAhB;AAAA,QACA,gBAAAH;AAAA,QACA,oBAAAC;AAAA,QACA,UAAAG;AAAA,MAAA;AAAA,IAAA,CAEJ;AAAA,EAAA,CAEJ;AAEJ;"}

package/dist/index.es71.js

@@ -1,14 +1,91 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  "aspect-square data-[state=unchecked]:hover:bg-hover-s1 h-4 w-4 rounded-full border border-stroke1 text-primary focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 flex items-center justify-center  border-neutral-2",
-  {
-    variants: {
-      variant: {}
-    },
-    defaultVariants: {}
-  }
-);
+import e from "react";
+import { Pagination as u, PaginationContent as N, PaginationItem as o, PaginationPrevious as b, PaginationNext as C, PaginationEllipsis as y } from "./index.es135.js";
+import { Button as r } from "./index.es9.js";
+import { Typography as p } from "./index.es19.js";
+const B = ({
+  firstPage: i,
+  lastPage: n,
+  currPage: t,
+  onPageChange: m,
+  siblingCount: d = 1
+}) => {
+  const k = () => {
+    t > i && m(t - 1);
+  }, h = () => {
+    t < n && m(t + 1);
+  }, v = () => {
+    m(i);
+  }, x = () => {
+    m(n);
+  }, E = (l, a) => {
+    const s = Math.floor((l + a) / 2);
+    m(s);
+  }, f = () => {
+    const l = [], a = Math.max(t - d, i + 1), s = Math.min(t + d, n - 1);
+    l.push(
+      /* @__PURE__ */ e.createElement(o, { key: i }, /* @__PURE__ */ e.createElement(
+        r,
+        {
+          variant: t === i ? "secondary" : "teritiary",
+          size: "sm",
+          onClick: v
+        },
+        /* @__PURE__ */ e.createElement(p, { variant: "body4", className: "p-2 text-light-1" }, i)
+      ))
+    ), a > i + 1 && l.push(
+      /* @__PURE__ */ e.createElement(o, { key: "ellipsis-start" }, /* @__PURE__ */ e.createElement(
+        y,
+        {
+          onClick: () => E(i + 1, a - 1)
+        }
+      ))
+    );
+    for (let c = a; c <= s; c++)
+      l.push(
+        /* @__PURE__ */ e.createElement(o, { key: c }, /* @__PURE__ */ e.createElement(
+          r,
+          {
+            variant: t === c ? "secondary" : "teritiary",
+            size: "sm",
+            onClick: () => m(c)
+          },
+          /* @__PURE__ */ e.createElement(p, { variant: "body4", className: "p-2 text-light-1" }, c)
+        ))
+      );
+    return s < n - 1 && l.push(
+      /* @__PURE__ */ e.createElement(o, { key: "ellipsis-end" }, /* @__PURE__ */ e.createElement(
+        y,
+        {
+          onClick: () => E(s + 1, n - 1)
+        }
+      ))
+    ), n > 1 && l.push(
+      /* @__PURE__ */ e.createElement(o, { key: n }, /* @__PURE__ */ e.createElement(
+        r,
+        {
+          variant: t === n ? "secondary" : "teritiary",
+          size: "sm",
+          onClick: x
+        },
+        /* @__PURE__ */ e.createElement(p, { variant: "body4", className: "p-2 text-light-1" }, n)
+      ))
+    ), l;
+  };
+  return /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
+    b,
+    {
+      disabled: t === i,
+      onClick: k
+    }
+  )), f(), /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
+    C,
+    {
+      disabled: t === n,
+      onClick: h
+    }
+  ))));
+};
 export {
-  t as RadioGroupVariants
+  B as default
 };
 //# sourceMappingURL=index.es71.js.map

package/dist/index.es71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es71.js","sources":["../src/components/atoms/radio-group/radio-group-style.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const RadioGroupVariants = cva(\n  'aspect-square data-[state=unchecked]:hover:bg-hover-s1 h-4 w-4 rounded-full border border-stroke1 text-primary focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 flex items-center justify-center  border-neutral-2',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["RadioGroupVariants","cva"],"mappings":";AAEO,MAAMA,IAAqBC;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAA;AAAA,IAAC;AAAA,IAEZ,iBAAiB,CAAA;AAAA,EAAC;AAEtB;"}
+{"version":3,"file":"index.es71.js","sources":["../src/components/molecules/pagination/pagination.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationNext,\n  PaginationPrevious,\n} from './pagination-components'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\n\ninterface PaginationProps {\n  firstPage: number\n  lastPage: number\n  currPage: number\n  onPageChange: (page: number) => void\n  siblingCount?: number // Number of pages to show on either side of current page\n}\n\nconst PaginationComponent: React.FC<PaginationProps> = ({\n  firstPage,\n  lastPage,\n  currPage,\n  onPageChange,\n  siblingCount = 1,\n}: PaginationProps) => {\n  const handlePrevious = () => {\n    if (currPage > firstPage) {\n      onPageChange(currPage - 1)\n    }\n  }\n\n  const handleNext = () => {\n    if (currPage < lastPage) {\n      onPageChange(currPage + 1)\n    }\n  }\n\n  const handleFirst = () => {\n    onPageChange(firstPage)\n  }\n\n  const handleLast = () => {\n    onPageChange(lastPage)\n  }\n\n  const handleEllipsisClick = (start: number, end: number) => {\n    const midpoint = Math.floor((start + end) / 2)\n    onPageChange(midpoint)\n  }\n\n  const renderPageLinks = () => {\n    const pages = []\n    const startPage = Math.max(currPage - siblingCount, firstPage + 1)\n    const endPage = Math.min(currPage + siblingCount, lastPage - 1)\n\n    pages.push(\n      <PaginationItem key={firstPage}>\n        <Button\n          variant={currPage === firstPage ? 'secondary' : 'teritiary'}\n          size=\"sm\"\n          onClick={handleFirst}\n        >\n          <Typography variant=\"body4\" className=\"p-2 text-light-1\">\n            {firstPage}\n          </Typography>\n        </Button>\n      </PaginationItem>\n    )\n\n    // Add ellipsis before startPage if needed\n    if (startPage > firstPage + 1) {\n      pages.push(\n        <PaginationItem key=\"ellipsis-start\">\n          <PaginationEllipsis\n            onClick={() => handleEllipsisClick(firstPage + 1, startPage - 1)}\n          />\n        </PaginationItem>\n      )\n    }\n\n    // Generate middle pages\n    for (let i = startPage; i <= endPage; i++) {\n      pages.push(\n        <PaginationItem key={i}>\n          <Button\n            variant={currPage === i ? 'secondary' : 'teritiary'}\n            size=\"sm\"\n            onClick={() => onPageChange(i)}\n          >\n            <Typography variant=\"body4\" className=\"p-2 text-light-1\">\n              {i}\n            </Typography>\n          </Button>\n        </PaginationItem>\n      )\n    }\n\n    // Add ellipsis after endPage if needed\n    if (endPage < lastPage - 1) {\n      pages.push(\n        <PaginationItem key=\"ellipsis-end\">\n          <PaginationEllipsis\n            onClick={() => handleEllipsisClick(endPage + 1, lastPage - 1)}\n          />\n        </PaginationItem>\n      )\n    }\n\n    // Always include the last page\n    if (lastPage > 1) {\n      pages.push(\n        <PaginationItem key={lastPage}>\n          <Button\n            variant={currPage === lastPage ? 'secondary' : 'teritiary'}\n            size=\"sm\"\n            onClick={handleLast}\n          >\n            <Typography variant=\"body4\" className=\"p-2 text-light-1\">\n              {lastPage}\n            </Typography>\n          </Button>\n        </PaginationItem>\n      )\n    }\n\n    return pages\n  }\n\n  return (\n    <Pagination>\n      <PaginationContent>\n        <PaginationItem>\n          <PaginationPrevious\n            disabled={currPage === firstPage}\n            onClick={handlePrevious}\n          />\n        </PaginationItem>\n        {renderPageLinks()}\n        <PaginationItem>\n          <PaginationNext\n            disabled={currPage === lastPage}\n            onClick={handleNext}\n          />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  )\n}\n\nexport default PaginationComponent\n"],"names":["PaginationComponent","firstPage","lastPage","currPage","onPageChange","siblingCount","handlePrevious","handleNext","handleFirst","handleLast","handleEllipsisClick","start","end","midpoint","renderPageLinks","pages","startPage","endPage","React","PaginationItem","Button","Typography","PaginationEllipsis","i","Pagination","PaginationContent","PaginationPrevious","PaginationNext"],"mappings":"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"}