geoiq-frontend-ui-kit 2.0.1 → 2.0.2

package/dist/index.es81.js

@@ -1,9 +1,116 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
-}
+import e from "react";
+import { cn as i } from "./index.es89.js";
+import { Button as E } from "./index.es9.js";
+import { ArrowRight as S, ArrowLeft as g } from "lucide-react";
+import { Typography as f } from "./index.es19.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
+    };
+    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
+        }
+      },
+      c && /* @__PURE__ */ e.createElement("div", { className: "absolute z-10", style: w }, /* @__PURE__ */ e.createElement(
+        E,
+        {
+          onClick: N,
+          size: "sm",
+          variant: "secondary",
+          className: d
+        },
+        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
+  );
+});
+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 {
-  n as cn
+  I as SidebarFooter,
+  k as SidebarHeader,
+  F as SidebarItem,
+  R as SidebarRoot,
+  C as SidebarSection
 };
 //# sourceMappingURL=index.es81.js.map

package/dist/index.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es81.js","sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}
+{"version":3,"file":"index.es81.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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"}

package/dist/index.es82.js

@@ -1,30 +1,20 @@
-import * as e from "@radix-ui/react-popover";
-import * as o from "react";
-import { cn as s } from "./index.es81.js";
-const c = e.Root, f = e.Trigger, m = o.forwardRef(({ className: n, align: r = "center", sideOffset: d = 4, ...a }, i) => /* @__PURE__ */ o.createElement(e.Portal, { container: a?.container }, /* @__PURE__ */ o.createElement(
-  e.Content,
-  {
-    ref: i,
-    align: r,
-    sideOffset: d,
-    onWheel: (t) => {
-      t.stopPropagation(), t.deltaY > 0 ? t.currentTarget.dispatchEvent(
-        new KeyboardEvent("keydown", { key: "ArrowDown" })
-      ) : t.currentTarget.dispatchEvent(
-        new KeyboardEvent("keydown", { key: "ArrowUp" })
-      );
-    },
-    className: s(
-      "z-50 w-72 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
-    ),
-    ...a
+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"
+    }
+  },
+  defaultVariants: {
+    size: "default"
   }
-)));
-m.displayName = e.Content.displayName;
+});
 export {
-  c as Popover,
-  m as PopoverContent,
-  f as PopoverTrigger
+  i as SpinnerVariants
 };
 //# sourceMappingURL=index.es82.js.map

package/dist/index.es82.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es82.js","sources":["../src/components/unstyled/popover/popover-components.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> &\n    Pick<\n      React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Portal>,\n      'container'\n    >\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal container={props?.container}>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      onWheel={(e) => {\n        e.stopPropagation()\n\n        const isScrollingDown = e.deltaY > 0\n\n        if (isScrollingDown) {\n          // Simulate arrow down key press\n          e.currentTarget.dispatchEvent(\n            new KeyboardEvent('keydown', { key: 'ArrowDown' })\n          )\n        } else {\n          // Simulate arrow up key press\n          e.currentTarget.dispatchEvent(\n            new KeyboardEvent('keydown', { key: 'ArrowUp' })\n          )\n        }\n      }}\n      className={cn(\n        'z-50 w-72 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  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverContent","React","className","align","sideOffset","props","ref","e","cn"],"mappings":";;;AAOA,MAAMA,IAAUC,EAAiB,MAC3BC,IAAiBD,EAAiB,SAElCE,IAAiBC,EAAM,WAO3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,EAAA,GAASC,MAC5D,gBAAAL,EAAA,cAACH,EAAiB,QAAjB,EAAwB,WAAWO,GAAO,aACzC,gBAAAJ,EAAA;AAAA,EAACH,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,SAAS,CAACG,MAAM;AACd,MAAAA,EAAE,gBAAA,GAEsBA,EAAE,SAAS,IAIjCA,EAAE,cAAc;AAAA,QACd,IAAI,cAAc,WAAW,EAAE,KAAK,aAAa;AAAA,MAAA,IAInDA,EAAE,cAAc;AAAA,QACd,IAAI,cAAc,WAAW,EAAE,KAAK,WAAW;AAAA,MAAA;AAAA,IAGrD;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,EAAA;AACN,CACF,CACD;AACDL,EAAe,cAAcF,EAAiB,QAAQ;"}
+{"version":3,"file":"index.es82.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;"}

package/dist/index.es83.js

@@ -1,116 +1,49 @@
-import * as e from "react";
-import { ChevronDownIcon as s, CheckIcon as i, ChevronUpIcon as p } from "lucide-react";
-import * as t from "@radix-ui/react-select";
-import { cn as o } from "./index.es81.js";
-import { Typography as f } from "./index.es17.js";
-const E = t.Group, S = t.Value, u = e.forwardRef(({ className: r, children: l, ...a }, n) => /* @__PURE__ */ e.createElement(
-  t.Trigger,
-  {
-    ref: n,
-    className: o(
-      "data-[placeholder]:text-light-4 flex h-10 w-full items-center justify-between whitespace-nowrap rounded-lg border border-neutral-2 bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background  focus:ring-4  focus:outline-none focus:ring-primary-1 focus:border-primary-2  disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      r
-    ),
-    ...a
-  },
-  l,
-  /* @__PURE__ */ e.createElement(t.Icon, { asChild: !0 }, /* @__PURE__ */ e.createElement(s, { className: "h-4 w-4 opacity-50" }))
-));
-u.displayName = t.Trigger.displayName;
-const c = e.forwardRef(({ className: r, ...l }, a) => /* @__PURE__ */ e.createElement(
-  t.ScrollUpButton,
-  {
-    ref: a,
-    className: o(
-      "flex cursor-default items-center justify-center py-1",
-      r
-    ),
-    ...l
-  },
-  /* @__PURE__ */ e.createElement(p, null)
-));
-c.displayName = t.ScrollUpButton.displayName;
-const d = e.forwardRef(({ className: r, ...l }, a) => /* @__PURE__ */ e.createElement(
-  t.ScrollDownButton,
-  {
-    ref: a,
-    className: o(
-      "flex cursor-default items-center justify-center py-1",
-      r
-    ),
-    ...l
-  },
-  /* @__PURE__ */ e.createElement(s, null)
-));
-d.displayName = t.ScrollDownButton.displayName;
-const y = e.forwardRef(({ className: r, children: l, position: a = "popper", ...n }, m) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
-  t.Content,
-  {
-    ref: m,
-    className: o(
-      "relative z-50 max-h-96 min-w-[8rem] rounded-lg border bg-popover text-popover-foreground shadow-md 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",
-      a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      r
-    ),
-    position: a,
-    ...n
-  },
-  /* @__PURE__ */ e.createElement(c, null),
-  /* @__PURE__ */ e.createElement(
-    t.Viewport,
-    {
-      datatype: "view",
-      className: o(
-        "py-1 overflow-y-scroll custom-scrollbar",
-        a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-      )
+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"
     },
-    l
-  ),
-  /* @__PURE__ */ e.createElement(d, null)
-)));
-y.displayName = t.Content.displayName;
-const g = e.forwardRef(({ className: r, ...l }, a) => /* @__PURE__ */ e.createElement(
-  t.Label,
-  {
-    ref: a,
-    className: o("px-2 py-1.5 text-sm font-semibold", r),
-    ...l
+    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"
   }
-));
-g.displayName = t.Label.displayName;
-const h = e.forwardRef(({ className: r, children: l, ...a }, n) => /* @__PURE__ */ e.createElement("div", { className: "py-0.5 px-1.5 bg-white" }, /* @__PURE__ */ e.createElement(
-  t.Item,
-  {
-    ref: n,
-    className: o(
-      "relative flex w-full p-2 mr-8 cursor-default items-center rounded-md text-sm outline-none hover:bg-light-2 focus:bg-light-2 focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:bg-light-2",
-      r
-    ),
-    ...a
+}), 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"
+    },
+    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"
+    }
   },
-  /* @__PURE__ */ e.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(i, { className: "h-5 w-5 stroke-brand" }))),
-  /* @__PURE__ */ e.createElement(t.ItemText, null, /* @__PURE__ */ e.createElement(f, { variant: "body1" }, l))
-)));
-h.displayName = t.Item.displayName;
-const w = e.forwardRef(({ className: r, ...l }, a) => /* @__PURE__ */ e.createElement(
-  t.Separator,
-  {
-    ref: a,
-    className: o("-mx-1 my-1 h-px bg-muted", r),
-    ...l
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+}), o = e("font-medium", {
+  variants: {
+    titleSize: {
+      md: "p-2 text-base",
+      lg: "p-3 text-lg",
+      sm: "p-1.5 text-sm"
+    }
   }
-));
-w.displayName = t.Separator.displayName;
+});
 export {
-  y as SelectContent,
-  E as SelectGroup,
-  h as SelectItem,
-  g as SelectLabel,
-  d as SelectScrollDownButton,
-  c as SelectScrollUpButton,
-  w as SelectSeparator,
-  u as SelectTrigger,
-  S as SelectValue
+  s as SplitButtonDropdownVariants,
+  i as SplitButtonVariants,
+  o as TitleVariants
 };
 //# sourceMappingURL=index.es83.js.map

package/dist/index.es83.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es83.js","sources":["../src/components/molecules/single-select/single-select-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as SelectPrimitive from '@radix-ui/react-select'\n// import { SelectProps } from './select.types'\nimport { cn } from '@/lib/utils'\nimport { Typography } from '../../atoms/typography'\n// import { ScrollArea } from '../scroll-area'\n// import { SelectStates } from './select.styles'\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'data-[placeholder]:text-light-4 flex h-10 w-full items-center justify-between whitespace-nowrap rounded-lg border border-neutral-2 bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background  focus:ring-4  focus:outline-none focus:ring-primary-1 focus:border-primary-2  disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <ChevronDownIcon className=\"h-4 w-4 opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-1',\n      className\n    )}\n    {...props}\n  >\n    <ChevronUpIcon />\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-1',\n      className\n    )}\n    {...props}\n  >\n    <ChevronDownIcon />\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        'relative z-50 max-h-96 min-w-[8rem] rounded-lg border bg-popover text-popover-foreground shadow-md 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        position === 'popper' &&\n          'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n        className\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n\n      <SelectPrimitive.Viewport\n        // style={{\n        //   scrollbarWidth: 'unset',\n        //   over\n        //   //   overflowY: 'scroll',\n        //   //   scrollbarColor: 'rgba(234, 233, 254, 1) white',\n        // }}\n        datatype=\"view\"\n        className={cn(\n          'py-1 overflow-y-scroll custom-scrollbar',\n          position === 'popper' &&\n            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-sm font-semibold', className)}\n    {...props}\n  />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <div className=\"py-0.5 px-1.5 bg-white\">\n    <SelectPrimitive.Item\n      ref={ref}\n      className={cn(\n        'relative flex w-full p-2 mr-8 cursor-default items-center rounded-md text-sm outline-none hover:bg-light-2 focus:bg-light-2 focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:bg-light-2',\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"h-5 w-5 stroke-brand\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>\n        <Typography variant={'body1'}>{children}</Typography>\n      </SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  </div>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-muted', className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectTrigger,\n  SelectValue,\n  SelectSeparator,\n}\n"],"names":["SelectGroup","SelectPrimitive","SelectValue","SelectTrigger","React","className","children","props","ref","cn","ChevronDownIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","CheckIcon","Typography","SelectSeparator"],"mappings":"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"}
+{"version":3,"file":"index.es83.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;"}

package/dist/index.es84.js

@@ -1,28 +1,33 @@
-import { cva as r } from "class-variance-authority";
-const a = r("w-full", {
-  variants: {
-    isOpen: {
-      true: "ring-4 ring-primary-1 border-primary-2"
+import { cva as e } from "class-variance-authority";
+const a = e(
+  "peer inline-flex shrink-0 cursor-pointer  outline-[#4A4A4A]/20 data-[state=checked]:active:outline-[#5327DA]/10  items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-rest-p1    data-[state=checked]:hover:bg-hover-p1 data-[state=unchecked]:bg-rest-s2 data-[state=unchecked]:hover:bg-hover-s2 data-[state=checked]:active:bg-click-p1 data-[state=unchecked]:active:bg-click-s2",
+  {
+    variants: {
+      size: {
+        sm: "h-5 w-10   ",
+        md: "h-6 w-12  "
+      }
     },
-    isValue: {
-      true: "",
-      false: ""
+    defaultVariants: {
+      size: "sm"
     }
-  },
-  compoundVariants: [
-    // {
-    //   isOpen: true,
-    //   isValue: true,
-    //   className: 'border-primary-2',
-    // },
-    {
-      isOpen: !1,
-      isValue: !0,
-      className: "border-neutral-2"
+  }
+), s = e(
+  "pointer-events-none block h-4 w-4 rounded-full bg-light-1 shadow-lg ring-0 transition-transform",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4  bg-light-1 data-[state=checked]:translate-x-5  data-[state=unchecked]:translate-x-0 ",
+        md: "h-5 w-5  data-[state=checked]:translate-x-6  data-[state=unchecked]:translate-x-0 "
+      }
+    },
+    defaultVariants: {
+      size: "sm"
     }
-  ]
-});
+  }
+);
 export {
-  a as SelectStates
+  s as SwitchThumbVariants,
+  a as SwitchVariants
 };
 //# sourceMappingURL=index.es84.js.map

package/dist/index.es84.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es84.js","sources":["../src/components/molecules/single-select/single-select-styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SelectStates = cva('w-full', {\n  variants: {\n    isOpen: {\n      true: 'ring-4 ring-primary-1 border-primary-2',\n    },\n    isValue: {\n      true: '',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    // {\n    //   isOpen: true,\n    //   isValue: true,\n    //   className: 'border-primary-2',\n    // },\n    {\n      isOpen: false,\n      isValue: true,\n      className: 'border-neutral-2',\n    },\n  ],\n})\n"],"names":["SelectStates","cva"],"mappings":";AAEO,MAAMA,IAAeC,EAAI,UAAU;AAAA,EACxC,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,IAER,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMhB;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,CAAC;"}
+{"version":3,"file":"index.es84.js","sources":["../src/components/atoms/switch/switch.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SwitchVariants = cva(\n  'peer inline-flex shrink-0 cursor-pointer  outline-[#4A4A4A]/20 data-[state=checked]:active:outline-[#5327DA]/10  items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-rest-p1    data-[state=checked]:hover:bg-hover-p1 data-[state=unchecked]:bg-rest-s2 data-[state=unchecked]:hover:bg-hover-s2 data-[state=checked]:active:bg-click-p1 data-[state=unchecked]:active:bg-click-s2',\n  {\n    variants: {\n      size: {\n        sm: 'h-5 w-10   ',\n        md: 'h-6 w-12  ',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n)\n\nexport const SwitchThumbVariants = cva(\n  'pointer-events-none block h-4 w-4 rounded-full bg-light-1 shadow-lg ring-0 transition-transform',\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4  bg-light-1 data-[state=checked]:translate-x-5  data-[state=unchecked]:translate-x-0 ',\n        md: 'h-5 w-5  data-[state=checked]:translate-x-6  data-[state=unchecked]:translate-x-0 ',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n)\n"],"names":["SwitchVariants","cva","SwitchThumbVariants"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEaC,IAAsBD;AAAA,EACjC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/dist/index.es85.js

@@ -1,22 +1,43 @@
-import C from "react";
-const t = () => /* @__PURE__ */ C.createElement(
-  "svg",
-  {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ C.createElement(
-    "path",
-    {
-      d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17316C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C21.9972 9.34869 20.9427 6.80678 19.068 4.93202C17.1932 3.05727 14.6513 2.0028 12 2ZM11.6154 6.61538C11.8436 6.61538 12.0667 6.68306 12.2564 6.80984C12.4462 6.93663 12.5941 7.11683 12.6814 7.32767C12.7687 7.53851 12.7916 7.77051 12.7471 7.99433C12.7025 8.21816 12.5926 8.42375 12.4313 8.58512C12.2699 8.74649 12.0643 8.85638 11.8405 8.9009C11.6167 8.94543 11.3847 8.92258 11.1738 8.83524C10.963 8.74791 10.7828 8.60002 10.656 8.41027C10.5292 8.22052 10.4615 7.99744 10.4615 7.76923C10.4615 7.46321 10.5831 7.16973 10.7995 6.95334C11.0159 6.73695 11.3094 6.61538 11.6154 6.61538ZM12.7692 17.3846C12.3612 17.3846 11.9699 17.2225 11.6814 16.934C11.3929 16.6455 11.2308 16.2542 11.2308 15.8462V12C11.0268 12 10.8311 11.919 10.6868 11.7747C10.5426 11.6304 10.4615 11.4348 10.4615 11.2308C10.4615 11.0268 10.5426 10.8311 10.6868 10.6868C10.8311 10.5426 11.0268 10.4615 11.2308 10.4615C11.6388 10.4615 12.0301 10.6236 12.3186 10.9121C12.6071 11.2007 12.7692 11.592 12.7692 12V15.8462C12.9732 15.8462 13.1689 15.9272 13.3132 16.0715C13.4574 16.2157 13.5385 16.4114 13.5385 16.6154C13.5385 16.8194 13.4574 17.0151 13.3132 17.1593C13.1689 17.3036 12.9732 17.3846 12.7692 17.3846Z",
-      fill: "#3B82F6"
+import { cva as t } from "class-variance-authority";
+import { defaultTypographyVariant as e } from "./index.es121.js";
+const a = t("", {
+  variants: {
+    variant: {
+      // h1: 'font-bold text-4xl',
+      // h2: 'font-bold text-3xl',
+      // h3: 'font-bold text-2xl',
+      // h4: 'font-bold text-xl',
+      // h5: 'font-semibold text-lg',
+      // body1: 'font-normal text-base',
+      // body2: 'font-normal text-sm',
+      // body3: 'font-medium text-xs',
+      // body4: 'font-medium text-xs',
+      // overline1: 'font-semibold text-xs',
+      // overline2: 'font-semibold text-xs',
+      // overline3: 'font-bold text-xs',
+      // 'cta-large': 'font-semibold text-base',
+      // 'cta-normal': 'font-semibold text-sm',
+      // 'cta-small': 'font-semibold text-xs',
+      //Extra large text variants
+      display1: "text-[2rem] font-semibold   md:font-bold  md:text-[2.5rem] leading-[130%] tracking-[-0.0375rem] ",
+      display2: "font-semibold md:text-[2rem]  md:leading-[150%]  text-[1.75rem] leading-[140%]",
+      display3: "font-semibold md:text-[1.75rem] text-[1.5rem] leading-[142%]",
+      h1: "font-semibold md:text-2xl text-xl leading-[150%]",
+      h2: "font-semibold md:text-xl text-lg leading-[150%]",
+      h3: "font-semibold md:text-lg text-base leading-[145%]",
+      body1: "font-medium md:text-base text-sm leading-[150%] tracking-[-0.015rem]",
+      body2: "font-normal  md:text-base text-sm leading-[150%] tracking-[-0.015rem]",
+      body3: "font-semibold md:text-sm text-xs leading-[140%] ",
+      body4: "font-medium md:text-sm text-xs leading-[140%] ",
+      body5: "font-semibold text-xs leading-[130%] tracking-[0.02em]",
+      body6: "font-medium text-xs leading-[130%] tracking-[0.02em]"
     }
-  )
-);
+  },
+  defaultVariants: {
+    variant: e
+  }
+});
 export {
-  t as default
+  a as TypographyVariants
 };
 //# sourceMappingURL=index.es85.js.map

package/dist/index.es85.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es85.js","sources":["../src/components/molecules/toast/assets/svgs/info-icon.tsx"],"sourcesContent":["import React from 'react'\n\nconst InfoIcon = () => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17316C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C21.9972 9.34869 20.9427 6.80678 19.068 4.93202C17.1932 3.05727 14.6513 2.0028 12 2ZM11.6154 6.61538C11.8436 6.61538 12.0667 6.68306 12.2564 6.80984C12.4462 6.93663 12.5941 7.11683 12.6814 7.32767C12.7687 7.53851 12.7916 7.77051 12.7471 7.99433C12.7025 8.21816 12.5926 8.42375 12.4313 8.58512C12.2699 8.74649 12.0643 8.85638 11.8405 8.9009C11.6167 8.94543 11.3847 8.92258 11.1738 8.83524C10.963 8.74791 10.7828 8.60002 10.656 8.41027C10.5292 8.22052 10.4615 7.99744 10.4615 7.76923C10.4615 7.46321 10.5831 7.16973 10.7995 6.95334C11.0159 6.73695 11.3094 6.61538 11.6154 6.61538ZM12.7692 17.3846C12.3612 17.3846 11.9699 17.2225 11.6814 16.934C11.3929 16.6455 11.2308 16.2542 11.2308 15.8462V12C11.0268 12 10.8311 11.919 10.6868 11.7747C10.5426 11.6304 10.4615 11.4348 10.4615 11.2308C10.4615 11.0268 10.5426 10.8311 10.6868 10.6868C10.8311 10.5426 11.0268 10.4615 11.2308 10.4615C11.6388 10.4615 12.0301 10.6236 12.3186 10.9121C12.6071 11.2007 12.7692 11.592 12.7692 12V15.8462C12.9732 15.8462 13.1689 15.9272 13.3132 16.0715C13.4574 16.2157 13.5385 16.4114 13.5385 16.6154C13.5385 16.8194 13.4574 17.0151 13.3132 17.1593C13.1689 17.3036 12.9732 17.3846 12.7692 17.3846Z\"\n      fill=\"#3B82F6\"\n    />\n  </svg>\n)\n\nexport default InfoIcon\n"],"names":["InfoIcon","React"],"mappings":";AAEA,MAAMA,IAAW,MACfC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,EAAA;AAAA,EAENA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA;AAET;"}
+{"version":3,"file":"index.es85.js","sources":["../src/components/atoms/typography/typography.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { defaultTypographyVariant } from './typography.config'\n\nexport const TypographyVariants = cva('', {\n  variants: {\n    variant: {\n      // h1: 'font-bold text-4xl',\n      // h2: 'font-bold text-3xl',\n      // h3: 'font-bold text-2xl',\n      // h4: 'font-bold text-xl',\n      // h5: 'font-semibold text-lg',\n      // body1: 'font-normal text-base',\n      // body2: 'font-normal text-sm',\n      // body3: 'font-medium text-xs',\n      // body4: 'font-medium text-xs',\n      // overline1: 'font-semibold text-xs',\n      // overline2: 'font-semibold text-xs',\n      // overline3: 'font-bold text-xs',\n      // 'cta-large': 'font-semibold text-base',\n      // 'cta-normal': 'font-semibold text-sm',\n      // 'cta-small': 'font-semibold text-xs',\n\n      //Extra large text variants\n      display1:\n        'text-[2rem] font-semibold   md:font-bold  md:text-[2.5rem] leading-[130%] tracking-[-0.0375rem] ',\n      display2:\n        'font-semibold md:text-[2rem]  md:leading-[150%]  text-[1.75rem] leading-[140%]',\n      display3: 'font-semibold md:text-[1.75rem] text-[1.5rem] leading-[142%]',\n\n      h1: 'font-semibold md:text-2xl text-xl leading-[150%]',\n      h2: 'font-semibold md:text-xl text-lg leading-[150%]',\n      h3: 'font-semibold md:text-lg text-base leading-[145%]',\n\n      body1:\n        'font-medium md:text-base text-sm leading-[150%] tracking-[-0.015rem]',\n      body2:\n        'font-normal  md:text-base text-sm leading-[150%] tracking-[-0.015rem]',\n      body3: 'font-semibold md:text-sm text-xs leading-[140%] ',\n      body4: 'font-medium md:text-sm text-xs leading-[140%] ',\n      body5: 'font-semibold text-xs leading-[130%] tracking-[0.02em]',\n      body6: 'font-medium text-xs leading-[130%] tracking-[0.02em]',\n    },\n  },\n  defaultVariants: {\n    variant: defaultTypographyVariant,\n  },\n})\n"],"names":["TypographyVariants","cva","defaultTypographyVariant"],"mappings":";;AAGO,MAAMA,IAAqBC,EAAI,IAAI;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAkBP,UACE;AAAA,MACF,UACE;AAAA,MACF,UAAU;AAAA,MAEV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MAEJ,OACE;AAAA,MACF,OACE;AAAA,MACF,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,SAASC;AAAA,EAAA;AAEb,CAAC;"}