geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es72.js

@@ -1,50 +1,63 @@
-import e from "react";
-import { SidebarRoot as y, SidebarHeader as v, SidebarFooter as R } from "./index.es73.js";
-import { SidebarItem as N, SidebarSection as P } from "./index.es73.js";
-function F({
-  header: t,
-  content: i,
-  footer: a,
-  collapsed: r,
-  defaultCollapsed: m,
-  onCollapsedChange: o,
-  width: n,
-  collapsedWidth: S,
-  showToggle: b,
-  headerProps: c,
-  contentProps: d,
-  footerProps: f,
-  className: l,
-  togglePosition: u,
-  toggleClassName: E,
-  collapseIcon: p,
-  expandIcon: x
-}) {
-  return /* @__PURE__ */ e.createElement(
-    y,
+import e, { useState as s } from "react";
+import { MembersSection as E } from "./index.es105.js";
+import { ServingStatesSection as u } from "./index.es106.js";
+import { TypeSection as N } from "./index.es107.js";
+import { SharedMarketsSection as b } from "./index.es108.js";
+import { PropertiesAddedSection as A } from "./index.es109.js";
+import { NotesSection as C } from "./index.es110.js";
+import { DialogNote as v } from "./index.es111.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,
     {
-      collapsed: r,
-      defaultCollapsed: m,
-      onCollapsedChange: o,
-      width: n,
-      collapsedWidth: S,
-      showToggle: b,
-      className: l,
-      togglePosition: u,
-      toggleClassName: E,
-      collapseIcon: p,
-      expandIcon: x
-    },
-    t && /* @__PURE__ */ e.createElement(v, { collapsed: r, ...c }, t),
-    /* @__PURE__ */ e.createElement("div", { className: "flex-1 py-4 overflow-y-auto", ...d }, i),
-    a && /* @__PURE__ */ e.createElement(R, { collapsed: r, ...f }, a)
-  );
-}
+      open: a,
+      noteValue: n,
+      onNoteChange: l,
+      onClose: () => t(!1),
+      onSave: i
+    }
+  ));
+}, 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 {
-  R as SidebarFooter,
-  v as SidebarHeader,
-  N as SidebarItem,
-  F as SidebarPrimary,
-  P as SidebarSection
+  D as AgentSnippetComponent,
+  y as AgentSnippetView
 };
 //# sourceMappingURL=index.es72.js.map

package/dist/index.es72.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es72.js","sources":["../src/components/organisms/sidebar/sidebar.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  SidebarRoot,\n  SidebarHeader,\n  SidebarSection,\n  SidebarItem,\n  SidebarFooter,\n} from './sidebar-components'\nimport { SidebarProps } from './sidebar.types'\n\nexport function SidebarPrimary({\n  header,\n  content,\n  footer,\n  collapsed,\n  defaultCollapsed,\n  onCollapsedChange,\n  width,\n  collapsedWidth,\n  showToggle,\n  headerProps,\n  contentProps,\n  footerProps,\n  className,\n  togglePosition,\n  toggleClassName,\n  collapseIcon,\n  expandIcon,\n}: SidebarProps) {\n  return (\n    <SidebarRoot\n      collapsed={collapsed}\n      defaultCollapsed={defaultCollapsed}\n      onCollapsedChange={onCollapsedChange}\n      width={width}\n      collapsedWidth={collapsedWidth}\n      showToggle={showToggle}\n      className={className}\n      togglePosition={togglePosition}\n      toggleClassName={toggleClassName}\n      collapseIcon={collapseIcon}\n      expandIcon={expandIcon}\n    >\n      {header && (\n        <SidebarHeader collapsed={collapsed} {...headerProps}>\n          {header}\n        </SidebarHeader>\n      )}\n\n      <div className=\"flex-1 py-4 overflow-y-auto\" {...contentProps}>\n        {content}\n      </div>\n\n      {footer && (\n        <SidebarFooter collapsed={collapsed} {...footerProps}>\n          {footer}\n        </SidebarFooter>\n      )}\n    </SidebarRoot>\n  )\n}\n\nexport { SidebarSection, SidebarItem, SidebarHeader, SidebarFooter }\n"],"names":["SidebarPrimary","header","content","footer","collapsed","defaultCollapsed","onCollapsedChange","width","collapsedWidth","showToggle","headerProps","contentProps","footerProps","className","togglePosition","toggleClassName","collapseIcon","expandIcon","React","SidebarRoot","SidebarHeader","SidebarFooter"],"mappings":";;;AAUO,SAASA,EAAe;AAAA,EAC7B,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,GAAiB;AACf,SACEC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAf;AAAA,MACA,kBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAI;AAAA,MACA,gBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,IAEChB,KACCiB,gBAAAA,EAAA,cAACE,GAAA,EAAc,WAAAhB,GAAuB,GAAGM,KACtCT,CACH;AAAA,oCAGD,OAAA,EAAI,WAAU,+BAA+B,GAAGU,KAC9CT,CACH;AAAA,IAECC,KACCe,gBAAAA,EAAA,cAACG,GAAA,EAAc,WAAAjB,GAAuB,GAAGQ,KACtCT,CACH;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es72.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;"}

package/dist/index.es73.js

@@ -1,116 +1,73 @@
-import e from "react";
-import { cn as i } from "./index.es81.js";
-import { Button as E } from "./index.es7.js";
-import { ArrowRight as S, ArrowLeft as g } from "lucide-react";
-import { Typography as f } from "./index.es17.js";
-const R = e.forwardRef(
-  ({
-    children: t,
-    defaultCollapsed: a = !1,
-    collapsed: r,
-    onCollapsedChange: s,
-    width: n = "256px",
-    collapsedWidth: o = "64px",
-    className: m,
-    showToggle: c = !0,
-    togglePosition: l = { top: "20px", right: "0" },
-    toggleClassName: d,
-    collapseIcon: u,
-    expandIcon: b
-  }, v) => {
-    const [y, h] = e.useState(a), p = r !== void 0 ? r : y, N = () => {
-      const x = !p;
-      h(x), s?.(x);
-    }, w = {
-      top: l.top,
-      right: l.right,
-      left: l.left,
-      bottom: l.bottom
+import * as e from "react";
+import { useRef as f, useCallback as N, useEffect as h } from "react";
+import { Spinner as x } from "./index.es64.js";
+import { SheetPrimary as b } from "./index.es42.js";
+import g from "./index.es171.js";
+import w from "./index.es172.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);
     };
-    return /* @__PURE__ */ e.createElement(
-      "aside",
-      {
-        ref: v,
-        className: i(
-          "relative flex flex-col border-r border-neutral-1 bg-dark-2 transition-all duration-300 ease-in-out",
-          m
-        ),
-        style: {
-          width: p ? o : n
-        }
+  }, [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"
       },
-      c && /* @__PURE__ */ e.createElement("div", { className: "absolute z-10", style: w }, /* @__PURE__ */ e.createElement(
-        E,
+      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",
         {
-          onClick: N,
-          size: "sm",
-          variant: "secondary",
-          className: d
+          ref: l,
+          className: "flex flex-col flex-grow min-h-0 overflow-y-auto"
         },
-        p ? b || /* @__PURE__ */ e.createElement(S, { className: "w-4 h-4" }) : u || /* @__PURE__ */ e.createElement(g, { className: "w-4 h-4" })
-      )),
-      /* @__PURE__ */ e.createElement("div", { className: "flex-1 w-full overflow-x-hidden overflow-y-auto whitespace-nowrap" }, t)
-    );
-  }
-);
-R.displayName = "SidebarRoot";
-const k = e.forwardRef(({ logo: t, title: a, collapsed: r, className: s, children: n }, o) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    ref: o,
-    className: i(
-      "flex min-w-max items-center gap-3 px-4 py-4 transition-opacity duration-200 ease-in-out",
-      r ? "pointer-events-none opacity-0" : "opacity-100",
-      s
-    )
-  },
-  n || /* @__PURE__ */ e.createElement(e.Fragment, null, t && /* @__PURE__ */ e.createElement("div", { className: "flex-shrink-0" }, t), a && /* @__PURE__ */ e.createElement(f, { variant: "h3", className: "truncate" }, a))
-));
-k.displayName = "SidebarHeader";
-const C = e.forwardRef(({ title: t, children: a, className: r, collapsed: s }, n) => /* @__PURE__ */ e.createElement("div", { ref: n, className: i("mb-4", r) }, t && !s && /* @__PURE__ */ e.createElement(
-  f,
-  {
-    variant: "body4",
-    className: "px-3 mt-4 mb-2 uppercase text-dark-1"
-  },
-  t
-), /* @__PURE__ */ e.createElement("div", { className: "px-4 space-y-1" }, a)));
-C.displayName = "SidebarSection";
-const F = e.forwardRef(({ icon: t, label: a, onClick: r, active: s, className: n, collapsed: o, href: m }, c) => {
-  const l = /* @__PURE__ */ e.createElement(e.Fragment, null, t && /* @__PURE__ */ e.createElement("span", { className: "flex items-center justify-center flex-shrink-0 w-5 h-5" }, t), !o && /* @__PURE__ */ e.createElement(f, { variant: "body4" }, a)), d = i(
-    "flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-sm transition-colors",
-    s ? "text-dark-1  hover:bg-light-4 hover:text-light-1" : "text-dark-1 hover:bg-light-4 hover:text-light-1",
-    o && "justify-center px-2",
-    n
-  );
-  return m ? /* @__PURE__ */ e.createElement(
-    "a",
-    {
-      href: m,
-      className: d,
-      title: o ? a : void 0,
-      ref: c
-    },
-    l
-  ) : /* @__PURE__ */ e.createElement(
-    "button",
-    {
-      onClick: r,
-      className: d,
-      title: o ? a : void 0,
-      ref: c
-    },
-    l
+        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
+    }
   );
-});
-F.displayName = "SidebarItem";
-const I = e.forwardRef(({ children: t, className: a, collapsed: r }, s) => /* @__PURE__ */ e.createElement("div", { ref: s, className: i("p-4", r && "px-2", a) }, t));
-I.displayName = "SidebarFooter";
+};
 export {
-  I as SidebarFooter,
-  k as SidebarHeader,
-  F as SidebarItem,
-  R as SidebarRoot,
-  C as SidebarSection
+  R as default
 };
 //# sourceMappingURL=index.es73.js.map

package/dist/index.es73.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es73.js","sources":["../src/components/organisms/sidebar/sidebar-components.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/atoms/button'\nimport { ArrowRight, ArrowLeft } from 'lucide-react'\nimport { Typography } from '@/components/atoms/typography'\n\nexport interface SidebarRootProps {\n  children: React.ReactNode\n  defaultCollapsed?: boolean\n  collapsed?: boolean\n  onCollapsedChange?: (collapsed: boolean) => void\n  width?: string\n  collapsedWidth?: string\n  className?: string\n  showToggle?: boolean\n  togglePosition?: {\n    top?: string\n    right?: string\n    left?: string\n    bottom?: string\n  }\n  toggleClassName?: string\n  collapseIcon?: React.ReactNode\n  expandIcon?: React.ReactNode\n}\n\nexport const SidebarRoot = React.forwardRef<HTMLElement, SidebarRootProps>(\n  (\n    {\n      children,\n      defaultCollapsed = false,\n      collapsed: controlledCollapsed,\n      onCollapsedChange,\n      width = '256px',\n      collapsedWidth = '64px',\n      className,\n      showToggle = true,\n      togglePosition = { top: '20px', right: '0' },\n      toggleClassName,\n      collapseIcon,\n      expandIcon,\n    },\n    ref\n  ) => {\n    const [internalCollapsed, setInternalCollapsed] =\n      React.useState(defaultCollapsed)\n\n    const isCollapsed =\n      controlledCollapsed !== undefined\n        ? controlledCollapsed\n        : internalCollapsed\n\n    const handleToggle = () => {\n      const newValue = !isCollapsed\n      setInternalCollapsed(newValue)\n      onCollapsedChange?.(newValue)\n    }\n\n    const toggleStyle: React.CSSProperties = {\n      top: togglePosition.top,\n      right: togglePosition.right,\n      left: togglePosition.left,\n      bottom: togglePosition.bottom,\n    }\n\n    return (\n      <aside\n        ref={ref}\n        className={cn(\n          'relative flex flex-col border-r border-neutral-1 bg-dark-2 transition-all duration-300 ease-in-out',\n          className\n        )}\n        style={{\n          width: isCollapsed ? collapsedWidth : width,\n        }}\n      >\n        {showToggle && (\n          <div className=\"absolute z-10\" style={toggleStyle}>\n            <Button\n              onClick={handleToggle}\n              size=\"sm\"\n              variant=\"secondary\"\n              className={toggleClassName}\n            >\n              {isCollapsed\n                ? expandIcon || <ArrowRight className=\"w-4 h-4\" />\n                : collapseIcon || <ArrowLeft className=\"w-4 h-4\" />}\n            </Button>\n          </div>\n        )}\n        <div className=\"flex-1 w-full overflow-x-hidden overflow-y-auto whitespace-nowrap\">\n          {children}\n        </div>\n      </aside>\n    )\n  }\n)\n\nSidebarRoot.displayName = 'SidebarRoot'\n\nexport interface SidebarHeaderProps {\n  logo?: React.ReactNode\n  title?: string\n  className?: string\n  collapsed?: boolean\n  children?: React.ReactNode\n}\n\nexport const SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  SidebarHeaderProps\n>(({ logo, title, collapsed, className, children }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex min-w-max items-center gap-3 px-4 py-4 transition-opacity duration-200 ease-in-out',\n      collapsed ? 'pointer-events-none opacity-0' : 'opacity-100',\n      className\n    )}\n  >\n    {children ? (\n      children\n    ) : (\n      <>\n        {logo && <div className=\"flex-shrink-0\">{logo}</div>}\n        {title && (\n          <Typography variant=\"h3\" className=\"truncate\">\n            {title}\n          </Typography>\n        )}\n      </>\n    )}\n  </div>\n))\n\nSidebarHeader.displayName = 'SidebarHeader'\n\nexport interface SidebarSectionProps {\n  title?: string\n  children: React.ReactNode\n  className?: string\n  collapsed?: boolean\n}\n\nexport const SidebarSection = React.forwardRef<\n  HTMLDivElement,\n  SidebarSectionProps\n>(({ title, children, className, collapsed }, ref) => (\n  <div ref={ref} className={cn('mb-4', className)}>\n    {title && !collapsed && (\n      <Typography\n        variant=\"body4\"\n        className=\"px-3 mt-4 mb-2 uppercase text-dark-1\"\n      >\n        {title}\n      </Typography>\n    )}\n    <div className=\"px-4 space-y-1\">{children}</div>\n  </div>\n))\n\nSidebarSection.displayName = 'SidebarSection'\n\nexport interface SidebarItemProps {\n  icon?: React.ReactNode\n  label: string\n  onClick?: () => void\n  active?: boolean\n  className?: string\n  collapsed?: boolean\n  href?: string\n}\n\nexport const SidebarItem = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  SidebarItemProps\n>(({ icon, label, onClick, active, className, collapsed, href }, ref) => {\n  const content = (\n    <>\n      {icon && (\n        <span className=\"flex items-center justify-center flex-shrink-0 w-5 h-5\">\n          {icon}\n        </span>\n      )}\n      {!collapsed && <Typography variant={'body4'}>{label}</Typography>}\n    </>\n  )\n\n  const baseClasses = cn(\n    'flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-sm transition-colors',\n    active\n      ? 'text-dark-1  hover:bg-light-4 hover:text-light-1'\n      : 'text-dark-1 hover:bg-light-4 hover:text-light-1',\n    collapsed && 'justify-center px-2',\n    className\n  )\n\n  if (href) {\n    return (\n      <a\n        href={href}\n        className={baseClasses}\n        title={collapsed ? label : undefined}\n        ref={ref as React.Ref<HTMLAnchorElement>}\n      >\n        {content}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      onClick={onClick}\n      className={baseClasses}\n      title={collapsed ? label : undefined}\n      ref={ref as React.Ref<HTMLButtonElement>}\n    >\n      {content}\n    </button>\n  )\n})\n\nSidebarItem.displayName = 'SidebarItem'\n\nexport interface SidebarFooterProps {\n  children: React.ReactNode\n  className?: string\n  collapsed?: boolean\n}\n\nexport const SidebarFooter = React.forwardRef<\n  HTMLDivElement,\n  SidebarFooterProps\n>(({ children, className, collapsed }, ref) => (\n  <div ref={ref} className={cn('p-4', collapsed && 'px-2', className)}>\n    {children}\n  </div>\n))\n\nSidebarFooter.displayName = 'SidebarFooter'\n"],"names":["SidebarRoot","React","children","defaultCollapsed","controlledCollapsed","onCollapsedChange","width","collapsedWidth","className","showToggle","togglePosition","toggleClassName","collapseIcon","expandIcon","ref","internalCollapsed","setInternalCollapsed","isCollapsed","handleToggle","newValue","toggleStyle","cn","Button","ArrowRight","ArrowLeft","SidebarHeader","logo","title","collapsed","Typography","SidebarSection","SidebarItem","icon","label","onClick","active","href","content","baseClasses","SidebarFooter"],"mappings":"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"}
+{"version":3,"file":"index.es73.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;"}

package/dist/index.es74.js

@@ -1,20 +1,35 @@
-import { cva as a } from "class-variance-authority";
-const i = a("animate-spin", {
-  variants: {
-    variant: {},
-    size: {
-      default: "h-4 w-4",
-      sm: "h-3 w-3",
-      md: "h-4 w-4",
-      lg: "h-5 w-5",
-      xl: "h-6 w-6"
+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
     }
-  },
-  defaultVariants: {
-    size: "default"
   }
-});
+);
 export {
-  i as SpinnerVariants
+  t as BadgeVariants
 };
 //# sourceMappingURL=index.es74.js.map

package/dist/index.es74.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es74.js","sources":["../src/components/unstyled/spinner/spinner.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SpinnerVariants = cva('animate-spin', {\n  variants: {\n    variant: {},\n    size: {\n      default: 'h-4 w-4',\n      sm: 'h-3 w-3',\n      md: 'h-4 w-4',\n      lg: 'h-5 w-5',\n      xl: 'h-6 w-6',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n})\n"],"names":["SpinnerVariants","cva"],"mappings":";AAEO,MAAMA,IAAkBC,EAAI,gBAAgB;AAAA,EACjD,UAAU;AAAA,IACR,SAAS,CAAA;AAAA,IACT,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;"}
+{"version":3,"file":"index.es74.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;"}

package/dist/index.es75.js

@@ -1,40 +1,62 @@
 import { cva as e } from "class-variance-authority";
-const t = `flex items-center justify-center whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1
-disabled:pointer-events-none disabled:curstor-not-allowed disabled:opacity-70`, i = e(t, {
-  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"
+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`,
+  {
+    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"
+      }
     },
-    size: {
-      sm: "h-8 p-1.5 text-sm rounded-s-md",
-      md: "h-10 p-2 text-base rounded-s-lg",
-      lg: "h-12 p-3 text-lg rounded-s-lg"
-    }
-  },
-  defaultVariants: {
-    variant: "primary",
-    size: "md"
-  }
-}), s = e(t, {
-  variants: {
-    variant: {
-      primary: "bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 text-white border-l-2 border-rest-s2",
-      secondary: "bg-rest-s1 hover:bg-hover-s1 active:bg-click-s1 border border-neutral-2 text-light-2"
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
     },
-    size: {
-      sm: "h-8 p-1.5 text-sm rounded-e-md",
-      md: "h-10 p-2 text-base rounded-e-lg",
-      lg: "h-12 p-3 text-lg rounded-e-lg"
-    }
-  },
-  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"
+      }
+    ]
   }
-}), o = e("font-medium", {
+), a = e("font-medium", {
   variants: {
-    titleSize: {
+    size: {
       md: "p-2 text-base",
       lg: "p-3 text-lg",
       sm: "p-1.5 text-sm"
@@ -42,8 +64,7 @@ disabled:pointer-events-none disabled:curstor-not-allowed disabled:opacity-70`,
   }
 });
 export {
-  s as SplitButtonDropdownVariants,
-  i as SplitButtonVariants,
-  o as TitleVariants
+  t as ButtonVariants,
+  a as TitleVariants
 };
 //# sourceMappingURL=index.es75.js.map

package/dist/index.es75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es75.js","sources":["../src/components/molecules/split-button/split-button.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nconst buttonStyle = `flex items-center justify-center whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1\ndisabled:pointer-events-none disabled:curstor-not-allowed disabled:opacity-70`\n\nexport const SplitButtonVariants = cva(buttonStyle, {\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    },\n    size: {\n      sm: 'h-8 p-1.5 text-sm rounded-s-md',\n      md: 'h-10 p-2 text-base rounded-s-lg',\n      lg: 'h-12 p-3 text-lg rounded-s-lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n})\n\nexport const SplitButtonDropdownVariants = cva(buttonStyle, {\n  variants: {\n    variant: {\n      primary:\n        'bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 text-white border-l-2 border-rest-s2',\n      secondary:\n        'bg-rest-s1 hover:bg-hover-s1 active:bg-click-s1 border border-neutral-2 text-light-2',\n    },\n    size: {\n      sm: 'h-8 p-1.5 text-sm rounded-e-md',\n      md: 'h-10 p-2 text-base rounded-e-lg',\n      lg: 'h-12 p-3 text-lg rounded-e-lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n})\n\nexport const TitleVariants = cva('font-medium', {\n  variants: {\n    titleSize: {\n      md: 'p-2 text-base',\n      lg: 'p-3 text-lg',\n      sm: 'p-1.5 text-sm',\n    },\n  },\n})\n"],"names":["buttonStyle","SplitButtonVariants","cva","SplitButtonDropdownVariants","TitleVariants"],"mappings":";AAEA,MAAMA,IAAc;AAAA,gFAGPC,IAAsBC,EAAIF,GAAa;AAAA,EAClD,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WACE;AAAA,IAAA;AAAA,IAEJ,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAEYG,IAA8BD,EAAIF,GAAa;AAAA,EAC1D,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,WACE;AAAA,IAAA;AAAA,IAEJ,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAEYI,IAAgBF,EAAI,eAAe;AAAA,EAC9C,UAAU;AAAA,IACR,WAAW;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;"}
+{"version":3,"file":"index.es75.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;"}