ml-uikit 1.1.7 → 1.1.8

package/dist/index.es55.js

@@ -1,52 +1,31 @@
-import * as t from "react";
-import * as e from "@radix-ui/react-tabs";
-import { cn as o } from "./index.es60.js";
-const f = e.Root, s = t.forwardRef(({ className: a, ...i }, r) => /* @__PURE__ */ t.createElement(
-  e.List,
+import { j as t } from "./index.es62.js";
+import * as a from "react";
+import * as e from "@radix-ui/react-switch";
+import { cn as s } from "./index.es63.js";
+const n = a.forwardRef(({ className: i, ...o }, r) => /* @__PURE__ */ t.jsx(
+  e.Root,
   {
-    ref: r,
-    className: o(
-      "flex w-full flex-wrap items-center gap-1 rounded-[8px] bg-[#f5f5f5] p-1",
-      "data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start",
-      a
-    ),
-    ...i
-  }
-));
-s.displayName = e.List.displayName;
-const n = t.forwardRef(({ className: a, ...i }, r) => /* @__PURE__ */ t.createElement(
-  e.Trigger,
-  {
-    ref: r,
-    className: o(
-      "inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] transition-colors",
-      "[&_svg]:size-3.5",
-      "hover:[color:var(--raw-black,#000)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2",
-      "disabled:pointer-events-none disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]",
-      "data-[state=active]:bg-white data-[state=active]:shadow-[0_2px_4px_-2px_rgba(19,25,39,0.12),_0_4px_4px_-2px_rgba(19,25,39,0.08)]",
-      a
+    className: s(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-[#e6e6e6] transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#111111] focus-visible:ring-offset-2 focus-visible:ring-offset-white",
+      "disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:opacity-100",
+      "data-[state=checked]:bg-[#26453f] data-[state=unchecked]:bg-[#e6e6e6]",
+      i
     ),
-    ...i
-  }
-));
-n.displayName = e.Trigger.displayName;
-const l = t.forwardRef(({ className: a, ...i }, r) => /* @__PURE__ */ t.createElement(
-  e.Content,
-  {
+    ...o,
     ref: r,
-    className: o(
-      "mt-4 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2",
-      a
-    ),
-    ...i
+    children: /* @__PURE__ */ t.jsx(
+      e.Thumb,
+      {
+        className: s(
+          "pointer-events-none block h-4 w-4 rounded-full bg-white shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
   }
 ));
-l.displayName = e.Content.displayName;
+n.displayName = e.Root.displayName;
 export {
-  f as Tabs,
-  l as TabsContent,
-  s as TabsList,
-  n as TabsTrigger
+  n as Switch
 };
 //# sourceMappingURL=index.es55.js.map

package/dist/index.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es55.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      \"flex w-full flex-wrap items-center gap-1 rounded-[8px] bg-[#f5f5f5] p-1\",\n      \"data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] transition-colors\",\n      \"[&_svg]:size-3.5\",\n      \"hover:[color:var(--raw-black,#000)]\",\n      \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2\",\n      \"disabled:pointer-events-none disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]\",\n      \"data-[state=active]:bg-white data-[state=active]:shadow-[0_2px_4px_-2px_rgba(19,25,39,0.12),_0_4px_4px_-2px_rgba(19,25,39,0.08)]\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      \"mt-4 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAE1C,MAAMO,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAY,cAAcP,EAAc,QAAQ;AAEhD,MAAMQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;"}
+{"version":3,"file":"index.es55.js","sources":["../src/components/ui/switch.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-[#e6e6e6] transition-colors\",\n      \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#111111] focus-visible:ring-offset-2 focus-visible:ring-offset-white\",\n      \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:opacity-100\",\n      \"data-[state=checked]:bg-[#26453f] data-[state=unchecked]:bg-[#e6e6e6]\",\n      className\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        \"pointer-events-none block h-4 w-4 rounded-full bg-white shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\"\n      )}\n    />\n  </SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives","cn"],"mappings":";;;;AAKA,MAAMA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,IAEA,UAAAC,gBAAAA,EAAAA;AAAAA,MAACC,EAAiB;AAAA,MAAjB;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AACF,CACD;AACDP,EAAO,cAAcM,EAAiB,KAAK;"}

package/dist/index.es56.js

@@ -1,21 +1,245 @@
-import * as e from "react";
-import { cn as o } from "./index.es60.js";
-const t = e.forwardRef(({ className: a, ...r }, i) => /* @__PURE__ */ e.createElement(
-  "textarea",
+import { j as s } from "./index.es62.js";
+import * as r from "react";
+import { ChevronDown as f, ChevronLeft as x, ChevronRight as c } from "lucide-react";
+import { cn as o } from "./index.es63.js";
+const m = r.forwardRef(
+  ({ className: t, pagination: a, maxHeight: e, scrollContainerClassName: l, stickyHeader: n, ...d }, i) => /* @__PURE__ */ s.jsxs("div", { className: "relative w-full overflow-hidden rounded-[8px] border border-[#e6e6e6] bg-white", children: [
+    /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: o("ml-table-scroll w-full overflow-auto", l),
+        style: e ? { maxHeight: typeof e == "number" ? `${e}px` : e } : void 0,
+        children: /* @__PURE__ */ s.jsx(
+          "table",
+          {
+            ref: i,
+            className: o(
+              "w-full caption-bottom text-[14px] leading-[20px]",
+              n ? "[&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead]:bg-[#fafafa]" : void 0,
+              t
+            ),
+            ...d
+          }
+        )
+      }
+    ),
+    a ? /* @__PURE__ */ s.jsx("div", { className: "w-full", children: a }) : null
+  ] })
+);
+m.displayName = "Table";
+const p = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "thead",
+  {
+    ref: e,
+    className: o("bg-[#fafafa] [&_tr]:border-b [&_tr]:border-[#e6e6e6]", t),
+    ...a
+  }
+));
+p.displayName = "TableHeader";
+const b = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "tbody",
+  {
+    ref: e,
+    className: o("[&_tr:last-child]:border-0", t),
+    ...a
+  }
+));
+b.displayName = "TableBody";
+const g = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "tfoot",
+  {
+    ref: e,
+    className: o(
+      "border-t border-[#e6e6e6] bg-[#fafafa] font-medium [&>tr]:last:border-b-0",
+      t
+    ),
+    ...a
+  }
+));
+g.displayName = "TableFooter";
+const N = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "tr",
+  {
+    ref: e,
+    className: o(
+      "border-b border-[#e6e6e6]",
+      t
+    ),
+    ...a
+  }
+));
+N.displayName = "TableRow";
+const u = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "th",
+  {
+    ref: e,
+    className: o(
+      "h-12 px-3 py-2 text-left align-middle text-[14px] font-medium leading-[20px] text-foreground",
+      t
+    ),
+    ...a
+  }
+));
+u.displayName = "TableHead";
+const T = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "td",
+  {
+    ref: e,
+    className: o(
+      "h-12 px-3 py-2 align-middle text-[14px] font-normal leading-[20px] text-foreground",
+      t
+    ),
+    ...a
+  }
+));
+T.displayName = "TableCell";
+const w = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "caption",
+  {
+    ref: e,
+    className: o("mt-4 text-sm text-muted-foreground", t),
+    ...a
+  }
+));
+w.displayName = "TableCaption";
+const j = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    ref: e,
+    className: o(
+      "grid w-full grid-cols-[auto_1fr_auto] items-center border-t border-[#e6e6e6] bg-white p-4",
+      t
+    ),
+    ...a
+  }
+));
+j.displayName = "TablePagination";
+const h = r.forwardRef(({ className: t, label: a = "Total entries:", count: e = "-", ...l }, n) => /* @__PURE__ */ s.jsxs(
+  "div",
+  {
+    ref: n,
+    className: o("col-start-1 flex items-center gap-1 justify-self-start", t),
+    ...l,
+    children: [
+      /* @__PURE__ */ s.jsx("span", { className: "text-[14px] font-normal leading-[20px] text-[#4f4d55]", children: a }),
+      /* @__PURE__ */ s.jsx("span", { className: "text-[14px] font-normal leading-[20px] text-[#1d1c20]", children: e })
+    ]
+  }
+));
+h.displayName = "TablePaginationEntries";
+const y = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    ref: e,
+    className: o("col-start-2 flex items-center gap-3 justify-self-center", t),
+    ...a
+  }
+));
+y.displayName = "TablePaginationContent";
+const P = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "div",
   {
+    ref: e,
+    className: o("flex items-center gap-2", t),
+    ...a
+  }
+));
+P.displayName = "TablePaginationPages";
+const R = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  "button",
+  {
+    ref: e,
+    type: "button",
     className: o(
-      "flex min-h-[120px] w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] transition-colors",
-      "placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#1D1C20] focus-visible:ring-0",
-      "disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:placeholder:text-[#b3b3b3] disabled:opacity-100",
-      "aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]",
-      a
+      "flex h-7 w-7 items-center justify-center rounded-[8px] text-[#7f7d83] hover:text-foreground",
+      t
     ),
-    ref: i,
-    ...r
+    ...a
+  }
+));
+R.displayName = "TablePaginationButton";
+const v = r.forwardRef(({ className: t, isActive: a, ...e }, l) => /* @__PURE__ */ s.jsx(
+  "button",
+  {
+    ref: l,
+    type: "button",
+    "aria-current": a ? "page" : void 0,
+    className: o(
+      "flex h-8 w-8 items-center justify-center rounded-[8px] text-[12px] leading-[16px]",
+      a ? "border border-[#e6e6e6] bg-white text-foreground" : "text-[#7f7d83]",
+      t
+    ),
+    ...e
+  }
+));
+v.displayName = "TablePaginationPage";
+const C = r.forwardRef(({ className: t, label: a = "Total entries:", total: e = "-", ...l }, n) => /* @__PURE__ */ s.jsxs(
+  "div",
+  {
+    ref: n,
+    className: o("flex items-center gap-1 text-[14px] font-normal leading-[20px]", t),
+    ...l,
+    children: [
+      /* @__PURE__ */ s.jsx("span", { className: "text-[#4f4d55]", children: a }),
+      /* @__PURE__ */ s.jsx("span", { className: "text-[#1d1c20]", children: e })
+    ]
   }
 ));
-t.displayName = "Textarea";
+C.displayName = "TablePaginationTotalEntries";
+const _ = r.forwardRef(
+  ({
+    className: t,
+    label: a = "Go to page:",
+    pageLabel: e = "-",
+    placeholder: l = "-",
+    icon: n,
+    ...d
+  }, i) => /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      ref: i,
+      className: o("col-start-3 flex items-center gap-[13px] justify-self-end", t),
+      ...d,
+      children: [
+        /* @__PURE__ */ s.jsx("span", { className: "text-[14px] font-normal leading-[20px] text-foreground", children: a }),
+        /* @__PURE__ */ s.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-haspopup": "listbox",
+            className: "flex h-8 min-w-[72px] items-center justify-between gap-2 rounded-[8px] border border-[#e6e6e6] bg-white px-3 text-[12px] leading-[16px] text-foreground shadow-sm",
+            children: [
+              /* @__PURE__ */ s.jsx("span", { className: e === l ? "text-[#7f7d83]" : void 0, children: e === l ? l : e }),
+              n || /* @__PURE__ */ s.jsx(f, { className: "h-4 w-4 text-[#7f7d83]" })
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+_.displayName = "TablePaginationGoTo";
+const F = ({
+  className: t,
+  direction: a
+}) => a === "left" ? /* @__PURE__ */ s.jsx(x, { className: o("h-4 w-4", t) }) : /* @__PURE__ */ s.jsx(c, { className: o("h-4 w-4", t) });
 export {
-  t as Textarea
+  m as Table,
+  b as TableBody,
+  w as TableCaption,
+  T as TableCell,
+  g as TableFooter,
+  u as TableHead,
+  p as TableHeader,
+  j as TablePagination,
+  R as TablePaginationButton,
+  y as TablePaginationContent,
+  h as TablePaginationEntries,
+  _ as TablePaginationGoTo,
+  F as TablePaginationIcon,
+  v as TablePaginationPage,
+  P as TablePaginationPages,
+  C as TablePaginationTotalEntries,
+  N as TableRow
 };
 //# sourceMappingURL=index.es56.js.map

package/dist/index.es56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es56.js","sources":["../src/components/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<\"textarea\">\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        \"flex min-h-[120px] w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] transition-colors\",\n        \"placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#1D1C20] focus-visible:ring-0\",\n        \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:placeholder:text-[#b3b3b3] disabled:opacity-100\",\n        \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n})\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","cn"],"mappings":";;AAIA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAH;AAAA,IAAA;AAAA,IAEF,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AAAA,CAGT;AACDH,EAAS,cAAc;"}
+{"version":3,"file":"index.es56.js","sources":["../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype TableProps = React.HTMLAttributes<HTMLTableElement> & {\n  pagination?: React.ReactNode\n  maxHeight?: number | string\n  scrollContainerClassName?: string\n  stickyHeader?: boolean\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    { className, pagination, maxHeight, scrollContainerClassName, stickyHeader, ...props },\n    ref\n  ) => (\n    <div className=\"relative w-full overflow-hidden rounded-[8px] border border-[#e6e6e6] bg-white\">\n      <div\n        className={cn(\"ml-table-scroll w-full overflow-auto\", scrollContainerClassName)}\n        style={\n          maxHeight\n            ? { maxHeight: typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight }\n            : undefined\n        }\n      >\n        <table\n          ref={ref}\n          className={cn(\n            \"w-full caption-bottom text-[14px] leading-[20px]\",\n            stickyHeader\n              ? \"[&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead]:bg-[#fafafa]\"\n              : undefined,\n            className\n          )}\n          {...props}\n        />\n      </div>\n      {pagination ? <div className=\"w-full\">{pagination}</div> : null}\n    </div>\n  )\n)\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn(\"bg-[#fafafa] [&_tr]:border-b [&_tr]:border-[#e6e6e6]\", className)}\n    {...props}\n  />\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 border-[#e6e6e6] bg-[#fafafa] 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 border-[#e6e6e6]\",\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-12 px-3 py-2 text-left align-middle text-[14px] font-medium leading-[20px] text-foreground\",\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      \"h-12 px-3 py-2 align-middle text-[14px] font-normal leading-[20px] text-foreground\",\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\nconst TablePagination = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"grid w-full grid-cols-[auto_1fr_auto] items-center border-t border-[#e6e6e6] bg-white p-4\",\n      className\n    )}\n    {...props}\n  />\n))\nTablePagination.displayName = \"TablePagination\"\n\ntype TablePaginationEntriesProps = React.HTMLAttributes<HTMLDivElement> & {\n  label?: string\n  count?: string | number\n}\n\nconst TablePaginationEntries = React.forwardRef<\n  HTMLDivElement,\n  TablePaginationEntriesProps\n>(({ className, label = \"Total entries:\", count = \"-\", ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"col-start-1 flex items-center gap-1 justify-self-start\", className)}\n    {...props}\n  >\n    <span className=\"text-[14px] font-normal leading-[20px] text-[#4f4d55]\">\n      {label}\n    </span>\n    <span className=\"text-[14px] font-normal leading-[20px] text-[#1d1c20]\">\n      {count}\n    </span>\n  </div>\n))\nTablePaginationEntries.displayName = \"TablePaginationEntries\"\n\nconst TablePaginationContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"col-start-2 flex items-center gap-3 justify-self-center\", className)}\n    {...props}\n  />\n))\nTablePaginationContent.displayName = \"TablePaginationContent\"\n\nconst TablePaginationPages = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center gap-2\", className)}\n    {...props}\n  />\n))\nTablePaginationPages.displayName = \"TablePaginationPages\"\n\nconst TablePaginationButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(({ className, ...props }, ref) => (\n  <button\n    ref={ref}\n    type=\"button\"\n    className={cn(\n      \"flex h-7 w-7 items-center justify-center rounded-[8px] text-[#7f7d83] hover:text-foreground\",\n      className\n    )}\n    {...props}\n  />\n))\nTablePaginationButton.displayName = \"TablePaginationButton\"\n\ntype TablePaginationPageProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  isActive?: boolean\n}\n\nconst TablePaginationPage = React.forwardRef<\n  HTMLButtonElement,\n  TablePaginationPageProps\n>(({ className, isActive, ...props }, ref) => (\n  <button\n    ref={ref}\n    type=\"button\"\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      \"flex h-8 w-8 items-center justify-center rounded-[8px] text-[12px] leading-[16px]\",\n      isActive\n        ? \"border border-[#e6e6e6] bg-white text-foreground\"\n        : \"text-[#7f7d83]\",\n      className\n    )}\n    {...props}\n  />\n))\nTablePaginationPage.displayName = \"TablePaginationPage\"\n\ntype TablePaginationGoToProps = React.HTMLAttributes<HTMLDivElement> & {\n  label?: string\n  pageLabel?: string\n  placeholder?: string\n  icon?: React.ReactNode\n}\n\ntype TablePaginationTotalEntriesProps = React.HTMLAttributes<HTMLDivElement> & {\n  label?: string\n  total?: string | number\n}\n\nconst TablePaginationTotalEntries = React.forwardRef<\n  HTMLDivElement,\n  TablePaginationTotalEntriesProps\n>(({ className, label = \"Total entries:\", total = \"-\", ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center gap-1 text-[14px] font-normal leading-[20px]\", className)}\n    {...props}\n  >\n    <span className=\"text-[#4f4d55]\">{label}</span>\n    <span className=\"text-[#1d1c20]\">{total}</span>\n  </div>\n))\nTablePaginationTotalEntries.displayName = \"TablePaginationTotalEntries\"\n\nconst TablePaginationGoTo = React.forwardRef<\n  HTMLDivElement,\n  TablePaginationGoToProps\n>(\n  (\n    {\n      className,\n      label = \"Go to page:\",\n      pageLabel = \"-\",\n      placeholder = \"-\",\n      icon,\n      ...props\n    },\n    ref\n  ) => (\n  <div\n    ref={ref}\n    className={cn(\"col-start-3 flex items-center gap-[13px] justify-self-end\", className)}\n    {...props}\n  >\n    <span className=\"text-[14px] font-normal leading-[20px] text-foreground\">\n      {label}\n    </span>\n    <button\n      type=\"button\"\n      aria-haspopup=\"listbox\"\n      className=\"flex h-8 min-w-[72px] items-center justify-between gap-2 rounded-[8px] border border-[#e6e6e6] bg-white px-3 text-[12px] leading-[16px] text-foreground shadow-sm\"\n    >\n      <span className={pageLabel === placeholder ? \"text-[#7f7d83]\" : undefined}>\n        {pageLabel === placeholder ? placeholder : pageLabel}\n      </span>\n      {icon || <ChevronDown className=\"h-4 w-4 text-[#7f7d83]\" />}\n    </button>\n  </div>\n  )\n)\nTablePaginationGoTo.displayName = \"TablePaginationGoTo\"\n\nconst TablePaginationIcon = ({\n  className,\n  direction,\n}: {\n  className?: string\n  direction: \"left\" | \"right\"\n}) =>\n  direction === \"left\" ? (\n    <ChevronLeft className={cn(\"h-4 w-4\", className)} />\n  ) : (\n    <ChevronRight className={cn(\"h-4 w-4\", className)} />\n  )\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n  TablePagination,\n  TablePaginationEntries,\n  TablePaginationContent,\n  TablePaginationPages,\n  TablePaginationButton,\n  TablePaginationPage,\n  TablePaginationTotalEntries,\n  TablePaginationGoTo,\n  TablePaginationIcon,\n}\n"],"names":["Table","React","className","pagination","maxHeight","scrollContainerClassName","stickyHeader","props","ref","jsxs","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","TablePagination","TablePaginationEntries","label","count","TablePaginationContent","TablePaginationPages","TablePaginationButton","TablePaginationPage","isActive","TablePaginationTotalEntries","total","TablePaginationGoTo","pageLabel","placeholder","icon","ChevronDown","TablePaginationIcon","direction","ChevronLeft","ChevronRight"],"mappings":"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"}

package/dist/index.es57.js

@@ -1,37 +1,53 @@
-import * as e from "react";
-import * as t from "@radix-ui/react-toggle";
-import { cva as s } from "class-variance-authority";
-import { cn as d } from "./index.es60.js";
-const m = s(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+import { j as s } from "./index.es62.js";
+import * as o from "react";
+import * as e from "@radix-ui/react-tabs";
+import { cn as r } from "./index.es63.js";
+const d = e.Root, n = o.forwardRef(({ className: t, ...a }, i) => /* @__PURE__ */ s.jsx(
+  e.List,
   {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+    ref: i,
+    className: r(
+      "flex w-full flex-wrap items-center gap-1 rounded-[8px] bg-[#f5f5f5] p-1",
+      "data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start",
+      t
+    ),
+    ...a
+  }
+));
+n.displayName = e.List.displayName;
+const l = o.forwardRef(({ className: t, ...a }, i) => /* @__PURE__ */ s.jsx(
+  e.Trigger,
+  {
+    ref: i,
+    className: r(
+      "inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] transition-colors",
+      "[&_svg]:size-3.5",
+      "hover:[color:var(--raw-black,#000)]",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2",
+      "disabled:pointer-events-none disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]",
+      "data-[state=active]:bg-white data-[state=active]:shadow-[0_2px_4px_-2px_rgba(19,25,39,0.12),_0_4px_4px_-2px_rgba(19,25,39,0.08)]",
+      t
+    ),
+    ...a
   }
-), l = e.forwardRef(({ className: n, variant: o, size: a, ...r }, i) => /* @__PURE__ */ e.createElement(
-  t.Root,
+));
+l.displayName = e.Trigger.displayName;
+const f = o.forwardRef(({ className: t, ...a }, i) => /* @__PURE__ */ s.jsx(
+  e.Content,
   {
     ref: i,
-    className: d(m({ variant: o, size: a, className: n })),
-    ...r
+    className: r(
+      "mt-4 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2",
+      t
+    ),
+    ...a
   }
 ));
-l.displayName = t.Root.displayName;
+f.displayName = e.Content.displayName;
 export {
-  l as Toggle,
-  m as toggleVariants
+  d as Tabs,
+  f as TabsContent,
+  n as TabsList,
+  l as TabsTrigger
 };
 //# sourceMappingURL=index.es57.js.map

package/dist/index.es57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es57.js","sources":["../src/components/ui/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        default: \"h-9 px-2 min-w-9\",\n        sm: \"h-8 px-1.5 min-w-8\",\n        lg: \"h-10 px-2.5 min-w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","TogglePrimitive","cn"],"mappings":";;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MACzC,gBAAAL,EAAA;AAAA,EAACM,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGV,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACzD,GAAGG;AAAA,EAAA;AACN,CACD;AAEDL,EAAO,cAAcO,EAAgB,KAAK;"}
+{"version":3,"file":"index.es57.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      \"flex w-full flex-wrap items-center gap-1 rounded-[8px] bg-[#f5f5f5] p-1\",\n      \"data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] transition-colors\",\n      \"[&_svg]:size-3.5\",\n      \"hover:[color:var(--raw-black,#000)]\",\n      \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2\",\n      \"disabled:pointer-events-none disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]\",\n      \"data-[state=active]:bg-white data-[state=active]:shadow-[0_2px_4px_-2px_rgba(19,25,39,0.12),_0_4px_4px_-2px_rgba(19,25,39,0.08)]\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      \"mt-4 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2\",\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":";;;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAE1C,MAAMQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;AAEhD,MAAMS,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcT,EAAc,QAAQ;"}

package/dist/index.es58.js

@@ -1,41 +1,22 @@
-import * as e from "react";
-import * as t from "@radix-ui/react-toggle-group";
-import { cn as l } from "./index.es60.js";
-import { toggleVariants as p } from "./index.es57.js";
-const c = e.createContext({
-  size: "default",
-  variant: "default"
-}), f = e.forwardRef(({ className: a, variant: o, size: r, children: m, ...i }, s) => /* @__PURE__ */ e.createElement(
-  t.Root,
+import { j as i } from "./index.es62.js";
+import * as o from "react";
+import { cn as t } from "./index.es63.js";
+const d = o.forwardRef(({ className: e, ...r }, a) => /* @__PURE__ */ i.jsx(
+  "textarea",
   {
-    ref: s,
-    className: l("flex items-center justify-center gap-1", a),
-    ...i
-  },
-  /* @__PURE__ */ e.createElement(c.Provider, { value: { variant: o, size: r } }, m)
+    className: t(
+      "flex min-h-[120px] w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] transition-colors",
+      "placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#1D1C20] focus-visible:ring-0",
+      "disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:placeholder:text-[#b3b3b3] disabled:opacity-100",
+      "aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]",
+      e
+    ),
+    ref: a,
+    ...r
+  }
 ));
-f.displayName = t.Root.displayName;
-const g = e.forwardRef(({ className: a, children: o, variant: r, size: m, ...i }, s) => {
-  const n = e.useContext(c);
-  return /* @__PURE__ */ e.createElement(
-    t.Item,
-    {
-      ref: s,
-      className: l(
-        p({
-          variant: n.variant || r,
-          size: n.size || m
-        }),
-        a
-      ),
-      ...i
-    },
-    o
-  );
-});
-g.displayName = t.Item.displayName;
+d.displayName = "Textarea";
 export {
-  f as ToggleGroup,
-  g as ToggleGroupItem
+  d as Textarea
 };
 //# sourceMappingURL=index.es58.js.map

package/dist/index.es58.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es58.js","sources":["../src/components/ui/toggle-group.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\"\nimport { type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { toggleVariants } from \"@/components/ui/toggle\"\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants>\n>({\n  size: \"default\",\n  variant: \"default\",\n})\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\"flex items-center justify-center gap-1\", className)}\n    {...props}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n))\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &\n    VariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;AASA,MAAMA,IAAqBC,EAAM,cAE/B;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AACX,CAAC,GAEKC,IAAcD,EAAM,WAIxB,CAAC,EAAE,WAAAE,GAAW,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GAASC,MACnD,gBAAAP,EAAA;AAAA,EAACQ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,0CAA0CP,CAAS;AAAA,IAChE,GAAGI;AAAA,EAAA;AAAA,EAEJ,gBAAAN,EAAA,cAACD,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAI,GAAS,MAAAC,EAAA,EAAK,GACjDC,CACH;AACF,CACD;AAEDJ,EAAY,cAAcO,EAAqB,KAAK;AAEpD,MAAME,IAAkBV,EAAM,WAI5B,CAAC,EAAE,WAAAE,GAAW,UAAAG,GAAU,SAAAF,GAAS,MAAAC,GAAM,GAAGE,EAAA,GAASC,MAAQ;AAC3D,QAAMI,IAAUX,EAAM,WAAWD,CAAkB;AAEnD,SACE,gBAAAC,EAAA;AAAA,IAACQ,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACTG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWR;AAAA,UAC5B,MAAMQ,EAAQ,QAAQP;AAAA,QAAA,CACvB;AAAA,QACDF;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,IAEHD;AAAA,EAAA;AAGP,CAAC;AAEDK,EAAgB,cAAcF,EAAqB,KAAK;"}
+{"version":3,"file":"index.es58.js","sources":["../src/components/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<\"textarea\">\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        \"flex min-h-[120px] w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] transition-colors\",\n        \"placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#1D1C20] focus-visible:ring-0\",\n        \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:placeholder:text-[#b3b3b3] disabled:opacity-100\",\n        \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n})\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAIA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExBC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAEF,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AAAA,CAGT;AACDH,EAAS,cAAc;"}

package/dist/index.es59.js

@@ -1,23 +1,38 @@
-import * as o from "react";
-import * as t from "@radix-ui/react-tooltip";
-import { cn as d } from "./index.es60.js";
-const s = t.Provider, l = t.Root, p = t.Trigger, n = o.forwardRef(({ className: e, sideOffset: i = 4, ...a }, r) => /* @__PURE__ */ o.createElement(t.Portal, null, /* @__PURE__ */ o.createElement(
-  t.Content,
+import { j as i } from "./index.es62.js";
+import * as s from "react";
+import * as e from "@radix-ui/react-toggle";
+import { cva as m } from "class-variance-authority";
+import { cn as d } from "./index.es63.js";
+const g = m(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
-    ref: r,
-    sideOffset: i,
-    className: d(
-      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-[--radix-tooltip-content-transform-origin]",
-      e
-    ),
-    ...a
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
   }
-)));
-n.displayName = t.Content.displayName;
+), l = s.forwardRef(({ className: t, variant: o, size: n, ...r }, a) => /* @__PURE__ */ i.jsx(
+  e.Root,
+  {
+    ref: a,
+    className: d(g({ variant: o, size: n, className: t })),
+    ...r
+  }
+));
+l.displayName = e.Root.displayName;
 export {
-  l as Tooltip,
-  n as TooltipContent,
-  s as TooltipProvider,
-  p as TooltipTrigger
+  l as Toggle,
+  g as toggleVariants
 };
 //# sourceMappingURL=index.es59.js.map