ml-uikit 1.0.7 → 1.0.8

package/dist/index.es5.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import * as l from "@radix-ui/react-alert-dialog";
-import { cn as s } from "./index.es57.js";
+import { cn as s } from "./index.es56.js";
 import { buttonVariants as r } from "./index.es10.js";
 const A = l.Root, D = l.Trigger, n = l.Portal, i = e.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ e.createElement(
   l.Overlay,

package/dist/index.es50.js

@@ -1,90 +1,204 @@
 import * as e from "react";
-import { cn as r } from "./index.es57.js";
-const o = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement("div", { className: "relative w-full overflow-auto" }, /* @__PURE__ */ e.createElement(
-  "table",
+import { ChevronDown as i } from "lucide-react";
+import { cn as r } from "./index.es56.js";
+const m = 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)
+);
+m.displayName = "Table";
+const f = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "thead",
   {
-    ref: l,
-    className: r("w-full caption-bottom text-sm", a),
+    ref: a,
+    className: r("bg-[#fafafa] [&_tr]:border-b [&_tr]:border-[#e6e6e6]", o),
     ...t
   }
-)));
-o.displayName = "Table";
-const d = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement("thead", { ref: l, className: r("[&_tr]:border-b", a), ...t }));
-d.displayName = "TableHeader";
-const s = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+));
+f.displayName = "TableHeader";
+const c = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
   "tbody",
   {
-    ref: l,
-    className: r("[&_tr:last-child]:border-0", a),
+    ref: a,
+    className: r("[&_tr:last-child]:border-0", o),
     ...t
   }
 ));
-s.displayName = "TableBody";
-const m = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+c.displayName = "TableBody";
+const b = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
   "tfoot",
   {
-    ref: l,
+    ref: a,
     className: r(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      a
+      "border-t border-[#e6e6e6] bg-[#fafafa] font-medium [&>tr]:last:border-b-0",
+      o
     ),
     ...t
   }
 ));
-m.displayName = "TableFooter";
-const c = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+b.displayName = "TableFooter";
+const p = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
   "tr",
   {
-    ref: l,
+    ref: a,
     className: r(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      a
+      "border-b border-[#e6e6e6]",
+      o
     ),
     ...t
   }
 ));
-c.displayName = "TableRow";
-const b = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+p.displayName = "TableRow";
+const x = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
   "th",
   {
-    ref: l,
+    ref: a,
     className: r(
-      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      a
+      "h-12 px-3 py-2 text-left align-middle text-[14px] font-medium leading-[20px] text-foreground",
+      o
     ),
     ...t
   }
 ));
-b.displayName = "TableHead";
-const n = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+x.displayName = "TableHead";
+const g = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
   "td",
   {
-    ref: l,
+    ref: a,
     className: r(
-      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      a
+      "h-12 px-3 py-2 align-middle text-[14px] font-normal leading-[20px] text-foreground",
+      o
     ),
     ...t
   }
 ));
-n.displayName = "TableCell";
-const f = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
+g.displayName = "TableCell";
+const u = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
   "caption",
   {
-    ref: l,
-    className: r("mt-4 text-sm text-muted-foreground", a),
+    ref: a,
+    className: r("mt-4 text-sm text-muted-foreground", o),
+    ...t
+  }
+));
+u.displayName = "TableCaption";
+const w = 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
+  }
+));
+w.displayName = "TablePagination";
+const N = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    className: r("flex items-center gap-3", o),
+    ...t
+  }
+));
+N.displayName = "TablePaginationContent";
+const T = e.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    ref: a,
+    className: r("flex items-center gap-2", o),
     ...t
   }
 ));
-f.displayName = "TableCaption";
+T.displayName = "TablePaginationPages";
+const y = 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
+  }
+));
+y.displayName = "TablePaginationButton";
+const E = 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
+    ),
+    ...a
+  }
+));
+E.displayName = "TablePaginationPage";
+const h = 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]" })
+    )
+  )
+);
+h.displayName = "TablePaginationGoTo";
 export {
-  o as Table,
-  s as TableBody,
-  f as TableCaption,
-  n as TableCell,
-  m as TableFooter,
-  b as TableHead,
-  d as TableHeader,
-  c as TableRow
+  m as Table,
+  c as TableBody,
+  u as TableCaption,
+  g as TableCell,
+  b as TableFooter,
+  x as TableHead,
+  f as TableHeader,
+  w as TablePagination,
+  y as TablePaginationButton,
+  N as TablePaginationContent,
+  h as TablePaginationGoTo,
+  E as TablePaginationPage,
+  T as TablePaginationPages,
+  p as TableRow
 };
 //# sourceMappingURL=index.es50.js.map

package/dist/index.es50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es50.js","sources":["../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className=\"relative w-full overflow-auto\">\n    <table\n      ref={ref}\n      className={cn(\"w-full caption-bottom text-sm\", className)}\n      {...props}\n    />\n  </div>\n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n))\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    {...props}\n  />\n))\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n      className\n    )}\n    {...props}\n  />\n))\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n      className\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      \"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      className\n    )}\n    {...props}\n  />\n))\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      className\n    )}\n    {...props}\n  />\n))\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nTableCaption.displayName = \"TableCaption\"\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["Table","React","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;AAIA,MAAMA,IAAQC,EAAM,WAGlB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAC1B,gBAAAH,EAAA,cAAC,OAAA,EAAI,WAAU,gCAAA,GACb,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACF,CACD;AACDH,EAAM,cAAc;AAEpB,MAAMM,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,sCACzB,SAAA,EAAM,KAAAA,GAAU,WAAWC,EAAG,mBAAmBH,CAAS,GAAI,GAAGC,GAAO,CAC1E;AACDG,EAAY,cAAc;AAE1B,MAAMC,IAAYN,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAU,cAAc;AAExB,MAAMC,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAc;AAE1B,MAAMC,IAAWR,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAS,cAAc;AAEvB,MAAMC,IAAYT,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAU,cAAc;AAExB,MAAMC,IAAYV,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAU,cAAc;AAExB,MAAMC,IAAeX,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAa,cAAc;"}
+{"version":3,"file":"index.es50.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"],"mappings":"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"}

package/dist/index.es51.js

@@ -1,6 +1,6 @@
 import * as t from "react";
 import * as e from "@radix-ui/react-tabs";
-import { cn as n } from "./index.es57.js";
+import { cn as n } from "./index.es56.js";
 const l = e.Root, o = t.forwardRef(({ className: i, ...s }, a) => /* @__PURE__ */ t.createElement(
   e.List,
   {

package/dist/index.es52.js

@@ -1,18 +1,21 @@
 import * as e from "react";
-import { cn as o } from "./index.es57.js";
-const s = e.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e.createElement(
+import { cn as o } from "./index.es56.js";
+const t = e.forwardRef(({ className: r, ...a }, i) => /* @__PURE__ */ e.createElement(
   "textarea",
   {
     className: o(
-      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      "flex min-h-[120px] w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-foreground transition-colors",
+      "placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#111111] 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]",
       r
     ),
-    ref: a,
-    ...t
+    ref: i,
+    ...a
   }
 ));
-s.displayName = "Textarea";
+t.displayName = "Textarea";
 export {
-  s as Textarea
+  t as Textarea
 };
 //# sourceMappingURL=index.es52.js.map

package/dist/index.es52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es52.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-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\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,MACAH;AAAA,IAAA;AAAA,IAEF,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AAAA,CAGT;AACDH,EAAS,cAAc;"}
+{"version":3,"file":"index.es52.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-foreground transition-colors\",\n        \"placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#111111] 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.es53.js

@@ -1,7 +1,7 @@
 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";
+import { cn as d } from "./index.es56.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",
   {

package/dist/index.es54.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import * as t from "@radix-ui/react-toggle-group";
-import { cn as l } from "./index.es57.js";
+import { cn as l } from "./index.es56.js";
 import { toggleVariants as p } from "./index.es53.js";
 const c = e.createContext({
   size: "default",

package/dist/index.es55.js

@@ -1,6 +1,6 @@
 import * as o from "react";
 import * as t from "@radix-ui/react-tooltip";
-import { cn as d } from "./index.es57.js";
+import { cn as d } from "./index.es56.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,
   {

package/dist/index.es56.js

@@ -1,46 +1,9 @@
-import * as e from "react";
-import { Slot as d } from "@radix-ui/react-slot";
-import { cva as u } from "class-variance-authority";
-import { cn as c } from "./index.es57.js";
-const f = u(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "underline-offset-4 hover:underline text-primary"
-      },
-      size: {
-        default: "h-10 py-2 px-4",
-        sm: "h-9 px-3 rounded-md",
-        lg: "h-11 px-8 rounded-md"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), l = e.forwardRef(
-  ({ className: t, variant: r, size: o, asChild: n = !1, ...i }, a) => {
-    const s = n ? d : "button";
-    return /* @__PURE__ */ e.createElement(
-      s,
-      {
-        className: c(f({ variant: r, size: o, className: t })),
-        ref: a,
-        ...i
-      }
-    );
-  }
-);
-l.displayName = "Button";
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  l as Button,
-  f as buttonVariants
+  n as cn
 };
 //# sourceMappingURL=index.es56.js.map

package/dist/index.es56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es56.js","sources":["../src/components/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"underline-offset-4 hover:underline text-primary\",\n      },\n      size: {\n        default: \"h-10 py-2 px-4\",\n        sm: \"h-9 px-3 rounded-md\",\n        lg: \"h-11 px-8 rounded-md\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","cn"],"mappings":";;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,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,GAQMC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAAQ;AAChE,UAAMC,IAAOH,IAAUI,IAAO;AAC9B,WACE,gBAAAR,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAWE,EAAGZ,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAK;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}
+{"version":3,"file":"index.es56.js","sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}

package/dist/index.es57.js

@@ -1,9 +1,15 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
+import * as o from "react";
+const e = 768;
+function r() {
+  const [s, n] = o.useState(void 0);
+  return o.useEffect(() => {
+    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
+      n(window.innerWidth < e);
+    };
+    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
+  }, []), !!s;
 }
 export {
-  n as cn
+  r as useIsMobile
 };
 //# sourceMappingURL=index.es57.js.map

package/dist/index.es57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es57.js","sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}
+{"version":3,"file":"index.es57.js","sources":["../src/hooks/use-mobile.tsx"],"sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","onChange"],"mappings":";AAEA,MAAMA,IAAoB;AAEnB,SAASC,IAAc;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAA8B,MAAS;AAE7E,SAAAA,EAAM,UAAU,MAAM;AACpB,UAAMC,IAAM,OAAO,WAAW,eAAeL,IAAoB,CAAC,KAAK,GACjEM,IAAW,MAAM;AACrB,MAAAH,EAAY,OAAO,aAAaH,CAAiB;AAAA,IACnD;AACA,WAAAK,EAAI,iBAAiB,UAAUC,CAAQ,GACvCH,EAAY,OAAO,aAAaH,CAAiB,GAC1C,MAAMK,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EACzD,GAAG,CAAA,CAAE,GAEE,CAAC,CAACJ;AACX;"}

package/dist/index.es7.js

@@ -1,6 +1,6 @@
 import * as a from "react";
 import * as e from "@radix-ui/react-avatar";
-import { cn as m } from "./index.es57.js";
+import { cn as m } from "./index.es56.js";
 const s = a.forwardRef(({ className: l, ...r }, t) => /* @__PURE__ */ a.createElement(
   e.Root,
   {

package/dist/index.es8.js

@@ -1,27 +1,78 @@
-import * as o from "react";
-import { cva as n } from "class-variance-authority";
-import { cn as a } from "./index.es57.js";
-const s = n(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground"
-      }
+import * as e from "react";
+import { X as u } from "lucide-react";
+import { cva as N } from "class-variance-authority";
+import { cn as v } from "./index.es56.js";
+const w = N("inline-flex items-center gap-1 rounded-[12px] font-medium", {
+  variants: {
+    variant: {
+      color: "bg-[#26453f] text-white",
+      neutral: "bg-[#f1f1f1] text-black",
+      "outline-color": "border border-[#26453f] bg-white text-[#26453f]",
+      "outline-neutral": "border border-[#dcdcde] bg-white text-black",
+      success: "bg-[#e8f6ed] text-[#307f4a]",
+      warning: "bg-[#fff0d8] text-[#e49614]",
+      destructive: "bg-[#fceaea] text-[#e73f3f]"
     },
-    defaultVariants: {
-      variant: "default"
+    size: {
+      default: "px-2 py-0.5 text-[12px] leading-[16px]",
+      large: "px-2 py-1 text-[14px] leading-[20px]"
     }
+  },
+  defaultVariants: {
+    variant: "color",
+    size: "default"
   }
-);
-function c({ className: r, variant: e, ...t }) {
-  return /* @__PURE__ */ o.createElement("div", { className: a(s({ variant: e }), r), ...t });
+});
+function z({
+  className: d,
+  variant: t,
+  size: n,
+  leftIcon: l,
+  rightIcon: r,
+  showX: x = !1,
+  onXClick: c,
+  xIcon: i,
+  bgColor: s,
+  textColor: m,
+  borderColor: a,
+  style: o,
+  children: p,
+  ...b
+}) {
+  const g = t === "default" ? "color" : t === "secondary" ? "neutral" : t === "outline" ? "outline-neutral" : t, f = n === "large" ? "h-4 w-4" : "h-3 w-3", E = s || m || a ? {
+    backgroundColor: s,
+    color: m,
+    borderColor: a,
+    ...o
+  } : o;
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: v(
+        w({ variant: g, size: n }),
+        a ? "border" : void 0,
+        d
+      ),
+      style: E,
+      ...b
+    },
+    l ? /* @__PURE__ */ e.createElement("span", { className: "inline-flex items-center" }, l) : null,
+    /* @__PURE__ */ e.createElement("span", null, p),
+    r ? /* @__PURE__ */ e.createElement("span", { className: "inline-flex items-center" }, r) : null,
+    x ? c ? /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Remove",
+        onClick: c,
+        className: "inline-flex items-center"
+      },
+      i || /* @__PURE__ */ e.createElement(u, { className: f })
+    ) : /* @__PURE__ */ e.createElement("span", { className: "inline-flex items-center" }, i || /* @__PURE__ */ e.createElement(u, { className: f })) : null
+  );
 }
 export {
-  c as Badge,
-  s as badgeVariants
+  z as Badge,
+  w as badgeVariants
 };
 //# sourceMappingURL=index.es8.js.map

package/dist/index.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es8.js","sources":["../src/components/ui/badge.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n  \"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        destructive:\n          \"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80\",\n        outline: \"text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","props","React","cn"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAMA,SAASC,EAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAAqB;AAC3D,SACE,gBAAAC,EAAA,cAAC,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS,GAAI,GAAGE,EAAA,CAAO;AAE1E;"}
+{"version":3,"file":"index.es8.js","sources":["../src/components/ui/badge.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { X } from \"lucide-react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\"inline-flex items-center gap-1 rounded-[12px] font-medium\", {\n  variants: {\n    variant: {\n      color: \"bg-[#26453f] text-white\",\n      neutral: \"bg-[#f1f1f1] text-black\",\n      \"outline-color\": \"border border-[#26453f] bg-white text-[#26453f]\",\n      \"outline-neutral\": \"border border-[#dcdcde] bg-white text-black\",\n      success: \"bg-[#e8f6ed] text-[#307f4a]\",\n      warning: \"bg-[#fff0d8] text-[#e49614]\",\n      destructive: \"bg-[#fceaea] text-[#e73f3f]\",\n    },\n    size: {\n      default: \"px-2 py-0.5 text-[12px] leading-[16px]\",\n      large: \"px-2 py-1 text-[14px] leading-[20px]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"color\",\n    size: \"default\",\n  },\n})\n\ntype BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>[\"variant\"]> | \"default\" | \"secondary\" | \"outline\"\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof badgeVariants>, \"variant\"> {\n  variant?: BadgeVariant\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  showX?: boolean\n  onXClick?: React.MouseEventHandler<HTMLButtonElement>\n  xIcon?: React.ReactNode\n  bgColor?: string\n  textColor?: string\n  borderColor?: string\n}\n\nfunction Badge({\n  className,\n  variant,\n  size,\n  leftIcon,\n  rightIcon,\n  showX = false,\n  onXClick,\n  xIcon,\n  bgColor,\n  textColor,\n  borderColor,\n  style,\n  children,\n  ...props\n}: BadgeProps) {\n  const normalizedVariant: VariantProps<typeof badgeVariants>[\"variant\"] =\n    variant === \"default\"\n      ? \"color\"\n      : variant === \"secondary\"\n      ? \"neutral\"\n      : variant === \"outline\"\n      ? \"outline-neutral\"\n      : variant\n\n  const xSizeClass = size === \"large\" ? \"h-4 w-4\" : \"h-3 w-3\"\n\n  const customStyle: React.CSSProperties | undefined =\n    bgColor || textColor || borderColor\n      ? {\n          backgroundColor: bgColor,\n          color: textColor,\n          borderColor,\n          ...style,\n        }\n      : style\n\n  return (\n    <div\n      className={cn(\n        badgeVariants({ variant: normalizedVariant, size }),\n        borderColor ? \"border\" : undefined,\n        className\n      )}\n      style={customStyle}\n      {...props}\n    >\n      {leftIcon ? <span className=\"inline-flex items-center\">{leftIcon}</span> : null}\n      <span>{children}</span>\n      {rightIcon ? <span className=\"inline-flex items-center\">{rightIcon}</span> : null}\n      {showX ? (\n        onXClick ? (\n          <button\n            type=\"button\"\n            aria-label=\"Remove\"\n            onClick={onXClick}\n            className=\"inline-flex items-center\"\n          >\n            {xIcon || <X className={xSizeClass} />}\n          </button>\n        ) : (\n          <span className=\"inline-flex items-center\">\n            {xIcon || <X className={xSizeClass} />}\n          </span>\n        )\n      ) : null}\n    </div>\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","size","leftIcon","rightIcon","showX","onXClick","xIcon","bgColor","textColor","borderColor","style","children","props","normalizedVariant","xSizeClass","customStyle","React","cn","X"],"mappings":";;;;AAMA,MAAMA,IAAgBC,EAAI,6DAA6D;AAAA,EACrF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC;AAkBD,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,QAAMC,IACJb,MAAY,YACR,UACAA,MAAY,cACZ,YACAA,MAAY,YACZ,oBACAA,GAEAc,IAAab,MAAS,UAAU,YAAY,WAE5Cc,IACJR,KAAWC,KAAaC,IACpB;AAAA,IACE,iBAAiBF;AAAA,IACjB,OAAOC;AAAA,IACP,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IAELA;AAEN,SACE,gBAAAM,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTrB,EAAc,EAAE,SAASiB,GAAmB,MAAAZ,GAAM;AAAA,QAClDQ,IAAc,WAAW;AAAA,QACzBV;AAAA,MAAA;AAAA,MAEF,OAAOgB;AAAA,MACN,GAAGH;AAAA,IAAA;AAAA,IAEHV,IAAW,gBAAAc,EAAA,cAAC,QAAA,EAAK,WAAU,2BAAA,GAA4Bd,CAAS,IAAU;AAAA,IAC3E,gBAAAc,EAAA,cAAC,cAAML,CAAS;AAAA,IACfR,IAAY,gBAAAa,EAAA,cAAC,QAAA,EAAK,WAAU,2BAAA,GAA4Bb,CAAU,IAAU;AAAA,IAC5EC,IACCC,IACE,gBAAAW,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAASX;AAAA,QACT,WAAU;AAAA,MAAA;AAAA,MAETC,KAAS,gBAAAU,EAAA,cAACE,GAAA,EAAE,WAAWJ,EAAA,CAAY;AAAA,IAAA,IAGtC,gBAAAE,EAAA,cAAC,QAAA,EAAK,WAAU,2BAAA,GACbV,KAAS,gBAAAU,EAAA,cAACE,GAAA,EAAE,WAAWJ,EAAA,CAAY,CACtC,IAEA;AAAA,EAAA;AAGV;"}

package/dist/index.es9.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import { Slot as o } from "@radix-ui/react-slot";
 import { ChevronRight as l, MoreHorizontal as c } from "lucide-react";
-import { cn as m } from "./index.es57.js";
+import { cn as m } from "./index.es56.js";
 const i = e.forwardRef(({ ...r }, a) => /* @__PURE__ */ e.createElement("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
 i.displayName = "Breadcrumb";
 const d = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(