geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es64.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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"}
+{"version":3,"file":"index.es64.js","sources":["../src/components/unstyled/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { SpinnerVariants } from './spinner.styles'\nimport { SpinnerProps } from './spinner.types'\n\nconst Spinner = React.forwardRef<SVGSVGElement, SpinnerProps>(\n  ({ className, variant, size, id, ...props }, ref) => {\n    return (\n      <Loader2\n        className={cn(SpinnerVariants({ variant, size, className }))}\n        id={id}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nSpinner.displayName = 'Spinner'\n\nexport { Spinner, SpinnerVariants }\n"],"names":["Spinner","React","className","variant","size","id","props","ref","Loader2","cn","SpinnerVariants"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAM;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,IAAAC,GAAI,GAAGC,EAAA,GAASC,MAEzC,gBAAAN,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAgB,EAAE,SAAAP,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MAC3D,IAAAG;AAAA,MACA,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAN,EAAQ,cAAc;"}

package/dist/index.es65.js

@@ -1,63 +1,48 @@
-import e, { useState as s } from "react";
-import { MembersSection as E } from "./index.es97.js";
-import { ServingStatesSection as u } from "./index.es98.js";
-import { TypeSection as N } from "./index.es99.js";
-import { SharedMarketsSection as b } from "./index.es100.js";
-import { PropertiesAddedSection as A } from "./index.es101.js";
-import { NotesSection as C } from "./index.es102.js";
-import { DialogNote as v } from "./index.es103.js";
-const y = (o) => {
-  const [a, t] = s(!1), [n, r] = s(""), m = () => {
-    t(!0);
-  }, i = () => {
-    o.onNoteSubmit?.(n), r(""), t(!1);
-  }, l = (c) => r(c);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(D, { ...o, onAddNote: m }), /* @__PURE__ */ e.createElement(
-    v,
+import { Table as o, TableHeader as N, TableRow as n, TableCell as s, TableBody as i } from "./index.es66.js";
+import * as e from "react";
+import { Typography as r } from "./index.es19.js";
+function y({
+  tableData: a
+}) {
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    o,
     {
-      open: a,
-      noteValue: n,
-      onNoteChange: l,
-      onClose: () => t(!1),
-      onSave: i
-    }
+      className: a?.tableContainerClassName ?? "",
+      id: a?.id
+    },
+    /* @__PURE__ */ e.createElement(N, { className: a?.tableHeaderClassName ?? "" }, /* @__PURE__ */ e.createElement(n, null, a.headers.map((l, m) => /* @__PURE__ */ e.createElement(
+      s,
+      {
+        key: m,
+        className: l?.className + " " + (a?.tableCellClassName ?? "")
+      },
+      typeof l?.name == "string" ? /* @__PURE__ */ e.createElement(r, { className: "text-light-2", variant: "body4" }, l.name) : /* @__PURE__ */ e.createElement(e.Fragment, null, l.name)
+    )))),
+    /* @__PURE__ */ e.createElement(i, { className: a?.tableBodyClassName ?? "" }, a.rows.map((l, m) => /* @__PURE__ */ e.createElement(
+      n,
+      {
+        className: a?.tableRowClassName ?? "",
+        key: m
+      },
+      l.cells.map((t, c) => /* @__PURE__ */ e.createElement(
+        s,
+        {
+          className: a?.tableCellClassName ?? "",
+          key: c
+        },
+        typeof t?.content == "string" ? /* @__PURE__ */ e.createElement(
+          r,
+          {
+            className: "text-light-2  " + (t?.className ?? ""),
+            variant: "body4"
+          },
+          t.content
+        ) : /* @__PURE__ */ e.createElement(e.Fragment, null, t?.content)
+      ))
+    )))
   ));
-}, D = ({
-  members: o,
-  servingStates: a,
-  types: t,
-  sharedMarkets: n,
-  propertiesAdded: r,
-  notesLoading: m,
-  notes: i,
-  onAddNote: l,
-  hideNotes: c = !1,
-  hideProperties: p = !1,
-  property_count: S,
-  onPropertyRedirect: d,
-  onPropertiesReachBottom: f,
-  onPropertiesSearchChange: g,
-  loading: h
-}) => /* @__PURE__ */ e.createElement("div", { className: "p-3 bg-light-1 min-w-[420px]" }, /* @__PURE__ */ e.createElement(E, { members: o?.list ?? [] }), /* @__PURE__ */ e.createElement(u, { servingStates: a }), /* @__PURE__ */ e.createElement(N, { types: t }), /* @__PURE__ */ e.createElement(b, { sharedMarkets: n }), !p && /* @__PURE__ */ e.createElement(
-  A,
-  {
-    properties: r,
-    property_count: S,
-    onRedirect: d,
-    onReachBottom: f,
-    onSearchChange: g,
-    loading: h
-  }
-), !c && /* @__PURE__ */ e.createElement(
-  C,
-  {
-    notes: i?.list ?? [],
-    onAddNote: l,
-    notesLoading: m
-  }
-));
+}
 export {
-  D as AgentSnippetComponent,
-  y as AgentSnippetView
+  y as default
 };
 //# sourceMappingURL=index.es65.js.map

package/dist/index.es65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es65.js","sources":["../src/components/ui/agent-snippet-view/agent-snippet-view.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { MembersSection } from './components/members-section'\nimport { ServingStatesSection } from './components/serving-states-section'\nimport { TypeSection } from './components/agent-type-section'\nimport { SharedMarketsSection } from './components/shared-markets-section'\nimport { PropertiesAddedSection } from './components/properties-added-section'\n// import { CallHistorySection } from './components/call-history-section'\nimport { NotesSection } from './components/notes-section'\nimport { DialogNote } from './components/add-notes-dialog'\nimport type { AgentSnippetViewProps } from './agent-snippet-view.types'\n\nexport const AgentSnippetView = (props: AgentSnippetViewProps) => {\n  const [dialogOpen, setDialogOpen] = useState(false)\n  const [noteValue, setNoteValue] = useState('')\n\n  const handleAddNote = () => {\n    setDialogOpen(true)\n  }\n\n  const handleDialogSubmit = () => {\n    props.onNoteSubmit?.(noteValue)\n    setNoteValue('')\n    setDialogOpen(false)\n  }\n\n  const handleNoteChange = (value: string) => setNoteValue(value)\n\n  return (\n    <>\n      <AgentSnippetComponent {...props} onAddNote={handleAddNote} />\n      <DialogNote\n        open={dialogOpen}\n        noteValue={noteValue}\n        onNoteChange={handleNoteChange}\n        onClose={() => setDialogOpen(false)}\n        onSave={handleDialogSubmit}\n      />\n    </>\n  )\n}\n\nexport const AgentSnippetComponent: React.FC<AgentSnippetViewProps> = ({\n  members,\n  servingStates,\n  types,\n  sharedMarkets,\n  propertiesAdded,\n  notesLoading,\n  notes,\n  onAddNote,\n  hideNotes = false,\n  hideProperties = false,\n  property_count,\n  onPropertyRedirect,\n  onPropertiesReachBottom,\n  onPropertiesSearchChange,\n  loading,\n}) => (\n  <div className=\"p-3 bg-light-1 min-w-[420px]\">\n    <MembersSection members={members?.list ?? []} />\n    <ServingStatesSection servingStates={servingStates} />\n    <TypeSection types={types} />\n    <SharedMarketsSection sharedMarkets={sharedMarkets} />\n    {!hideProperties && (\n      <PropertiesAddedSection\n        properties={propertiesAdded}\n        property_count={property_count}\n        onRedirect={onPropertyRedirect}\n        onReachBottom={onPropertiesReachBottom}\n        onSearchChange={onPropertiesSearchChange}\n        loading={loading}\n      />\n    )}\n    {/* <CallHistorySection\n      callHistory={callHistory?.list ?? []}\n      // onEditCallNote={onEditCallNote}\n    /> */}\n    {!hideNotes && (\n      <NotesSection\n        notes={notes?.list ?? []}\n        onAddNote={onAddNote}\n        notesLoading={notesLoading}\n      />\n    )}\n  </div>\n)\n"],"names":["AgentSnippetView","props","dialogOpen","setDialogOpen","useState","noteValue","setNoteValue","handleAddNote","handleDialogSubmit","handleNoteChange","value","React","AgentSnippetComponent","DialogNote","members","servingStates","types","sharedMarkets","propertiesAdded","notesLoading","notes","onAddNote","hideNotes","hideProperties","property_count","onPropertyRedirect","onPropertiesReachBottom","onPropertiesSearchChange","loading","MembersSection","ServingStatesSection","TypeSection","SharedMarketsSection","PropertiesAddedSection","NotesSection"],"mappings":";;;;;;;;AAWO,MAAMA,IAAmB,CAACC,MAAiC;AAChE,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAE,GAEvCG,IAAgB,MAAM;AAC1B,IAAAJ,EAAc,EAAI;AAAA,EACpB,GAEMK,IAAqB,MAAM;AAC/B,IAAAP,EAAM,eAAeI,CAAS,GAC9BC,EAAa,EAAE,GACfH,EAAc,EAAK;AAAA,EACrB,GAEMM,IAAmB,CAACC,MAAkBJ,EAAaI,CAAK;AAE9D,2DAEIC,gBAAAA,EAAA,cAACC,GAAA,EAAuB,GAAGX,GAAO,WAAWM,GAAe,GAC5DI,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAMX;AAAA,MACN,WAAAG;AAAA,MACA,cAAcI;AAAA,MACd,SAAS,MAAMN,EAAc,EAAK;AAAA,MAClC,QAAQK;AAAA,IAAA;AAAA,EAAA,CAEZ;AAEJ,GAEaI,IAAyD,CAAC;AAAA,EACrE,SAAAE;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,SAAAC;AACF,MACEjB,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,+BAAA,GACbA,gBAAAA,EAAA,cAACkB,KAAe,SAASf,GAAS,QAAQ,CAAA,EAAC,CAAG,mCAC7CgB,GAAA,EAAqB,eAAAf,EAAA,CAA8B,GACpDJ,gBAAAA,EAAA,cAACoB,GAAA,EAAY,OAAAf,GAAc,GAC3BL,gBAAAA,EAAA,cAACqB,GAAA,EAAqB,eAAAf,EAAA,CAA8B,GACnD,CAACM,KACAZ,gBAAAA,EAAA;AAAA,EAACsB;AAAA,EAAA;AAAA,IACC,YAAYf;AAAA,IACZ,gBAAAM;AAAA,IACA,YAAYC;AAAA,IACZ,eAAeC;AAAA,IACf,gBAAgBC;AAAA,IAChB,SAAAC;AAAA,EAAA;AACF,GAMD,CAACN,KACAX,gBAAAA,EAAA;AAAA,EAACuB;AAAA,EAAA;AAAA,IACC,OAAOd,GAAO,QAAQ,CAAA;AAAA,IACtB,WAAAC;AAAA,IACA,cAAAF;AAAA,EAAA;AACF,CAEJ;"}
+{"version":3,"file":"index.es65.js","sources":["../src/components/unstyled/table/table.tsx"],"sourcesContent":["import {\n  Table,\n  TableRow,\n  TableBody,\n  TableHeader,\n  TableCell,\n} from './table-components'\nimport * as React from 'react'\nimport { TableData } from './table.types'\nimport { Typography } from '@/components/atoms/typography'\nexport default function TableComponent({\n  tableData,\n}: {\n  tableData: TableData\n}) {\n  return (\n    <>\n      <Table\n        className={tableData?.tableContainerClassName ?? ''}\n        id={tableData?.id}\n      >\n        <TableHeader className={tableData?.tableHeaderClassName ?? ''}>\n          <TableRow>\n            {tableData.headers.map((header, index) => (\n              <TableCell\n                key={index}\n                className={\n                  header?.className +\n                  ' ' +\n                  (tableData?.tableCellClassName ?? '')\n                }\n              >\n                {typeof header?.name === 'string' ? (\n                  <Typography className=\"text-light-2\" variant={'body4'}>\n                    {header.name}\n                  </Typography>\n                ) : (\n                  <>{header.name}</>\n                )}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody className={tableData?.tableBodyClassName ?? ''}>\n          {tableData.rows.map((row, rowIndex) => (\n            <TableRow\n              className={tableData?.tableRowClassName ?? ''}\n              key={rowIndex}\n            >\n              {row.cells.map((cell, cellIndex) => (\n                <TableCell\n                  className={tableData?.tableCellClassName ?? ''}\n                  key={cellIndex}\n                >\n                  {typeof cell?.content === 'string' ? (\n                    <Typography\n                      className={\n                        'text-light-2 ' + ' ' + (cell?.className ?? '')\n                      }\n                      variant={'body4'}\n                    >\n                      {cell.content}\n                    </Typography>\n                  ) : (\n                    <>{cell?.content}</>\n                  )}\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </>\n  )\n}\n"],"names":["TableComponent","tableData","React","Table","TableHeader","TableRow","header","index","TableCell","Typography","TableBody","row","rowIndex","cell","cellIndex"],"mappings":";;;AAUA,SAAwBA,EAAe;AAAA,EACrC,WAAAC;AACF,GAEG;AACD,SACE,gBAAAC,EAAA,cAAAA,EAAA,UAAA,MACE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF,GAAW,2BAA2B;AAAA,MACjD,IAAIA,GAAW;AAAA,IAAA;AAAA,IAEf,gBAAAC,EAAA,cAACE,GAAA,EAAY,WAAWH,GAAW,wBAAwB,GAAA,GACzD,gBAAAC,EAAA,cAACG,GAAA,MACEJ,EAAU,QAAQ,IAAI,CAACK,GAAQC,MAC9B,gBAAAL,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WACED,GAAQ,YACR,OACCL,GAAW,sBAAsB;AAAA,MAAA;AAAA,MAGnC,OAAOK,GAAQ,QAAS,2CACtBG,GAAA,EAAW,WAAU,gBAAe,SAAS,WAC3CH,EAAO,IACV,IAEA,gBAAAJ,EAAA,cAAAA,EAAA,UAAA,MAAGI,EAAO,IAAK;AAAA,IAAA,CAGpB,CACH,CACF;AAAA,IACA,gBAAAJ,EAAA,cAACQ,GAAA,EAAU,WAAWT,GAAW,sBAAsB,GAAA,GACpDA,EAAU,KAAK,IAAI,CAACU,GAAKC,MACxB,gBAAAV,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAWJ,GAAW,qBAAqB;AAAA,QAC3C,KAAKW;AAAA,MAAA;AAAA,MAEJD,EAAI,MAAM,IAAI,CAACE,GAAMC,MACpB,gBAAAZ,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,WAAWP,GAAW,sBAAsB;AAAA,UAC5C,KAAKa;AAAA,QAAA;AAAA,QAEJ,OAAOD,GAAM,WAAY,WACxB,gBAAAX,EAAA;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,WACE,oBAAyBI,GAAM,aAAa;AAAA,YAE9C,SAAS;AAAA,UAAA;AAAA,UAERA,EAAK;AAAA,QAAA,IAGR,gBAAAX,EAAA,cAAAA,EAAA,UAAA,MAAGW,GAAM,OAAQ;AAAA,MAAA,CAGtB;AAAA,IAAA,CAEJ,CACH;AAAA,EAAA,CAEJ;AAEJ;"}

package/dist/index.es66.js

@@ -1,73 +1,90 @@
 import * as e from "react";
-import { useRef as f, useCallback as N, useEffect as h } from "react";
-import { Spinner as x } from "./index.es57.js";
-import { SheetPrimary as b } from "./index.es38.js";
-import g from "./index.es134.js";
-import w from "./index.es135.js";
-const R = ({
-  isOpen: i,
-  onOpenChange: u,
-  containerId: d,
-  notifications: n,
-  nextPage: s,
-  isLoading: c,
-  hasMore: m,
-  onReachScrollTop: a,
-  collapsed: p
-}) => {
-  const o = f(), l = f(null), E = N(
-    (t) => {
-      c || (o.current && o.current.disconnect(), o.current = new IntersectionObserver((r) => {
-        r[0].isIntersecting && m && s();
-      }), t && o.current.observe(t));
-    },
-    [c, s, m]
-  );
-  h(() => {
-    const t = () => {
-      if (!l.current) return;
-      const { scrollTop: y } = l.current;
-      y === 0 && a();
-    }, r = l.current;
-    return r && r.addEventListener("scroll", t), () => {
-      r && r.removeEventListener("scroll", t);
-    };
-  }, [a, l.current]);
-  const v = () => c ? /* @__PURE__ */ e.createElement("div", { className: "flex justify-center py-4" }, /* @__PURE__ */ e.createElement(x, { className: "stroke-brand" })) : null;
-  return /* @__PURE__ */ e.createElement(
-    b,
-    {
-      open: i,
-      onOpenChange: u,
-      trigger: null,
-      contentProps: {
-        className: `bg-light-1 pb-12 inset-y-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm ${p ? "md:!left-[66px]" : "md:!left-[218px]"}`,
-        side: "custom"
-      },
-      bodyProps: {
-        className: "p-0 h-full"
-      },
-      title: "Notifications",
-      content: n.length || c ? /* @__PURE__ */ e.createElement("div", { className: "flex flex-col h-full min-h-0 left-60" }, n.length !== 0 && /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          ref: l,
-          className: "flex flex-col flex-grow min-h-0 overflow-y-auto"
-        },
-        n?.map((t, r) => /* @__PURE__ */ e.createElement(
-          "div",
-          {
-            key: t.id,
-            ref: r === n.length - 1 ? E : void 0
-          },
-          /* @__PURE__ */ e.createElement(g, { ...t })
-        ))
-      ), v()) : /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center h-full" }, /* @__PURE__ */ e.createElement(w, null)),
-      container: typeof document < "u" ? document.getElementById(d || "") : void 0
-    }
-  );
-};
+import { cn as r } from "./index.es89.js";
+const o = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement("div", { className: `relative w-full overflow-auto  ${a}` }, /* @__PURE__ */ e.createElement(
+  "table",
+  {
+    ref: l,
+    className: r("w-full caption-bottom text-sm"),
+    ...t
+  }
+)));
+o.displayName = "Table";
+const d = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement("thead", { ref: l, className: r("[&_tr]:border-b", a), ...t }));
+d.displayName = "TableHeader";
+const s = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+  "tbody",
+  {
+    ref: l,
+    className: r("[&_tr:last-child]:border-0", a),
+    ...t
+  }
+));
+s.displayName = "TableBody";
+const m = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+  "tfoot",
+  {
+    ref: l,
+    className: r(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      a
+    ),
+    ...t
+  }
+));
+m.displayName = "TableFooter";
+const c = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+  "tr",
+  {
+    ref: l,
+    className: r(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      a
+    ),
+    ...t
+  }
+));
+c.displayName = "TableRow";
+const b = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+  "th",
+  {
+    ref: l,
+    className: r(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [ & has([role=checkbox])]:pr-0 [ & [role=checkbox]]:translate-y-[2px]",
+      a
+    ),
+    ...t
+  }
+));
+b.displayName = "TableHead";
+const n = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+  "td",
+  {
+    ref: l,
+    className: r(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      a
+    ),
+    ...t
+  }
+));
+n.displayName = "TableCell";
+const f = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+  "caption",
+  {
+    ref: l,
+    className: r("mt-4 text-sm text-muted-foreground", a),
+    ...t
+  }
+));
+f.displayName = "TableCaption";
 export {
-  R as default
+  o as Table,
+  s as TableBody,
+  f as TableCaption,
+  n as TableCell,
+  m as TableFooter,
+  b as TableHead,
+  d as TableHeader,
+  c as TableRow
 };
 //# sourceMappingURL=index.es66.js.map

package/dist/index.es66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es66.js","sources":["../src/components/organisms/navbar/components/notification-panel/notification-panel.tsx"],"sourcesContent":["import { FC, useRef, useCallback, useEffect } from 'react'\nimport { NotificationPanelProps } from './notification-panel.types'\nimport { EmptyNotificationState } from './components/empty-state'\nimport { NotificationCard } from './components/notification-card'\nimport { Spinner } from '@/components/unstyled/spinner'\nimport { Sheet } from '@/components/organisms/sheet'\n\nimport * as React from 'react'\n\nconst NotificationPanel: FC<NotificationPanelProps> = ({\n  isOpen,\n  onOpenChange,\n  containerId,\n  notifications,\n  nextPage,\n  isLoading,\n  hasMore,\n  onReachScrollTop,\n  collapsed,\n}) => {\n  const observer = useRef<IntersectionObserver | null>()\n  const scrollContainerRef = useRef<HTMLDivElement | null>(null)\n\n  const lastElementRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      if (isLoading) return\n      if (observer.current)\n        (observer.current as IntersectionObserver).disconnect()\n      observer.current = new IntersectionObserver((entries) => {\n        if (entries[0].isIntersecting && hasMore) {\n          nextPage()\n        }\n      })\n      if (node) observer.current.observe(node)\n    },\n    [isLoading, nextPage, hasMore]\n  )\n  useEffect(() => {\n    const handleScroll = () => {\n      if (!scrollContainerRef.current) return\n      const { scrollTop } = scrollContainerRef.current\n\n      if (scrollTop === 0) {\n        onReachScrollTop()\n      }\n    }\n\n    const scrollContainer = scrollContainerRef.current\n    if (scrollContainer) {\n      scrollContainer.addEventListener('scroll', handleScroll)\n    }\n\n    return () => {\n      if (scrollContainer) {\n        scrollContainer.removeEventListener('scroll', handleScroll)\n      }\n    }\n  }, [onReachScrollTop, scrollContainerRef.current])\n\n  const renderLoadingState = () => {\n    if (!isLoading) return null\n\n    return (\n      <div className=\"flex justify-center py-4\">\n        <Spinner className=\"stroke-brand\" />\n      </div>\n    )\n  }\n\n  return (\n    <Sheet\n      open={isOpen}\n      onOpenChange={onOpenChange}\n      trigger={null}\n      contentProps={{\n        className: `bg-light-1 pb-12 inset-y-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm ${\n          collapsed ? 'md:!left-[66px]' : 'md:!left-[218px]'\n        }`,\n        side: 'custom',\n      }}\n      bodyProps={{\n        className: 'p-0 h-full',\n      }}\n      title=\"Notifications\"\n      content={\n        notifications.length || isLoading ? (\n          <div className=\"flex flex-col h-full min-h-0 left-60\">\n            {/* Scrolling list */}\n            {notifications.length !== 0 && (\n              <div\n                ref={scrollContainerRef}\n                className=\"flex flex-col flex-grow min-h-0 overflow-y-auto\"\n              >\n                {notifications?.map((notification, index) => (\n                  <div\n                    key={notification.id}\n                    ref={\n                      index === notifications.length - 1\n                        ? lastElementRef\n                        : undefined\n                    }\n                  >\n                    <NotificationCard {...notification} />\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {renderLoadingState()}\n          </div>\n        ) : (\n          <div className=\"flex items-center justify-center h-full\">\n            <EmptyNotificationState />\n          </div>\n        )\n      }\n      container={\n        typeof document !== 'undefined'\n          ? document.getElementById(containerId || '')\n          : undefined\n      }\n    />\n  )\n}\n\nexport default NotificationPanel\n"],"names":["NotificationPanel","isOpen","onOpenChange","containerId","notifications","nextPage","isLoading","hasMore","onReachScrollTop","collapsed","observer","useRef","scrollContainerRef","lastElementRef","useCallback","node","entries","useEffect","handleScroll","scrollTop","scrollContainer","renderLoadingState","React","Spinner","Sheet","notification","index","NotificationCard","EmptyNotificationState"],"mappings":";;;;;;AASA,MAAMA,IAAgD,CAAC;AAAA,EACrD,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAWC,EAAA,GACXC,IAAqBD,EAA8B,IAAI,GAEvDE,IAAiBC;AAAA,IACrB,CAACC,MAAgC;AAC/B,MAAIT,MACAI,EAAS,WACVA,EAAS,QAAiC,WAAA,GAC7CA,EAAS,UAAU,IAAI,qBAAqB,CAACM,MAAY;AACvD,QAAIA,EAAQ,CAAC,EAAE,kBAAkBT,KAC/BF,EAAA;AAAA,MAEJ,CAAC,GACGU,KAAML,EAAS,QAAQ,QAAQK,CAAI;AAAA,IACzC;AAAA,IACA,CAACT,GAAWD,GAAUE,CAAO;AAAA,EAAA;AAE/B,EAAAU,EAAU,MAAM;AACd,UAAMC,IAAe,MAAM;AACzB,UAAI,CAACN,EAAmB,QAAS;AACjC,YAAM,EAAE,WAAAO,MAAcP,EAAmB;AAEzC,MAAIO,MAAc,KAChBX,EAAA;AAAA,IAEJ,GAEMY,IAAkBR,EAAmB;AAC3C,WAAIQ,KACFA,EAAgB,iBAAiB,UAAUF,CAAY,GAGlD,MAAM;AACX,MAAIE,KACFA,EAAgB,oBAAoB,UAAUF,CAAY;AAAA,IAE9D;AAAA,EACF,GAAG,CAACV,GAAkBI,EAAmB,OAAO,CAAC;AAEjD,QAAMS,IAAqB,MACpBf,IAGH,gBAAAgB,EAAA,cAAC,SAAI,WAAU,2BAAA,mCACZC,GAAA,EAAQ,WAAU,gBAAe,CACpC,IALqB;AASzB,SACE,gBAAAD,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,MAAMvB;AAAA,MACN,cAAAC;AAAA,MACA,SAAS;AAAA,MACT,cAAc;AAAA,QACZ,WAAW,2IACTO,IAAY,oBAAoB,kBAClC;AAAA,QACA,MAAM;AAAA,MAAA;AAAA,MAER,WAAW;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,OAAM;AAAA,MACN,SACEL,EAAc,UAAUE,IACtB,gBAAAgB,EAAA,cAAC,SAAI,WAAU,uCAAA,GAEZlB,EAAc,WAAW,KACxB,gBAAAkB,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKV;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,QAETR,GAAe,IAAI,CAACqB,GAAcC,MACjC,gBAAAJ,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKG,EAAa;AAAA,YAClB,KACEC,MAAUtB,EAAc,SAAS,IAC7BS,IACA;AAAA,UAAA;AAAA,UAGN,gBAAAS,EAAA,cAACK,GAAA,EAAkB,GAAGF,EAAA,CAAc;AAAA,QAAA,CAEvC;AAAA,MAAA,GAIJJ,EAAA,CACH,IAEA,gBAAAC,EAAA,cAAC,SAAI,WAAU,0CAAA,GACb,gBAAAA,EAAA,cAACM,GAAA,IAAuB,CAC1B;AAAA,MAGJ,WACE,OAAO,WAAa,MAChB,SAAS,eAAezB,KAAe,EAAE,IACzC;AAAA,IAAA;AAAA,EAAA;AAIZ;"}
+{"version":3,"file":"index.es66.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;"}

package/dist/index.es67.js

@@ -1,35 +1,10 @@
-import { cva as r } from "class-variance-authority";
-const t = r(
-  "inline-flex items-center rounded-md border  text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 uppercase gap-2",
-  {
-    variants: {
-      variant: {
-        gradient: "brand-primary-secondary-gradient  border-0 text-white",
-        default: "border-neutral-1 bg-light-2 text-light-2 ",
-        success: "border-success-1 bg-success-1 text-success-1",
-        warning: "border-warning-1 bg-warning-1 text-warning-1",
-        danger: "border-danger-1 bg-danger-1 text-danger-1",
-        neutral: "border-info-1 bg-info-1 text-info-1",
-        select: "border-primary-1 bg-primary-1  text-light-2"
-      },
-      size: {
-        sm: "px-1.5 py-0.5 h-5 text-[10px]",
-        md: "px-2 py-1 h-6 text-[10px]",
-        lg: "px-2.5 py-1.5 h-8 text-[12px]"
-      },
-      showBorder: {
-        true: "",
-        false: "border-transparent"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "lg",
-      showBorder: !1
-    }
-  }
-);
+import r from "react";
+import { ClusterHoverCard as t } from "./index.es123.js";
+import { PointHoverCard as a } from "./index.es124.js";
+function n(e) {
+  return e.variant === "CLUSTER" ? /* @__PURE__ */ r.createElement(t, { ...e }) : /* @__PURE__ */ r.createElement(a, { ...e });
+}
 export {
-  t as BadgeVariants
+  n as default
 };
 //# sourceMappingURL=index.es67.js.map

package/dist/index.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es67.js","sources":["../src/components/atoms/badge/badge.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const BadgeVariants = cva(\n  'inline-flex items-center rounded-md border  text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 uppercase gap-2',\n  {\n    variants: {\n      variant: {\n        gradient: 'brand-primary-secondary-gradient  border-0 text-white',\n        default: 'border-neutral-1 bg-light-2 text-light-2 ',\n        success: 'border-success-1 bg-success-1 text-success-1',\n        warning: 'border-warning-1 bg-warning-1 text-warning-1',\n        danger: 'border-danger-1 bg-danger-1 text-danger-1',\n        neutral: 'border-info-1 bg-info-1 text-info-1',\n        select: 'border-primary-1 bg-primary-1  text-light-2',\n      },\n      size: {\n        sm: 'px-1.5 py-0.5 h-5 text-[10px]',\n        md: 'px-2 py-1 h-6 text-[10px]',\n        lg: 'px-2.5 py-1.5 h-8 text-[12px]',\n      },\n      showBorder: {\n        true: '',\n        false: 'border-transparent',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'lg',\n      showBorder: false,\n    },\n  }\n)\n"],"names":["BadgeVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,QAAQ;AAAA,MAAA;AAAA,MAEV,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;"}
+{"version":3,"file":"index.es67.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;"}

package/dist/index.es68.js

@@ -1,70 +1,44 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  `inline-flex w-full items-center justify-center whitespace-nowrap  ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
-  disabled:pointer-events-none disabled:opacity-50 disabled:curstor-not-allowed disabled:opacity-70`,
+import * as t from "react";
+import { InputOTP as u, InputOTPGroup as f, InputOTPSlot as y } from "./index.es132.js";
+import { Typography as i } from "./index.es19.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,
   {
-    variants: {
-      variant: {
-        primary: "bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 text-white",
-        secondary: "bg-rest-s1 hover:bg-hover-s1 active:bg-click-s1 border border-neutral-2 text-light-2",
-        teritiary: "text-primary-2 hover:bg-hover-t1 active:bg-click-t1",
-        "link-primary": "text-primary-2 active:text-primary-1 active:underline hover:underline",
-        "link-secondary": "text-light-2 active:text-light-1 active:underline hover:underline"
-      },
-      size: {
-        md: "h-10 p-2 rounded-lg text-base",
-        lg: "h-12 p-3 rounded-lg text-lg",
-        sm: "h-8 p-1.5 rounded-md text-sm"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
-    },
-    compoundVariants: [
-      {
-        variant: "link-primary",
-        size: "md",
-        className: "p-0"
-      },
-      {
-        variant: "link-primary",
-        size: "lg",
-        className: "p-0"
-      },
-      {
-        variant: "link-primary",
-        size: "sm",
-        className: "p-0"
-      },
-      {
-        variant: "link-secondary",
-        size: "md",
-        className: "p-0"
-      },
-      {
-        variant: "link-secondary",
-        size: "lg",
-        className: "p-0"
-      },
-      {
-        variant: "link-secondary",
-        size: "sm",
-        className: "p-0"
-      }
-    ]
-  }
-), a = e("font-medium", {
-  variants: {
-    size: {
-      md: "p-2 text-base",
-      lg: "p-3 text-lg",
-      sm: "p-1.5 text-sm"
+    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
+));
 export {
-  t as ButtonVariants,
-  a as TitleVariants
+  g as OtpInput
 };
 //# sourceMappingURL=index.es68.js.map

package/dist/index.es68.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es68.js","sources":["../src/components/atoms/button/button.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ButtonVariants = cva(\n  `inline-flex w-full items-center justify-center whitespace-nowrap  ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\n  disabled:pointer-events-none disabled:opacity-50 disabled:curstor-not-allowed disabled:opacity-70`,\n  {\n    variants: {\n      variant: {\n        primary: 'bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 text-white',\n        secondary:\n          'bg-rest-s1 hover:bg-hover-s1 active:bg-click-s1 border border-neutral-2 text-light-2',\n        teritiary: 'text-primary-2 hover:bg-hover-t1 active:bg-click-t1',\n        'link-primary':\n          'text-primary-2 active:text-primary-1 active:underline hover:underline',\n        'link-secondary':\n          'text-light-2 active:text-light-1 active:underline hover:underline',\n      },\n      size: {\n        md: 'h-10 p-2 rounded-lg text-base',\n        lg: 'h-12 p-3 rounded-lg text-lg',\n        sm: 'h-8 p-1.5 rounded-md text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n    compoundVariants: [\n      {\n        variant: 'link-primary',\n        size: 'md',\n        className: 'p-0',\n      },\n      {\n        variant: 'link-primary',\n        size: 'lg',\n        className: 'p-0',\n      },\n      {\n        variant: 'link-primary',\n        size: 'sm',\n        className: 'p-0',\n      },\n      {\n        variant: 'link-secondary',\n        size: 'md',\n        className: 'p-0',\n      },\n      {\n        variant: 'link-secondary',\n        size: 'lg',\n        className: 'p-0',\n      },\n      {\n        variant: 'link-secondary',\n        size: 'sm',\n        className: 'p-0',\n      },\n    ],\n  }\n)\n\nexport const TitleVariants = cva('font-medium', {\n  variants: {\n    size: {\n      md: 'p-2 text-base',\n      lg: 'p-3 text-lg',\n      sm: 'p-1.5 text-sm',\n    },\n  },\n})\n"],"names":["ButtonVariants","cva","TitleVariants"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA;AAAA,EAEA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,WAAW;AAAA,QACX,gBACE;AAAA,QACF,kBACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,IAER,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEaC,IAAgBD,EAAI,eAAe;AAAA,EAC9C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;"}
+{"version":3,"file":"index.es68.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;"}