geoiq-frontend-ui-kit 2.0.1 → 2.0.2

package/dist/index.es59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es59.js","sources":["../src/components/unstyled/table/table-components.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className={`relative w-full overflow-auto  ${className}`}>\n    <table\n      ref={ref}\n      className={cn('w-full caption-bottom text-sm')}\n      {...props}\n    />\n  </div>\n))\nTable.displayName = 'Table'\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />\n))\nTableHeader.displayName = 'TableHeader'\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n))\nTableBody.displayName = 'TableBody'\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      'border-t bg-muted/50 font-medium [&>tr]:last:border-b-0',\n      className\n    )}\n    {...props}\n  />\n))\nTableFooter.displayName = 'TableFooter'\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',\n      className\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = 'TableRow'\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      'h-10 px-2 text-left align-middle font-medium text-muted-foreground [ & has([role=checkbox])]:pr-0 [ & [role=checkbox]]:translate-y-[2px]',\n      className\n    )}\n    {...props}\n  />\n))\nTableHead.displayName = 'TableHead'\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n      className\n    )}\n    {...props}\n  />\n))\nTableCell.displayName = 'TableCell'\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn('mt-4 text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nTableCaption.displayName = 'TableCaption'\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["Table","React","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;AAIA,MAAMA,IAAQC,EAAM,WAGlB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA,cAAC,OAAA,EAAI,WAAW,kCAAkCC,CAAS,GAAA,GACzD,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,+BAA+B;AAAA,IAC5C,GAAGF;AAAA,EAAA;AACN,CACF,CACD;AACDH,EAAM,cAAc;AAEpB,MAAMM,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,sCACzB,SAAA,EAAM,KAAAA,GAAU,WAAWC,EAAG,mBAAmBH,CAAS,GAAI,GAAGC,GAAO,CAC1E;AACDG,EAAY,cAAc;AAE1B,MAAMC,IAAYN,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAU,cAAc;AAExB,MAAMC,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAc;AAE1B,MAAMC,IAAWR,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAS,cAAc;AAEvB,MAAMC,IAAYT,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAU,cAAc;AAExB,MAAMC,IAAYV,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAU,cAAc;AAExB,MAAMC,IAAeX,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAa,cAAc;"}
+{"version":3,"file":"index.es59.js","sources":["../src/components/unstyled/carousel/carousel.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from './carousel-components'\nimport { CarouselPropsType } from './carousel.types'\n\nexport const _Carousel: React.FC<CarouselPropsType> = (props) => {\n  return (\n    <Carousel\n      className={`flex items-center justify-center ${props.className} `}\n      id={props.id}\n      opts={{\n        loop: props.loop || false,\n      }}\n      {...props}\n    >\n      <CarouselContent className={`${props.contentClassName}`}>\n        {props.items.map((item, index) => {\n          return (\n            <CarouselItem\n              key={index}\n              className={`flex items-center justify-center ${props.itemsClassName}`}\n            >\n              {item}\n            </CarouselItem>\n          )\n        })}\n      </CarouselContent>\n      {!props.hideArrows ? (\n        <>\n          <CarouselPrevious />\n          <CarouselNext />\n        </>\n      ) : null}\n    </Carousel>\n  )\n}\n"],"names":["_Carousel","props","React","Carousel","CarouselContent","item","index","CarouselItem","CarouselPrevious","CarouselNext"],"mappings":";;AAUO,MAAMA,IAAyC,CAACC,MAEnDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,oCAAoCF,EAAM,SAAS;AAAA,IAC9D,IAAIA,EAAM;AAAA,IACV,MAAM;AAAA,MACJ,MAAMA,EAAM,QAAQ;AAAA,IAAA;AAAA,IAErB,GAAGA;AAAA,EAAA;AAAA,EAEJC,gBAAAA,EAAA,cAACE,GAAA,EAAgB,WAAW,GAAGH,EAAM,gBAAgB,GAAA,GAClDA,EAAM,MAAM,IAAI,CAACI,GAAMC,MAEpBJ,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,WAAW,oCAAoCL,EAAM,cAAc;AAAA,IAAA;AAAA,IAElEI;AAAA,EAAA,CAGN,CACH;AAAA,EACEJ,EAAM,aAKJ,OAJFC,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAACM,OAAiB,GAClBN,gBAAAA,EAAA,cAACO,GAAA,IAAa,CAChB;AACE;"}

package/dist/index.es6.js

@@ -1,31 +1,27 @@
-import * as f from "react";
-import { cn as p } from "./index.es81.js";
-import { BadgeVariants as s } from "./index.es67.js";
-function l({
-  className: r,
-  variant: e,
-  size: t,
-  showBorder: a,
-  children: m,
-  prefixIcon: o,
-  suffixIcon: i,
-  id: n,
-  ...c
+import { Avatar as n, AvatarImage as i, AvatarFallback as v } from "./index.es7.js";
+import e from "react";
+function f({
+  imageSrc: r,
+  alt: a,
+  size: t = "sm",
+  fallback: c,
+  fallbackProps: o,
+  imageProps: m,
+  avatarProps: l,
+  id: s
 }) {
-  return /* @__PURE__ */ f.createElement(
-    "div",
+  return /* @__PURE__ */ e.createElement(
+    n,
     {
-      id: n,
-      className: p(s({ variant: e, size: t, showBorder: a }), r),
-      ...c
+      id: s,
+      className: `border hover:bg-hover-s1 active:bg-click-s1 focus:bg-click-s1 cursor-pointer border-neutral-1 ${t === "sm" ? "h-8 w-8" : "h-10 w-10"}`,
+      ...l
     },
-    o,
-    m,
-    i
+    /* @__PURE__ */ e.createElement(i, { src: r, alt: a, ...m }),
+    /* @__PURE__ */ e.createElement(v, { ...o }, c)
   );
 }
 export {
-  l as Badge,
-  s as BadgeVariants
+  f as AvatarDemo
 };
 //# sourceMappingURL=index.es6.js.map

package/dist/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":["../src/components/atoms/badge/badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { BadgeVariants } from './badge.styles'\nimport { BadgeProps } from './badge.types'\n\nfunction Badge({\n  className,\n  variant,\n  size,\n  showBorder,\n  children,\n  prefixIcon,\n  suffixIcon,\n  id,\n  ...props\n}: BadgeProps) {\n  return (\n    <div\n      id={id}\n      className={cn(BadgeVariants({ variant, size, showBorder }), className)}\n      {...props}\n    >\n      {prefixIcon}\n      {children}\n      {suffixIcon}\n    </div>\n  )\n}\n\nexport { Badge, BadgeVariants }\n"],"names":["Badge","className","variant","size","showBorder","children","prefixIcon","suffixIcon","id","props","React","cn","BadgeVariants"],"mappings":";;;AAMA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAAF;AAAA,MACA,WAAWG,EAAGC,EAAc,EAAE,SAAAV,GAAS,MAAAC,GAAM,YAAAC,EAAA,CAAY,GAAGH,CAAS;AAAA,MACpE,GAAGQ;AAAA,IAAA;AAAA,IAEHH;AAAA,IACAD;AAAA,IACAE;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es6.js","sources":["../src/components/atoms/avatar/avatar.tsx"],"sourcesContent":["import { Avatar, AvatarFallback, AvatarImage } from './avatar-components'\nimport { AvatarProps } from './avatar.types'\nimport React from 'react'\n\nexport function AvatarDemo({\n  imageSrc,\n  alt,\n  size = 'sm',\n  fallback,\n  fallbackProps,\n  imageProps,\n  avatarProps,\n  id,\n}: AvatarProps) {\n  return (\n    <Avatar\n      id={id}\n      className={`border hover:bg-hover-s1 active:bg-click-s1 focus:bg-click-s1 cursor-pointer border-neutral-1 ${size === 'sm' ? 'h-8 w-8' : 'h-10 w-10'}`}\n      {...avatarProps}\n    >\n      <AvatarImage src={imageSrc} alt={alt} {...imageProps} />\n      <AvatarFallback {...fallbackProps}>{fallback}</AvatarFallback>\n    </Avatar>\n  )\n}\n"],"names":["AvatarDemo","imageSrc","alt","size","fallback","fallbackProps","imageProps","avatarProps","id","React","Avatar","AvatarImage","AvatarFallback"],"mappings":";;AAIO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,IAAAC;AACF,GAAgB;AACd,SACEC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAF;AAAA,MACA,WAAW,iGAAiGL,MAAS,OAAO,YAAY,WAAW;AAAA,MAClJ,GAAGI;AAAA,IAAA;AAAA,oCAEHI,GAAA,EAAY,KAAKV,GAAU,KAAAC,GAAW,GAAGI,GAAY;AAAA,IACtDG,gBAAAA,EAAA,cAACG,GAAA,EAAgB,GAAGP,EAAA,GAAgBD,CAAS;AAAA,EAAA;AAGnD;"}

package/dist/index.es60.js

@@ -1,10 +1,107 @@
-import r from "react";
-import { ClusterHoverCard as t } from "./index.es106.js";
-import { PointHoverCard as a } from "./index.es107.js";
-function n(e) {
-  return e.variant === "CLUSTER" ? /* @__PURE__ */ r.createElement(t, { ...e }) : /* @__PURE__ */ r.createElement(a, { ...e });
-}
+import * as e from "react";
+import { Command as m, useCommandState as s } from "cmdk";
+import { Search as p } from "lucide-react";
+import { cn as d } from "./index.es89.js";
+import { Dialog as c, DialogContent as i } from "./index.es78.js";
+const n = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
+  m,
+  {
+    ref: r,
+    className: d(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      t
+    ),
+    ...a
+  }
+));
+n.displayName = m.displayName;
+const E = ({ children: t, ...a }) => /* @__PURE__ */ e.createElement(c, { ...a }, /* @__PURE__ */ e.createElement(i, { className: "p-0 overflow-hidden shadow-lg" }, /* @__PURE__ */ e.createElement(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5" }, t))), u = e.forwardRef(({ className: t, showIcon: a = !0, ...r }, o) => /* @__PURE__ */ e.createElement("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "" }, a && /* @__PURE__ */ e.createElement(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ e.createElement(
+  m.Input,
+  {
+    ref: o,
+    className: d(
+      "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+      t
+    ),
+    ...r
+  }
+)));
+u.displayName = m.Input.displayName;
+const f = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
+  m.List,
+  {
+    ref: r,
+    className: d("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
+    ...a
+  }
+));
+f.displayName = m.List.displayName;
+const g = e.forwardRef(({ className: t, ...a }, r) => s((l) => l.filtered.count === 0) ? /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: r,
+    className: d("py-6 text-sm text-center", t),
+    ...a
+  }
+) : null);
+g.displayName = m.Empty.displayName;
+const x = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
+  m.Group,
+  {
+    ref: r,
+    className: d(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      t
+    ),
+    ...a
+  }
+));
+x.displayName = m.Group.displayName;
+const h = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
+  m.Separator,
+  {
+    ref: r,
+    className: d("-mx-1 h-px bg-border", t),
+    ...a
+  }
+));
+h.displayName = m.Separator.displayName;
+const N = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
+  m.Item,
+  {
+    ref: r,
+    disabled: a.disabled ?? !1,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-light-2 aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled=true]:opacity-50",
+      t
+    ),
+    ...a
+  }
+));
+N.displayName = m.Item.displayName;
+const y = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ e.createElement(
+  "span",
+  {
+    className: d(
+      "ml-auto text-xs tracking-widest text-muted-foreground",
+      t
+    ),
+    ...a
+  }
+);
+y.displayName = "CommandShortcut";
 export {
-  n as default
+  n as Command,
+  E as CommandDialog,
+  g as CommandEmpty,
+  x as CommandGroup,
+  u as CommandInput,
+  N as CommandItem,
+  f as CommandList,
+  h as CommandSeparator,
+  y as CommandShortcut
 };
 //# sourceMappingURL=index.es60.js.map

package/dist/index.es60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es60.js","sources":["../src/components/ui/map-marker-hover-card/map-marker-hover-card.tsx"],"sourcesContent":["import React from 'react'\nimport { ClusterHoverCard } from './components/map-cluster-hover-card'\nimport { PointHoverCard } from './components/map-point-hover-card'\nimport { MapMarkerHoverCardNS } from './map-marker-hover-card.types'\n\nexport default function HoverDetailCard(\n  props: MapMarkerHoverCardNS.HoverDetailCardProps\n) {\n  if (props.variant === 'CLUSTER') {\n    return <ClusterHoverCard {...props} />\n  }\n\n  return <PointHoverCard {...props} />\n}\n"],"names":["HoverDetailCard","props","React","ClusterHoverCard","PointHoverCard"],"mappings":";;;AAKA,SAAwBA,EACtBC,GACA;AACA,SAAIA,EAAM,YAAY,YACbC,gBAAAA,EAAA,cAACC,GAAA,EAAkB,GAAGF,EAAA,CAAO,IAG/BC,gBAAAA,EAAA,cAACE,GAAA,EAAgB,GAAGH,EAAA,CAAO;AACpC;"}
+{"version":3,"file":"index.es60.js","sources":["../src/components/unstyled/command/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive, useCommandState } from 'cmdk'\nimport { Search } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport {\n  Dialog,\n  DialogContent,\n} from '@/components/organisms/dialog/dialog-components'\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\n      className\n    )}\n    {...props}\n  />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"p-0 overflow-hidden shadow-lg\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\ninterface CommandInputProps extends React.ComponentPropsWithoutRef<\n  typeof CommandPrimitive.Input\n> {\n  showIcon?: boolean\n}\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  CommandInputProps\n>(({ className, showIcon = true, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    {showIcon && <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />}\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, ref) => {\n  const render = useCommandState((state) => state.filtered.count === 0)\n\n  if (!render) return null\n  //ISSUE REf https://github.com/shadcn-ui/ui/issues/1849\n  // CommandPrimitive.Empty is replaced with div\n  return (\n    <div\n      ref={ref}\n      className={cn('py-6 text-sm text-center', className)}\n      {...props}\n    />\n  )\n})\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground',\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 h-px bg-border', className)}\n    {...props}\n  />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    disabled={props.disabled ?? false}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-light-2 aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled=true]:opacity-50',\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        'ml-auto text-xs tracking-widest text-muted-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"],"names":["Command","React","className","props","ref","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","showIcon","Search","CommandList","CommandEmpty","useCommandState","state","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}

package/dist/index.es61.js

@@ -1,44 +1,14 @@
-import * as t from "react";
-import { InputOTP as u, InputOTPGroup as f, InputOTPSlot as y } from "./index.es113.js";
-import { Typography as i } from "./index.es17.js";
-const g = ({
-  length: a = 6,
-  className: r,
-  containerClassName: p,
-  onChange: l,
-  value: c = "",
-  disabled: e = !1,
-  isError: n = !1,
-  message: o
-}) => /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement(
-  u,
-  {
-    maxLength: a,
-    value: c,
-    className: e ? "outline-0 bg-transparent cursor-not-allowed outline-none opacity-50" : r,
-    containerClassName: p,
-    disabled: e,
-    isError: n,
-    onChange: l
-  },
-  Array.from({ length: a }).map((I, m) => /* @__PURE__ */ t.createElement(f, { key: m }, /* @__PURE__ */ t.createElement(
-    y,
-    {
-      index: m,
-      isError: n,
-      disabled: e,
-      className: r
-    }
-  )))
-), o && /* @__PURE__ */ t.createElement(
-  i,
-  {
-    variant: "body4",
-    className: `${n ? "text-danger-1" : "text-light-4"} mt-1`
-  },
-  o
-));
+import { HoverCard as m, HoverCardTrigger as n, HoverCardContent as l } from "./index.es62.js";
+import e from "react";
+function i({
+  trigger: r,
+  content: t,
+  triggerProps: a,
+  contentProps: o
+}) {
+  return /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(n, { asChild: !0, ...a }, r), /* @__PURE__ */ e.createElement(l, { className: "bg-white", ...o }, t));
+}
 export {
-  g as OtpInput
+  i as HoverCardDemo
 };
 //# sourceMappingURL=index.es61.js.map

package/dist/index.es61.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es61.js","sources":["../src/components/unstyled/otp-input/otp-input.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from './otp-input-component'\nimport { OTPInputProps } from './otp-input.types'\nimport { Typography } from '@/components/atoms/typography'\n\nconst OtpInput: React.FC<OTPInputProps> = ({\n  length = 6,\n  className,\n  containerClassName,\n  onChange,\n  value = '',\n  disabled = false,\n  isError = false,\n  message,\n}) => {\n  return (\n    <div>\n      <InputOTP\n        maxLength={length}\n        value={value} // Added value prop\n        className={\n          disabled\n            ? 'outline-0 bg-transparent cursor-not-allowed outline-none opacity-50'\n            : className\n        }\n        containerClassName={containerClassName}\n        disabled={disabled}\n        isError={isError}\n        onChange={onChange}\n      >\n        {Array.from({ length }).map((_, index) => (\n          <InputOTPGroup key={index}>\n            <InputOTPSlot\n              index={index}\n              isError={isError}\n              disabled={disabled}\n              className={className}\n            />\n          </InputOTPGroup>\n        ))}\n      </InputOTP>\n\n      {message && (\n        <Typography\n          variant={'body4'}\n          className={`${isError ? 'text-danger-1' : 'text-light-4'} mt-1`}\n        >\n          {message}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nexport { OtpInput }\n"],"names":["OtpInput","length","className","containerClassName","onChange","value","disabled","isError","message","React","InputOTP","_","index","InputOTPGroup","InputOTPSlot","Typography"],"mappings":";;;AAOA,MAAMA,IAAoC,CAAC;AAAA,EACzC,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,SAAAC;AACF,sCAEK,OAAA,MACC,gBAAAC,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWT;AAAA,IACX,OAAAI;AAAA,IACA,WACEC,IACI,wEACAJ;AAAA,IAEN,oBAAAC;AAAA,IACA,UAAAG;AAAA,IACA,SAAAC;AAAA,IACA,UAAAH;AAAA,EAAA;AAAA,EAEC,MAAM,KAAK,EAAE,QAAAH,EAAA,CAAQ,EAAE,IAAI,CAACU,GAAGC,MAC9B,gBAAAH,EAAA,cAACI,GAAA,EAAc,KAAKD,EAAA,GAClB,gBAAAH,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,OAAAF;AAAA,MACA,SAAAL;AAAA,MACA,UAAAD;AAAA,MACA,WAAAJ;AAAA,IAAA;AAAA,EAAA,CAEJ,CACD;AAAA,GAGFM,KACC,gBAAAC,EAAA;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,WAAW,GAAGR,IAAU,kBAAkB,cAAc;AAAA,EAAA;AAAA,EAEvDC;AAAA,CAGP;"}
+{"version":3,"file":"index.es61.js","sources":["../src/components/unstyled/hover-card/hover-card.tsx"],"sourcesContent":["import {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from './hover-card-components'\nimport { HoverCardProps } from './hover-card.types'\nimport React from 'react'\n\nexport function HoverCardDemo({\n  trigger,\n  content,\n  triggerProps,\n  contentProps,\n}: HoverCardProps) {\n  return (\n    <HoverCard>\n      <HoverCardTrigger asChild {...triggerProps}>\n        {trigger}\n        {/* <Button variant=\"outline\">Open popover</Button> */}\n      </HoverCardTrigger>\n      <HoverCardContent className=\"bg-white\" {...contentProps}>\n        {content}\n      </HoverCardContent>\n    </HoverCard>\n  )\n}\n"],"names":["HoverCardDemo","trigger","content","triggerProps","contentProps","HoverCard","React","HoverCardTrigger","HoverCardContent"],"mappings":";;AAQO,SAASA,EAAc;AAAA,EAC5B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACF,GAAmB;AACjB,yCACGC,GAAA,MACCC,gBAAAA,EAAA,cAACC,GAAA,EAAiB,SAAO,IAAE,GAAGJ,KAC3BF,CAEH,mCACCO,GAAA,EAAiB,WAAU,YAAY,GAAGJ,KACxCF,CACH,CACF;AAEJ;"}

package/dist/index.es62.js

@@ -1,83 +1,23 @@
 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.es81.js";
-import { Calendar as s } from "./index.es51.js";
-import { Popover as D, PopoverTrigger as N, PopoverContent as P } from "./index.es82.js";
-import { Button as C } from "./index.es7.js";
-import { Typography as F } from "./index.es17.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
-    },
-    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)]"
-        }
-      }
-    )
-  )));
-}
+import * as t from "@radix-ui/react-hover-card";
+import { cn as n } from "./index.es89.js";
+const p = t.Root, f = t.Trigger, s = e.forwardRef(({ className: o, align: a = "center", sideOffset: d = 4, ...r }, i) => /* @__PURE__ */ e.createElement(
+  t.Content,
+  {
+    ref: i,
+    align: a,
+    sideOffset: d,
+    className: n(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      o
+    ),
+    ...r
+  }
+));
+s.displayName = t.Content.displayName;
 export {
-  O as DatePicker
+  p as HoverCard,
+  s as HoverCardContent,
+  f as HoverCardTrigger
 };
 //# sourceMappingURL=index.es62.js.map

package/dist/index.es62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es62.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;"}
+{"version":3,"file":"index.es62.js","sources":["../src/components/unstyled/hover-card/hover-card-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card'\n\nimport { cn } from '@/lib/utils'\n\nconst HoverCard = HoverCardPrimitive.Root\nconst HoverCardTrigger = HoverCardPrimitive.Trigger\n\nconst HoverCardContent = React.forwardRef<\n  React.ElementRef<typeof HoverCardPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <HoverCardPrimitive.Content\n    ref={ref}\n    align={align}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      className\n    )}\n    {...props}\n  />\n))\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n"],"names":["HoverCard","HoverCardPrimitive","HoverCardTrigger","HoverCardContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;AAOA,MAAMA,IAAYC,EAAmB,MAC/BC,IAAmBD,EAAmB,SAEtCE,IAAmBC,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,EAAA,GAASC,MAC5D,gBAAAL,EAAA;AAAA,EAACH,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAQ;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAiB,cAAcF,EAAmB,QAAQ;"}

package/dist/index.es63.js

@@ -1,39 +1,14 @@
+import { Popover as m, PopoverTrigger as n, PopoverContent as a } from "./index.es90.js";
 import e from "react";
-import { FormStep as d } from "./index.es117.js";
-import { FormNavigation as p } from "./index.es118.js";
-import { FormReadOnlyView as E } from "./index.es119.js";
-import { FormStructureProvider as g } from "./index.es120.js";
-import { FormValuesProvider as s } from "./index.es121.js";
-const N = ({
-  structure: r,
-  initialValues: o = {},
-  onSubmit: m,
-  onAssetUpload: t,
-  readOnly: l = !1,
-  onGoToNextStep: a,
-  onGoToPreviousStep: f,
-  onToggleImageEditor: n,
-  isSubmitting: i = !1,
-  testMode: c = !1
-}) => l ? /* @__PURE__ */ e.createElement(E, { structure: r, values: o }) : /* @__PURE__ */ e.createElement(g, { structure: r }, /* @__PURE__ */ e.createElement(
-  s,
-  {
-    initialValues: o,
-    onSubmit: m,
-    onAssetUpload: t,
-    onToggleImageEditor: n
-  },
-  /* @__PURE__ */ e.createElement("div", { id: "form-renderer", className: " flex flex-col h-full " }, /* @__PURE__ */ e.createElement(d, null), /* @__PURE__ */ e.createElement(
-    p,
-    {
-      isSubmitting: i,
-      onGoToNextStep: a,
-      onGoToPreviousStep: f,
-      testMode: c
-    }
-  ))
-));
+function i({
+  trigger: r,
+  content: t,
+  triggerProps: o,
+  contentProps: l
+}) {
+  return /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(n, { asChild: !0, ...o }, r), /* @__PURE__ */ e.createElement(a, { className: "bg-light-1", ...l }, t));
+}
 export {
-  N as FormRenderer
+  i as PopoverDemo
 };
 //# sourceMappingURL=index.es63.js.map

package/dist/index.es63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es63.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\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}\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}) => {\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      >\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":["FormRenderer","structure","initialValues","onSubmit","onAssetUpload","readOnly","onGoToNextStep","onGoToPreviousStep","onToggleImageEditor","isSubmitting","testMode","React","FormReadOnlyView","FormStructureProvider","FormValuesProvider","FormStep","FormNavigation"],"mappings":";;;;;;AA4BO,MAAMA,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;AACb,MACML,IACKM,gBAAAA,EAAA,cAACC,GAAA,EAAiB,WAAAX,GAAsB,QAAQC,GAAe,IAItES,gBAAAA,EAAA,cAACE,KAAsB,WAAAZ,EAAA,GACrBU,gBAAAA,EAAA;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,eAAAZ;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAqBI;AAAAA,EAAA;AAAA,EAErBG,gBAAAA,EAAA,cAAC,SAAI,IAAI,iBAAiB,WAAU,yBAAA,GAClCA,gBAAAA,EAAA,cAACI,OAAS,GACVJ,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,cAAAP;AAAA,MACA,gBAAAH;AAAA,MACA,oBAAAC;AAAA,MACA,UAAAG;AAAA,IAAA;AAAA,EAAA,CAEJ;AAAA,CAEJ;"}
+{"version":3,"file":"index.es63.js","sources":["../src/components/unstyled/popover/popover.tsx"],"sourcesContent":["// import { Button } from '@/components/ui/button'\n// import { Input } from '@/components/ui/input'\n// import { Label } from '@/components/ui/label'\nimport { Popover, PopoverContent, PopoverTrigger } from './popover-components'\nimport { PopoverProps } from './popover.types'\nimport React from 'react'\n\n//https://www.radix-ui.com/primitives/docs/components/popover#api-reference\n// refer for docs\n\nexport function PopoverDemo({\n  trigger,\n  content,\n  triggerProps,\n  contentProps,\n}: PopoverProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild {...triggerProps}>\n        {trigger}\n        {/* <Button variant=\"outline\">Open popover</Button> */}\n      </PopoverTrigger>\n      <PopoverContent className=\"bg-light-1\" {...contentProps}>\n        {content}\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["PopoverDemo","trigger","content","triggerProps","contentProps","Popover","React","PopoverTrigger","PopoverContent"],"mappings":";;AAUO,SAASA,EAAY;AAAA,EAC1B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACF,GAAiB;AACf,yCACGC,GAAA,MACCC,gBAAAA,EAAA,cAACC,GAAA,EAAe,SAAO,IAAE,GAAGJ,KACzBF,CAEH,mCACCO,GAAA,EAAe,WAAU,cAAc,GAAGJ,KACxCF,CACH,CACF;AAEJ;"}

package/dist/index.es64.js

@@ -1,91 +1,21 @@
-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.es124.js";
-import { Button as r } from "./index.es7.js";
-import { Typography as p } from "./index.es17.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,
+import * as r from "react";
+import { Loader2 as i } from "lucide-react";
+import { cn as p } from "./index.es89.js";
+import { SpinnerVariants as f } from "./index.es82.js";
+const s = r.forwardRef(
+  ({ className: e, variant: o, size: a, id: m, ...n }, t) => /* @__PURE__ */ r.createElement(
+    i,
     {
-      disabled: t === i,
-      onClick: k
+      className: p(f({ variant: o, size: a, className: e })),
+      id: m,
+      ref: t,
+      ...n
     }
-  )), f(), /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
-    C,
-    {
-      disabled: t === n,
-      onClick: h
-    }
-  ))));
-};
+  )
+);
+s.displayName = "Spinner";
 export {
-  B as default
+  s as Spinner,
+  f as SpinnerVariants
 };
 //# sourceMappingURL=index.es64.js.map