ml-uikit 1.1.2 → 1.1.4

package/dist/index.es52.js

@@ -1,52 +1,30 @@
-import * as t from "react";
-import * as e from "@radix-ui/react-tabs";
-import { cn as r } from "./index.es57.js";
-const p = e.Root, o = t.forwardRef(({ className: a, ...i }, s) => /* @__PURE__ */ t.createElement(
-  e.List,
+import * as e from "react";
+import * as t from "@radix-ui/react-switch";
+import { cn as s } from "./index.es59.js";
+const r = e.forwardRef(({ className: i, ...a }, o) => /* @__PURE__ */ e.createElement(
+  t.Root,
   {
-    ref: s,
-    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",
-      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
-  }
+    ...a,
+    ref: o
+  },
+  /* @__PURE__ */ e.createElement(
+    t.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"
+      )
+    }
+  )
 ));
-o.displayName = e.List.displayName;
-const n = t.forwardRef(({ className: a, ...i }, s) => /* @__PURE__ */ t.createElement(
-  e.Trigger,
-  {
-    ref: s,
-    className: r(
-      "inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 text-[11px] font-medium leading-[14px] text-[#1D1C20] transition-colors",
-      "[&_svg]:size-3.5",
-      "hover:text-[#1D1C20]",
-      "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
-    ),
-    ...i
-  }
-));
-n.displayName = e.Trigger.displayName;
-const l = t.forwardRef(({ className: a, ...i }, s) => /* @__PURE__ */ t.createElement(
-  e.Content,
-  {
-    ref: s,
-    className: r(
-      "mt-4 text-[14px] leading-[20px] text-[#7f7d83] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2",
-      a
-    ),
-    ...i
-  }
-));
-l.displayName = e.Content.displayName;
+r.displayName = t.Root.displayName;
 export {
-  p as Tabs,
-  l as TabsContent,
-  o as TabsList,
-  n as TabsTrigger
+  r as Switch
 };
 //# sourceMappingURL=index.es52.js.map

package/dist/index.es52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es52.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 text-[11px] font-medium leading-[14px] text-[#1D1C20] transition-colors\",\n      \"[&_svg]:size-3.5\",\n      \"hover:text-[#1D1C20]\",\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 text-[14px] leading-[20px] text-[#7f7d83] 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.es52.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","SwitchPrimitives","cn"],"mappings":";;;AAKA,MAAMA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACI,EAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AAAA,EAEA,gBAAAH,EAAA;AAAA,IAACI,EAAiB;AAAA,IAAjB;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAEJ,CACD;AACDN,EAAO,cAAcK,EAAiB,KAAK;"}

package/dist/index.es53.js

@@ -1,21 +1,209 @@
 import * as e from "react";
-import { cn as o } from "./index.es57.js";
-const t = e.forwardRef(({ className: a, ...r }, i) => /* @__PURE__ */ e.createElement(
-  "textarea",
-  {
-    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
+import { ChevronDown as i, ChevronLeft as m, ChevronRight as f } from "lucide-react";
+import { cn as r } from "./index.es59.js";
+const c = e.forwardRef(
+  ({ className: o, pagination: t, maxHeight: a, scrollContainerClassName: l, stickyHeader: n, ...d }, s) => /* @__PURE__ */ e.createElement("div", { className: "relative w-full overflow-hidden rounded-[8px] border border-[#e6e6e6] bg-white" }, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: r("ml-table-scroll w-full overflow-auto", l),
+      style: a ? { maxHeight: typeof a == "number" ? `${a}px` : a } : void 0
+    },
+    /* @__PURE__ */ e.createElement(
+      "table",
+      {
+        ref: s,
+        className: r(
+          "w-full caption-bottom text-[14px] leading-[20px]",
+          n ? "[&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead]:bg-[#fafafa]" : void 0,
+          o
+        ),
+        ...d
+      }
+    )
+  ), t ? /* @__PURE__ */ e.createElement("div", { className: "w-full" }, t) : null)
+);
+c.displayName = "Table";
+const b = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "thead",
+  {
+    ref: a,
+    className: r("bg-[#fafafa] [&_tr]:border-b [&_tr]:border-[#e6e6e6]", o),
+    ...t
+  }
+));
+b.displayName = "TableHeader";
+const p = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "tbody",
+  {
+    ref: a,
+    className: r("[&_tr:last-child]:border-0", o),
+    ...t
+  }
+));
+p.displayName = "TableBody";
+const x = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "tfoot",
+  {
+    ref: a,
+    className: r(
+      "border-t border-[#e6e6e6] bg-[#fafafa] font-medium [&>tr]:last:border-b-0",
+      o
+    ),
+    ...t
+  }
+));
+x.displayName = "TableFooter";
+const g = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "tr",
+  {
+    ref: a,
+    className: r(
+      "border-b border-[#e6e6e6]",
+      o
+    ),
+    ...t
+  }
+));
+g.displayName = "TableRow";
+const w = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "th",
+  {
+    ref: a,
+    className: r(
+      "h-12 px-3 py-2 text-left align-middle text-[14px] font-medium leading-[20px] text-foreground",
+      o
+    ),
+    ...t
+  }
+));
+w.displayName = "TableHead";
+const u = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "td",
+  {
+    ref: a,
+    className: r(
+      "h-12 px-3 py-2 align-middle text-[14px] font-normal leading-[20px] text-foreground",
+      o
+    ),
+    ...t
+  }
+));
+u.displayName = "TableCell";
+const N = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "caption",
+  {
+    ref: a,
+    className: r("mt-4 text-sm text-muted-foreground", o),
+    ...t
+  }
+));
+N.displayName = "TableCaption";
+const T = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    className: r(
+      "flex w-full items-center justify-between border-t border-[#e6e6e6] bg-white p-4",
+      o
+    ),
+    ...t
+  }
+));
+T.displayName = "TablePagination";
+const y = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    className: r("flex items-center gap-3", o),
+    ...t
+  }
+));
+y.displayName = "TablePaginationContent";
+const h = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    className: r("flex items-center gap-2", o),
+    ...t
+  }
+));
+h.displayName = "TablePaginationPages";
+const E = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "button",
+  {
+    ref: a,
+    type: "button",
+    className: r(
+      "flex h-7 w-7 items-center justify-center rounded-[8px] text-[#7f7d83] hover:text-foreground",
+      o
+    ),
+    ...t
+  }
+));
+E.displayName = "TablePaginationButton";
+const R = e.forwardRef(({ className: o, isActive: t, ...a }, l) => /* @__PURE__ */ e.createElement(
+  "button",
+  {
+    ref: l,
+    type: "button",
+    "aria-current": t ? "page" : void 0,
+    className: r(
+      "flex h-8 w-8 items-center justify-center rounded-[8px] text-[12px] leading-[16px]",
+      t ? "border border-[#e6e6e6] bg-white text-foreground" : "text-[#7f7d83]",
+      o
     ),
-    ref: i,
-    ...r
+    ...a
   }
 ));
-t.displayName = "Textarea";
+R.displayName = "TablePaginationPage";
+const v = e.forwardRef(
+  ({
+    className: o,
+    label: t = "Go to page:",
+    pageLabel: a = "-",
+    placeholder: l = "-",
+    icon: n,
+    ...d
+  }, s) => /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: s,
+      className: r("flex items-center gap-[13px]", o),
+      ...d
+    },
+    /* @__PURE__ */ e.createElement("span", { className: "text-[14px] font-normal leading-[20px] text-foreground" }, t),
+    /* @__PURE__ */ e.createElement(
+      "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"
+      },
+      /* @__PURE__ */ e.createElement("span", { className: a === l ? "text-[#7f7d83]" : void 0 }, a === l ? l : a),
+      n || /* @__PURE__ */ e.createElement(i, { className: "h-4 w-4 text-[#7f7d83]" })
+    )
+  )
+);
+v.displayName = "TablePaginationGoTo";
+const _ = ({
+  className: o,
+  direction: t
+}) => t === "left" ? /* @__PURE__ */ e.createElement(m, { className: r("h-4 w-4", o) }) : /* @__PURE__ */ e.createElement(f, { className: r("h-4 w-4", o) });
 export {
-  t as Textarea
+  c as Table,
+  p as TableBody,
+  N as TableCaption,
+  u as TableCell,
+  x as TableFooter,
+  w as TableHead,
+  b as TableHeader,
+  T as TablePagination,
+  E as TablePaginationButton,
+  y as TablePaginationContent,
+  v as TablePaginationGoTo,
+  _ as TablePaginationIcon,
+  R as TablePaginationPage,
+  h as TablePaginationPages,
+  g as TableRow
 };
 //# sourceMappingURL=index.es53.js.map

package/dist/index.es53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es53.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.es53.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      \"flex w-full items-center justify-between border-t border-[#e6e6e6] bg-white p-4\",\n      className\n    )}\n    {...props}\n  />\n))\nTablePagination.displayName = \"TablePagination\"\n\nconst TablePaginationContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center gap-3\", 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\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(\"flex items-center gap-[13px]\", 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  TablePaginationContent,\n  TablePaginationPages,\n  TablePaginationButton,\n  TablePaginationPage,\n  TablePaginationGoTo,\n  TablePaginationIcon,\n}\n"],"names":["Table","React","className","pagination","maxHeight","scrollContainerClassName","stickyHeader","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","TablePagination","TablePaginationContent","TablePaginationPages","TablePaginationButton","TablePaginationPage","isActive","TablePaginationGoTo","label","pageLabel","placeholder","icon","ChevronDown","TablePaginationIcon","direction","ChevronLeft","ChevronRight"],"mappings":"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"}

package/dist/index.es54.js

@@ -1,37 +1,52 @@
-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.es57.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 * as t from "react";
+import * as e from "@radix-ui/react-tabs";
+import { cn as o } from "./index.es59.js";
+const f = e.Root, s = t.forwardRef(({ className: a, ...i }, r) => /* @__PURE__ */ t.createElement(
+  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: 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
   }
-), l = e.forwardRef(({ className: n, variant: o, size: a, ...r }, i) => /* @__PURE__ */ e.createElement(
-  t.Root,
+));
+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
+    ),
+    ...i
+  }
+));
+n.displayName = e.Trigger.displayName;
+const l = t.forwardRef(({ className: a, ...i }, r) => /* @__PURE__ */ t.createElement(
+  e.Content,
   {
-    ref: i,
-    className: d(m({ variant: o, size: a, className: n })),
-    ...r
+    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
   }
 ));
-l.displayName = t.Root.displayName;
+l.displayName = e.Content.displayName;
 export {
-  l as Toggle,
-  m as toggleVariants
+  f as Tabs,
+  l as TabsContent,
+  s as TabsList,
+  n as TabsTrigger
 };
 //# sourceMappingURL=index.es54.js.map

package/dist/index.es54.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es54.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.es54.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;"}

package/dist/index.es55.js

@@ -1,41 +1,21 @@
 import * as e from "react";
-import * as t from "@radix-ui/react-toggle-group";
-import { cn as l } from "./index.es57.js";
-import { toggleVariants as p } from "./index.es54.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 { cn as o } from "./index.es59.js";
+const t = e.forwardRef(({ className: a, ...r }, i) => /* @__PURE__ */ e.createElement(
+  "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: 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
+    ),
+    ref: i,
+    ...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;
+t.displayName = "Textarea";
 export {
-  f as ToggleGroup,
-  g as ToggleGroupItem
+  t as Textarea
 };
 //# sourceMappingURL=index.es55.js.map

package/dist/index.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es55.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.es55.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;"}

package/dist/index.es56.js

@@ -1,23 +1,37 @@
-import * as o from "react";
-import * as t from "@radix-ui/react-tooltip";
-import { cn as d } from "./index.es57.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 * 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.es59.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",
   {
-    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 = e.forwardRef(({ className: n, variant: o, size: a, ...r }, i) => /* @__PURE__ */ e.createElement(
+  t.Root,
+  {
+    ref: i,
+    className: d(m({ variant: o, size: a, className: n })),
+    ...r
+  }
+));
+l.displayName = t.Root.displayName;
 export {
-  l as Tooltip,
-  n as TooltipContent,
-  s as TooltipProvider,
-  p as TooltipTrigger
+  l as Toggle,
+  m as toggleVariants
 };
 //# sourceMappingURL=index.es56.js.map

package/dist/index.es56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es56.js","sources":["../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"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]\",\n        className\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","cn"],"mappings":";;;AAOA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAElCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,KAASC,MAC1C,gBAAAJ,EAAA,cAACJ,EAAiB,QAAjB,MACC,gBAAAI,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,YAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AACN,CACF,CACD;AACDJ,EAAe,cAAcH,EAAiB,QAAQ;"}
+{"version":3,"file":"index.es56.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;"}