@incognia/cosmik 0.27.1-beta.0 → 0.28.0

package/dist/index.es23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es23.js","sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <table\n    ref={ref}\n    className={cn('border-separate border-spacing-y-8', className)}\n    {...props}\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-gray-200 text-left text-sm', className)}\n    {...props}\n  />\n))\nTableHeader.displayName = 'TableHeader'\n\ntype TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n  hoverable?: boolean\n}\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, hoverable, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={cn(\n        'bg-white',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableBody.displayName = 'TableBody'\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={cn('bg-gray-100', className)} {...props} />\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      'transition-colors data-[state=selected]:bg-gray-100',\n      className\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = 'TableRow'\n\ntype TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & {\n  sortDirection?: 'ASC' | 'DESC'\n}\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, sortDirection, children, ...props }, ref) => {\n    let SortIcon\n    if (sortDirection === 'ASC') {\n      SortIcon = LucideChevronUp\n    } else if (sortDirection === 'DESC') {\n      SortIcon = LucideChevronDown\n    }\n    return (\n      <th\n        ref={ref}\n        className={cn(\n          'first:rounded-l first:pl-24',\n          'last:rounded-r last:pr-24',\n          'px-12 py-8 font-normal leading-14',\n          {\n            'cursor-pointer': sortDirection\n          },\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n      </th>\n    )\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      'first:rounded-l first:pl-24 first:border-l-1',\n      'last:rounded-r last:pr-24 last:border-r-1',\n      'border-gray-900-8 border-y-1 px-12 py-16',\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-16 text-sm text-gray-700', className)}\n    {...props}\n  />\n))\nTableCaption.displayName = 'TableCaption'\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","hoverable","TableFooter","TableRow","TableHead","sortDirection","children","SortIcon","LucideChevronUp","LucideChevronDown","jsxs","TableCell","TableCaption"],"mappings":"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"}
+{"version":3,"file":"index.es23.js","sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitives from '@radix-ui/react-switch'\nimport * as React from 'react'\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-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n      'data-[state=checked]:bg-robinblue-500 data-[state=checked]:hover:bg-robinblue-600 data-[state=checked]:active:bg-robinblue-700',\n      'data-[state=unchecked]:bg-gray-900-16 data-[state=unchecked]:hover:bg-gray-900-24 data-[state=unchecked]:active:bg-gray-900-32',\n      className\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'pointer-events-none block h-16 w-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n      )}\n    />\n  </SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives","cn"],"mappings":";;;;AAMM,MAAAA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IACJ,KAAAC;AAAA,IAEA,UAAAC,gBAAAA,EAAA;AAAA,MAACC,EAAiB;AAAA,MAAjB;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AACF,CACD;AACDP,EAAO,cAAcM,EAAiB,KAAK;"}

package/dist/index.es24.js

@@ -1,45 +1,113 @@
-import { j as i } from "./index.es34.js";
-import * as t from "@radix-ui/react-tabs";
-import * as r from "react";
-import { cn as n } from "./index.es35.js";
-const m = t.Root, o = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
-  t.List,
+import { j as s } from "./index.es35.js";
+import { LucideChevronUp as m, LucideChevronDown as n } from "lucide-react";
+import * as o from "react";
+import { cn as t } from "./index.es36.js";
+const b = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "table",
   {
-    ref: s,
-    className: n(
-      "inline-flex h-[28px] items-center justify-center rounded-full bg-transparent text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-8",
-      e
+    ref: r,
+    className: t("border-separate border-spacing-y-8", a),
+    ...e
+  }
+));
+b.displayName = "Table";
+const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "thead",
+  {
+    ref: r,
+    className: t("bg-gray-200 text-left text-sm", a),
+    ...e
+  }
+));
+f.displayName = "TableHeader";
+const p = o.forwardRef(
+  ({ className: a, hoverable: e, ...r }, d) => /* @__PURE__ */ s.jsx(
+    "tbody",
+    {
+      ref: d,
+      className: t(
+        "bg-white",
+        {
+          "[&_tr:hover]:bg-gray-100 cursor-pointer": e
+        },
+        a
+      ),
+      ...r
+    }
+  )
+);
+p.displayName = "TableBody";
+const c = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("tfoot", { ref: r, className: t("bg-gray-100", a), ...e }));
+c.displayName = "TableFooter";
+const y = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "tr",
+  {
+    ref: r,
+    className: t(
+      "transition-colors data-[state=selected]:bg-gray-100",
+      a
     ),
-    ...a
+    ...e
   }
 ));
-o.displayName = t.List.displayName;
-const l = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
-  t.Trigger,
+y.displayName = "TableRow";
+const x = o.forwardRef(
+  ({ className: a, sortDirection: e, children: r, ...d }, i) => {
+    let l;
+    return e === "ASC" ? l = m : e === "DESC" && (l = n), /* @__PURE__ */ s.jsxs(
+      "th",
+      {
+        ref: i,
+        className: t(
+          "first:rounded-l first:pl-24",
+          "last:rounded-r last:pr-24",
+          "px-12 py-8 font-normal leading-14",
+          {
+            "cursor-pointer": e
+          },
+          a
+        ),
+        ...d,
+        children: [
+          r,
+          l && /* @__PURE__ */ s.jsx(l, { size: 16, className: "inline-block ml-4" })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "TableHead";
+const N = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "td",
   {
-    ref: s,
-    className: n(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-full px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
-      "hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-600 data-[state=active]:hover:bg-purple-600 data-[state=active]:active:bg-purple-600 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white",
-      e
+    ref: r,
+    className: t(
+      "first:rounded-l first:pl-24 first:border-l-1",
+      "last:rounded-r last:pr-24 last:border-r-1",
+      "border-gray-900-8 border-y-1 px-12 py-16",
+      a
     ),
-    ...a
+    ...e
   }
 ));
-l.displayName = t.Trigger.displayName;
-const p = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
-  t.Content,
+N.displayName = "TableCell";
+const T = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "caption",
   {
-    ref: s,
-    className: n("mt-8 focus-visible:outline-none", e),
-    ...a
+    ref: r,
+    className: t("mt-16 text-sm text-gray-700", a),
+    ...e
   }
 ));
-p.displayName = t.Content.displayName;
+T.displayName = "TableCaption";
 export {
-  m as Tabs,
-  p as TabsContent,
-  o as TabsList,
-  l as TabsTrigger
+  b as Table,
+  p as TableBody,
+  T as TableCaption,
+  N as TableCell,
+  c as TableFooter,
+  x as TableHead,
+  f as TableHeader,
+  y as TableRow
 };
 //# sourceMappingURL=index.es24.js.map

package/dist/index.es24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es24.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\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      'inline-flex h-[28px] items-center justify-center rounded-full bg-transparent text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-8',\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 items-center justify-center whitespace-nowrap rounded-full px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n      'hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-600 data-[state=active]:hover:bg-purple-600 data-[state=active]:active:bg-purple-600 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white',\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('mt-8 focus-visible:outline-none', className)}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":";;;;AAMA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;AAE1C,MAAAS,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,mCAAmCJ,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcT,EAAc,QAAQ;"}
+{"version":3,"file":"index.es24.js","sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <table\n    ref={ref}\n    className={cn('border-separate border-spacing-y-8', className)}\n    {...props}\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-gray-200 text-left text-sm', className)}\n    {...props}\n  />\n))\nTableHeader.displayName = 'TableHeader'\n\ntype TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n  hoverable?: boolean\n}\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, hoverable, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={cn(\n        'bg-white',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableBody.displayName = 'TableBody'\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={cn('bg-gray-100', className)} {...props} />\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      'transition-colors data-[state=selected]:bg-gray-100',\n      className\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = 'TableRow'\n\ntype TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & {\n  sortDirection?: 'ASC' | 'DESC'\n}\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, sortDirection, children, ...props }, ref) => {\n    let SortIcon\n    if (sortDirection === 'ASC') {\n      SortIcon = LucideChevronUp\n    } else if (sortDirection === 'DESC') {\n      SortIcon = LucideChevronDown\n    }\n    return (\n      <th\n        ref={ref}\n        className={cn(\n          'first:rounded-l first:pl-24',\n          'last:rounded-r last:pr-24',\n          'px-12 py-8 font-normal leading-14',\n          {\n            'cursor-pointer': sortDirection\n          },\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n      </th>\n    )\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      'first:rounded-l first:pl-24 first:border-l-1',\n      'last:rounded-r last:pr-24 last:border-r-1',\n      'border-gray-900-8 border-y-1 px-12 py-16',\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-16 text-sm text-gray-700', className)}\n    {...props}\n  />\n))\nTableCaption.displayName = 'TableCaption'\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","hoverable","TableFooter","TableRow","TableHead","sortDirection","children","SortIcon","LucideChevronUp","LucideChevronDown","jsxs","TableCell","TableCaption"],"mappings":"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"}

package/dist/index.es25.js

@@ -1,26 +1,45 @@
-import { j as r } from "./index.es34.js";
-import * as t from "react";
-import { cn as d } from "./index.es35.js";
-const s = t.forwardRef(
-  ({ className: e, ...a }, o) => /* @__PURE__ */ r.jsx(
-    "textarea",
-    {
-      className: d(
-        "flex min-h-[60px] w-full rounded border border-gray-900-24 bg-white px-12 py-8 text-base",
-        "placeholder:text-gray-600",
-        "hover:shadow-field-hover",
-        "active:shadow-field-active",
-        "focus-visible:outline-none focus:shadow-field-active",
-        "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
-        e
-      ),
-      ref: o,
-      ...a
-    }
-  )
-);
-s.displayName = "Textarea";
+import { j as i } from "./index.es35.js";
+import * as t from "@radix-ui/react-tabs";
+import * as r from "react";
+import { cn as n } from "./index.es36.js";
+const m = t.Root, o = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
+  t.List,
+  {
+    ref: s,
+    className: n(
+      "inline-flex h-[28px] items-center justify-center rounded-full bg-transparent text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-8",
+      e
+    ),
+    ...a
+  }
+));
+o.displayName = t.List.displayName;
+const l = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
+  t.Trigger,
+  {
+    ref: s,
+    className: n(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-full px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
+      "hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-600 data-[state=active]:hover:bg-purple-600 data-[state=active]:active:bg-purple-600 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white",
+      e
+    ),
+    ...a
+  }
+));
+l.displayName = t.Trigger.displayName;
+const p = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
+  t.Content,
+  {
+    ref: s,
+    className: n("mt-8 focus-visible:outline-none", e),
+    ...a
+  }
+));
+p.displayName = t.Content.displayName;
 export {
-  s as Textarea
+  m as Tabs,
+  p as TabsContent,
+  o as TabsList,
+  l as TabsTrigger
 };
 //# sourceMappingURL=index.es25.js.map

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[60px] w-full rounded border border-gray-900-24 bg-white px-12 py-8 text-base',\n          'placeholder:text-gray-600',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MACF;AAAA,MACA,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAH,EAAS,cAAc;"}
+{"version":3,"file":"index.es25.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\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      'inline-flex h-[28px] items-center justify-center rounded-full bg-transparent text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-8',\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 items-center justify-center whitespace-nowrap rounded-full px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n      'hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-600 data-[state=active]:hover:bg-purple-600 data-[state=active]:active:bg-purple-600 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white',\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('mt-8 focus-visible:outline-none', className)}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":";;;;AAMA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;AAE1C,MAAAS,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,mCAAmCJ,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcT,EAAc,QAAQ;"}

package/dist/index.es26.js

@@ -1,112 +1,26 @@
-import { j as r } from "./index.es34.js";
-import * as s from "@radix-ui/react-toast";
-import { cva as l } from "class-variance-authority";
-import { X as d, AlertCircleIcon as c, AlertTriangleIcon as m, CheckIcon as p } from "lucide-react";
-import * as i from "react";
-import { cn as o } from "./index.es35.js";
-const b = s.Provider, x = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
-  s.Viewport,
-  {
-    ref: e,
-    className: o(
-      "fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[520px]",
-      t
-    ),
-    ...a
-  }
-));
-x.displayName = s.Viewport.displayName;
-const f = l(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-8 overflow-hidden rounded border border-gray-900-8 p-16 pr-24 shadow-200 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right data-[state=closed]:md:slide-out-to-top data-[state=closed]:md:slide-out-to-right-0 data-[state=open]:slide-in-from-top",
-  {
-    variants: {
-      variant: {
-        success: "success group bg-green-50",
-        warning: "warning group bg-yellow-50",
-        error: "error group bg-magenta-50"
-      }
-    },
-    defaultVariants: {
-      variant: "success"
+import { j as r } from "./index.es35.js";
+import * as t from "react";
+import { cn as d } from "./index.es36.js";
+const s = t.forwardRef(
+  ({ className: e, ...a }, o) => /* @__PURE__ */ r.jsx(
+    "textarea",
+    {
+      className: d(
+        "flex min-h-[60px] w-full rounded border border-gray-900-24 bg-white px-12 py-8 text-base",
+        "placeholder:text-gray-600",
+        "hover:shadow-field-hover",
+        "active:shadow-field-active",
+        "focus-visible:outline-none focus:shadow-field-active",
+        "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
+        e
+      ),
+      ref: o,
+      ...a
     }
-  }
-), u = i.forwardRef(({ className: t, variant: a, ...e }, n) => /* @__PURE__ */ r.jsx(
-  s.Root,
-  {
-    ref: n,
-    className: o(f({ variant: a }), t),
-    ...e
-  }
-));
-u.displayName = s.Root.displayName;
-const w = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
-  s.Action,
-  {
-    ref: e,
-    className: o(
-      "inline-flex h-32 shrink-0 items-center text-gray-900 justify-center rounded-md px-12 text-sm font-medium transition-colors hover:bg-gray-900-4 active:bg-gray-900-8 rounded focus:outline-none disabled:pointer-events-none disabled:opacity-64",
-      t
-    ),
-    ...a
-  }
-));
-w.displayName = s.Action.displayName;
-const g = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
-  s.Close,
-  {
-    ref: e,
-    className: o("absolute right-4 top-4 p-4", t),
-    "toast-close": "",
-    ...a,
-    children: /* @__PURE__ */ r.jsx(d, { className: "h-16 w-16" })
-  }
-));
-g.displayName = s.Close.displayName;
-const y = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
-  s.Title,
-  {
-    ref: e,
-    className: o(
-      "text-sm text-gray-900 font-medium [&+div]:text-xs",
-      t
-    ),
-    ...a
-  }
-));
-y.displayName = s.Title.displayName;
-const N = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
-  s.Description,
-  {
-    ref: e,
-    className: o("text-sm text-gray-800 opacity-100", t),
-    ...a
-  }
-));
-N.displayName = s.Description.displayName;
-const R = ({
-  className: t,
-  variant: a
-}) => {
-  const e = o("w-[20px] h-[20px]", t);
-  switch (a) {
-    case "success":
-      return /* @__PURE__ */ r.jsx(p, { className: o(e, "text-green-800") });
-    case "warning":
-      return /* @__PURE__ */ r.jsx(m, { className: o(e, "text-yellow-600") });
-    case "error":
-      return /* @__PURE__ */ r.jsx(c, { className: o(e, "text-magenta-600") });
-    default:
-      return;
-  }
-};
+  )
+);
+s.displayName = "Textarea";
 export {
-  u as Toast,
-  w as ToastAction,
-  g as ToastClose,
-  N as ToastDescription,
-  R as ToastIcon,
-  b as ToastProvider,
-  y as ToastTitle,
-  x as ToastViewport
+  s as Textarea
 };
 //# sourceMappingURL=index.es26.js.map

package/dist/index.es26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es26.js","sources":["../src/Toast/Toast.tsx"],"sourcesContent":["'use client'\n\nimport * as ToastPrimitives from '@radix-ui/react-toast'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\nimport { CheckIcon, AlertTriangleIcon, AlertCircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[520px]',\n      className\n    )}\n    {...props}\n  />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-8 overflow-hidden rounded border border-gray-900-8 p-16 pr-24 shadow-200 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right data-[state=closed]:md:slide-out-to-top data-[state=closed]:md:slide-out-to-right-0 data-[state=open]:slide-in-from-top',\n  {\n    variants: {\n      variant: {\n        success: 'success group bg-green-50',\n        warning: 'warning group bg-yellow-50',\n        error: 'error group bg-magenta-50'\n      }\n    },\n    defaultVariants: {\n      variant: 'success'\n    }\n  }\n)\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return (\n    <ToastPrimitives.Root\n      ref={ref}\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      'inline-flex h-32 shrink-0 items-center text-gray-900 justify-center rounded-md px-12 text-sm font-medium transition-colors hover:bg-gray-900-4 active:bg-gray-900-8 rounded focus:outline-none disabled:pointer-events-none disabled:opacity-64',\n      className\n    )}\n    {...props}\n  />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn('absolute right-4 top-4 p-4', className)}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-16 w-16\" />\n  </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    className={cn(\n      'text-sm text-gray-900 font-medium [&+div]:text-xs',\n      className\n    )}\n    {...props}\n  />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    className={cn('text-sm text-gray-800 opacity-100', className)}\n    {...props}\n  />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\nconst ToastIcon = ({\n  className,\n  variant\n}: React.HTMLAttributes<SVGElement> & VariantProps<typeof toastVariants>) => {\n  const iconClassName = cn('w-[20px] h-[20px]', className)\n\n  switch (variant) {\n    case 'success':\n      return <CheckIcon className={cn(iconClassName, 'text-green-800')} />\n    case 'warning':\n      return (\n        <AlertTriangleIcon className={cn(iconClassName, 'text-yellow-600')} />\n      )\n    case 'error':\n      return (\n        <AlertCircleIcon className={cn(iconClassName, 'text-magenta-600')} />\n      )\n    default:\n      return undefined\n  }\n}\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n  ToastIcon\n}\n"],"names":["ToastProvider","ToastPrimitives","ToastViewport","React","className","props","ref","jsx","cn","toastVariants","cva","Toast","variant","ToastAction","ToastClose","X","ToastTitle","ToastDescription","ToastIcon","iconClassName","CheckIcon","AlertTriangleIcon","AlertCircleIcon"],"mappings":";;;;;;AASA,MAAMA,IAAgBC,EAAgB,UAEhCC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcD,EAAgB,SAAS;AAErD,MAAMQ,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAQR,EAAM,WAIlB,CAAC,EAAE,WAAAC,GAAW,SAAAQ,GAAS,GAAGP,EAAM,GAAGC,MAEjCC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAGC,EAAc,EAAE,SAAAG,EAAS,CAAA,GAAGR,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AAAA,CAGT;AACDM,EAAM,cAAcV,EAAgB,KAAK;AAEnC,MAAAY,IAAcV,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAY,cAAcZ,EAAgB,OAAO;AAE3C,MAAAa,IAAaX,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,8BAA8BJ,CAAS;AAAA,IACrD,eAAY;AAAA,IACX,GAAGC;AAAA,IAEJ,UAAAE,gBAAAA,EAAAA,IAACQ,GAAE,EAAA,WAAU,YAAY,CAAA;AAAA,EAAA;AAC3B,CACD;AACDD,EAAW,cAAcb,EAAgB,MAAM;AAEzC,MAAAe,IAAab,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDW,EAAW,cAAcf,EAAgB,MAAM;AAEzC,MAAAgB,IAAmBd,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,qCAAqCJ,CAAS;AAAA,IAC3D,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAiB,cAAchB,EAAgB,YAAY;AAE3D,MAAMiB,IAAY,CAAC;AAAA,EACjB,WAAAd;AAAA,EACA,SAAAQ;AACF,MAA6E;AACrE,QAAAO,IAAgBX,EAAG,qBAAqBJ,CAAS;AAEvD,UAAQQ,GAAS;AAAA,IACf,KAAK;AACH,mCAAQQ,GAAU,EAAA,WAAWZ,EAAGW,GAAe,gBAAgB,EAAG,CAAA;AAAA,IACpE,KAAK;AACH,mCACGE,GAAkB,EAAA,WAAWb,EAAGW,GAAe,iBAAiB,EAAG,CAAA;AAAA,IAExE,KAAK;AACH,mCACGG,GAAgB,EAAA,WAAWd,EAAGW,GAAe,kBAAkB,EAAG,CAAA;AAAA,IAEvE;AACS;AAAA,EACX;AACF;"}
+{"version":3,"file":"index.es26.js","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[60px] w-full rounded border border-gray-900-24 bg-white px-12 py-8 text-base',\n          'placeholder:text-gray-600',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MACF;AAAA,MACA,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAH,EAAS,cAAc;"}

package/dist/index.es27.js

@@ -1,44 +1,112 @@
-import { j as s } from "./index.es34.js";
-import { ToastProvider as x, Toast as T, ToastIcon as m, ToastTitle as l, ToastDescription as j, ToastClose as d, ToastViewport as f } from "./index.es26.js";
-import { useToast as h } from "./index.es28.js";
-const p = 5e3;
-function D() {
-  const { toasts: e } = h();
-  return /* @__PURE__ */ s.jsxs(x, { children: [
-    e.map(function({
-      variant: o,
-      id: i,
-      title: r,
-      description: t,
-      action: n,
-      hideIcon: a,
-      ...c
-    }) {
-      return /* @__PURE__ */ s.jsxs(
-        T,
-        {
-          variant: o,
-          duration: p,
-          ...c,
-          children: [
-            /* @__PURE__ */ s.jsxs("div", { className: "flex items-center", children: [
-              !a && /* @__PURE__ */ s.jsx(m, { variant: o, className: "mr-12 flex-shrink-0" }),
-              /* @__PURE__ */ s.jsxs("div", { className: "grid", children: [
-                r && /* @__PURE__ */ s.jsx(l, { children: r }),
-                t && /* @__PURE__ */ s.jsx(j, { children: t })
-              ] })
-            ] }),
-            n,
-            /* @__PURE__ */ s.jsx(d, {})
-          ]
-        },
-        i
-      );
-    }),
-    /* @__PURE__ */ s.jsx(f, {})
-  ] });
-}
+import { j as r } from "./index.es35.js";
+import * as s from "@radix-ui/react-toast";
+import { cva as l } from "class-variance-authority";
+import { X as d, AlertCircleIcon as c, AlertTriangleIcon as m, CheckIcon as p } from "lucide-react";
+import * as i from "react";
+import { cn as o } from "./index.es36.js";
+const b = s.Provider, x = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+  s.Viewport,
+  {
+    ref: e,
+    className: o(
+      "fixed top-0 left-[50%] -translate-x-1/2 z-[100] flex max-h-screen w-full flex-col p-16 md:max-w-[520px]",
+      t
+    ),
+    ...a
+  }
+));
+x.displayName = s.Viewport.displayName;
+const f = l(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-8 overflow-hidden rounded border border-gray-900-8 p-16 pr-24 shadow-200 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right data-[state=closed]:md:slide-out-to-top data-[state=closed]:md:slide-out-to-right-0 data-[state=open]:slide-in-from-top",
+  {
+    variants: {
+      variant: {
+        success: "success group bg-green-50",
+        warning: "warning group bg-yellow-50",
+        error: "error group bg-magenta-50"
+      }
+    },
+    defaultVariants: {
+      variant: "success"
+    }
+  }
+), u = i.forwardRef(({ className: t, variant: a, ...e }, n) => /* @__PURE__ */ r.jsx(
+  s.Root,
+  {
+    ref: n,
+    className: o(f({ variant: a }), t),
+    ...e
+  }
+));
+u.displayName = s.Root.displayName;
+const w = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+  s.Action,
+  {
+    ref: e,
+    className: o(
+      "inline-flex h-32 shrink-0 items-center text-gray-900 justify-center rounded-md px-12 text-sm font-medium transition-colors hover:bg-gray-900-4 active:bg-gray-900-8 rounded focus:outline-none disabled:pointer-events-none disabled:opacity-64",
+      t
+    ),
+    ...a
+  }
+));
+w.displayName = s.Action.displayName;
+const g = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+  s.Close,
+  {
+    ref: e,
+    className: o("absolute right-4 top-4 p-4", t),
+    "toast-close": "",
+    ...a,
+    children: /* @__PURE__ */ r.jsx(d, { className: "h-16 w-16" })
+  }
+));
+g.displayName = s.Close.displayName;
+const y = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+  s.Title,
+  {
+    ref: e,
+    className: o(
+      "text-sm text-gray-900 font-medium [&+div]:text-xs",
+      t
+    ),
+    ...a
+  }
+));
+y.displayName = s.Title.displayName;
+const N = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+  s.Description,
+  {
+    ref: e,
+    className: o("text-sm text-gray-800 opacity-100", t),
+    ...a
+  }
+));
+N.displayName = s.Description.displayName;
+const R = ({
+  className: t,
+  variant: a
+}) => {
+  const e = o("w-[20px] h-[20px]", t);
+  switch (a) {
+    case "success":
+      return /* @__PURE__ */ r.jsx(p, { className: o(e, "text-green-800") });
+    case "warning":
+      return /* @__PURE__ */ r.jsx(m, { className: o(e, "text-yellow-600") });
+    case "error":
+      return /* @__PURE__ */ r.jsx(c, { className: o(e, "text-magenta-600") });
+    default:
+      return;
+  }
+};
 export {
-  D as Toaster
+  u as Toast,
+  w as ToastAction,
+  g as ToastClose,
+  N as ToastDescription,
+  R as ToastIcon,
+  b as ToastProvider,
+  y as ToastTitle,
+  x as ToastViewport
 };
 //# sourceMappingURL=index.es27.js.map