mada-design-system 0.5.10 → 0.5.12

package/index.es70.js

@@ -1,40 +1,14 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-switch";
-import * as o from "react";
-import { cn as r } from "./index.es85.js";
-const s = o.forwardRef(
-  ({ className: c, ...e }, d) => /* @__PURE__ */ a(
-    t.Root,
-    {
-      className: r(
-        `group inline-flex h-space-05 w-16 shrink-0 cursor-pointer items-center rounded-full border border-control-neutral-checked  transition-colors data-[state=checked]:border-none data-[state=checked]:bg-control-primary-checked  data-[state=unchecked]:bg-transparent
-                  hover:data-[state=unchecked]:border-control-neutral-hovered hover:data-[state=checked]:bg-control-primary-hovered
-                  focus:ring-2 focus:ring-border-black focus:ring-offset-2
-                  active:data-[state=unchecked]:border-control-neutral-pressed active:data-[state=checked]:bg-control-primary-pressed
-                  disabled:cursor-not-allowed disabled:border-control-border-disabled disabled:data-[state=checked]:bg-control-disabled  `,
-        c
-      ),
-      ...e,
-      ref: d,
-      children: /* @__PURE__ */ a(
-        t.Thumb,
-        {
-          className: r(
-            `pointer-events-none relative flex h-space-04 w-space-04 items-center justify-center rounded-full bg-control-neutral-checked text-xs shadow-[0px_0px_1px_0px_rgba(34,35,35,0.20)] ring-0 transition-transform
-                    data-[state=checked]:start-space-01 data-[state=checked]:-translate-x-space-04  data-[state=unchecked]:-translate-x-space-01
-                    data-[state=checked]:bg-background-card data-[state=checked]:text-control-primary-checked
-                    group-hover:data-[state=unchecked]:bg-control-neutral-hovered group-hover:data-[state=checked]:text-control-primary-hovered
-                    group-hover:data-[state=checked]:text-control-primary-pressed group-active:data-[state=unchecked]:bg-control-neutral-pressed
-                    group-disabled:data-[state=unchecked]:bg-control-disabled
-                    ltr:data-[state=checked]:translate-x-space-04 ltr:data-[state=unchecked]:translate-x-space-01`
-          ),
-          children: (e == null ? void 0 : e.checked) && "✓"
-        }
-      )
-    }
-  )
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-slider";
+import * as a from "react";
+import { cn as n } from "./index.es86.js";
+const t = a.forwardRef(
+  ({ className: o, ...i }, s) => /* @__PURE__ */ l(e.Root, { ref: s, className: n("relative flex w-full touch-none select-none items-center", o), ...i, children: [
+    /* @__PURE__ */ r(e.Track, { className: "relative h-space-02 w-full grow overflow-hidden rounded-3 bg-background-secondary", children: /* @__PURE__ */ r(e.Range, { className: "absolute h-full bg-primary" }) }),
+    /* @__PURE__ */ r(e.Thumb, { className: "block  size-[20px] rounded-full border-2 border-primary-foreground bg-primary ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+  ] })
 );
-s.displayName = t.Root.displayName;
+t.displayName = e.Root.displayName;
 export {
-  s as Switch
+  t as Slider
 };

package/index.es71.js

@@ -1,52 +1,40 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as t from "react";
-import { cn as l } from "./index.es85.js";
-const s = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ r("table", { ref: o, className: l("w-full caption-bottom text-body-01", e), ...a }) }));
-s.displayName = "Table";
-const b = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("thead", { ref: o, className: l("", e), ...a }));
-b.displayName = "TableHeader";
-const c = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tbody", { ref: o, className: l("[&_tr:last-child]:border-0", e), ...a }));
-c.displayName = "TableBody";
-const n = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tfoot", { ref: o, className: l("bg-primary  text-primary-foreground", e), ...a }));
-n.displayName = "TableFooter";
-const m = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tr", { ref: o, className: l("transition-colors data-[state=selected]:bg-background-brand hover:bg-card-hover", e), ...a }));
-m.displayName = "TableRow";
-const f = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
-  "th",
-  {
-    ref: o,
-    className: l(
-      "bg-background px-space-03 py-space-04 text-center align-middle text-body-01 font-normal text-foreground-secondary [&:has([role=checkbox])]:pr-0",
-      e
-    ),
-    ...a
-  }
-));
-f.displayName = "TableHead";
-const p = t.forwardRef(
-  ({ isLast: e, className: a, ...o }, d) => /* @__PURE__ */ r(
-    "td",
+import { jsx as a } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-switch";
+import * as o from "react";
+import { cn as r } from "./index.es86.js";
+const s = o.forwardRef(
+  ({ className: c, ...e }, d) => /* @__PURE__ */ a(
+    t.Root,
     {
-      ref: d,
-      className: l(
-        "border-b border-border p-space-03 py-space-04 text-center align-middle text-body-01 font-normal text-foreground [&:has([role=checkbox])]:pr-0",
-        a,
-        e && "border-b-transparent"
+      className: r(
+        `group inline-flex h-space-05 w-16 shrink-0 cursor-pointer items-center rounded-full border border-control-neutral-checked  transition-colors data-[state=checked]:border-none data-[state=checked]:bg-control-primary-checked  data-[state=unchecked]:bg-transparent
+                  hover:data-[state=unchecked]:border-control-neutral-hovered hover:data-[state=checked]:bg-control-primary-hovered
+                  focus:ring-2 focus:ring-border-black focus:ring-offset-2
+                  active:data-[state=unchecked]:border-control-neutral-pressed active:data-[state=checked]:bg-control-primary-pressed
+                  disabled:cursor-not-allowed disabled:border-control-border-disabled disabled:data-[state=checked]:bg-control-disabled  `,
+        c
       ),
-      ...o
+      ...e,
+      ref: d,
+      children: /* @__PURE__ */ a(
+        t.Thumb,
+        {
+          className: r(
+            `pointer-events-none relative flex h-space-04 w-space-04 items-center justify-center rounded-full bg-control-neutral-checked text-xs shadow-[0px_0px_1px_0px_rgba(34,35,35,0.20)] ring-0 transition-transform
+                    data-[state=checked]:start-space-01 data-[state=checked]:-translate-x-space-04  data-[state=unchecked]:-translate-x-space-01
+                    data-[state=checked]:bg-background-card data-[state=checked]:text-control-primary-checked
+                    group-hover:data-[state=unchecked]:bg-control-neutral-hovered group-hover:data-[state=checked]:text-control-primary-hovered
+                    group-hover:data-[state=checked]:text-control-primary-pressed group-active:data-[state=unchecked]:bg-control-neutral-pressed
+                    group-disabled:data-[state=unchecked]:bg-control-disabled
+                    ltr:data-[state=checked]:translate-x-space-04 ltr:data-[state=unchecked]:translate-x-space-01`
+          ),
+          children: (e == null ? void 0 : e.checked) && "✓"
+        }
+      )
     }
   )
 );
-p.displayName = "TableCell";
-const i = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("caption", { ref: o, className: l("mt-4 text-body-01 text-muted-foreground", e), ...a }));
-i.displayName = "TableCaption";
+s.displayName = t.Root.displayName;
 export {
-  s as Table,
-  c as TableBody,
-  i as TableCaption,
-  p as TableCell,
-  n as TableFooter,
-  f as TableHead,
-  b as TableHeader,
-  m as TableRow
+  s as Switch
 };

package/index.es72.js

@@ -1,134 +1,52 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-tabs";
-import { cva as b } from "./index.es105.js";
-import * as n from "react";
-import { cn as l } from "./index.es85.js";
-import { ResponsiveScroll as v } from "./index.es48.js";
-const d = b(
-  "relative inline-flex shrink-0  items-center justify-start   transition-all disabled:pointer-events-none  data-[state=active]:font-semibold",
+import { jsx as r } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as l } from "./index.es86.js";
+const s = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ r("table", { ref: o, className: l("w-full caption-bottom text-body-01", e), ...a }) }));
+s.displayName = "Table";
+const b = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("thead", { ref: o, className: l("bg-background", e), ...a }));
+b.displayName = "TableHeader";
+const c = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tbody", { ref: o, className: l("[&_tr:last-child]:border-0", e), ...a }));
+c.displayName = "TableBody";
+const n = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tfoot", { ref: o, className: l("bg-primary text-primary-foreground", e), ...a }));
+n.displayName = "TableFooter";
+const m = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tr", { ref: o, className: l("transition-colors data-[state=selected]:bg-background-brand hover:bg-card-hover", e), ...a }));
+m.displayName = "TableRow";
+const f = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
+  "th",
   {
-    variants: {
-      container: {
-        filled: " gap-space-01  rounded-full bg-background-muted p-space-01",
-        underline: "",
-        transparent: " gap-space-01 rounded-full"
-      },
-      variant: {
-        filled: "after:hidden hover:bg-button-background-neutral-hovered data-[state=inactive]:text-text-paragraph-primary rounded-full  data-[state=active]:bg-button-background-primary text-text-oncolor-primary data-[state=active]:shadow-sm hover:data-[state=active]:bg-button-background-primary-hovered  disabled:data-[state=active]:bg-disabled-background-disabled disabled:text-disabled-text-default-disabled",
-        underline: "relative  data-[state=inactive]:text-text-paragraph-primary after:z-[1]  hover:data-[state=inactive]:bg-button-background-neutral-hovered hover:text-text-default after:absolute after:block after:bottom-[1px] after:rounded-full after:start-1/2 after:-translate-x-1/2 rtl:after:translate-x-1/2 after:h-[3px] hover:after:bg-border-black hover:data-[state=active]:after:bg-border-primary-default data-[state=active]:after:bg-border-primary-default disabled:data-[state=active]:after:bg-border-disabled disabled:text-disabled-text-default-disabled",
-        transparent: "hover:bg-card-hover hover:data-[state=inactive]:text-card-foreground rounded-full py-space-02 px-space-04  focus-visible:outline-none data-[state=active]:bg-background data-[state=active]:text-card-foreground data-[state=active]:shadow-sm hover:data-[state=active]:bg-background data-[state=active]:disabled:bg-disabled"
-      },
-      size: {
-        default: "text-body-02   after:w-[calc(100%_-_32px)] [&>svg]:size-space-04 gap-space-01",
-        sm: "text-body-01  after:w-[calc(100%_-_24px)]  [&>svg]:size-space-04 gap-space-01"
-      },
-      disabled: {
-        false: null,
-        true: null
-      },
-      underline: {
-        false: null,
-        true: null
-      },
-      orientation: {
-        vertical: "flex-col items-start",
-        horizontal: "flex-row"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "filled",
-        size: "sm",
-        className: "px-space-03 py-space-01"
-      },
-      {
-        variant: "underline",
-        size: "default",
-        className: "px-space-04 py-space-03"
-      },
-      {
-        variant: "underline",
-        size: "sm",
-        className: "px-space-03 py-space-02"
-      },
-      {
-        variant: "filled",
-        size: "default",
-        className: "px-space-04 py-space-02"
-      },
-      {
-        container: "underline",
-        underline: !0,
-        className: "justify-start w-full after:absolute after:bottom-0 after:start-0 after:z-0 after:h-[3px] after:w-full after:rounded-full after:bg-border-neutral-primary"
-      },
-      {
-        container: "underline",
-        underline: !0,
-        orientation: "vertical",
-        className: "after:absolute after:start-0 after:top-0  after:z-0 after:w-[3px] after:h-full after:rounded-full after:bg-border-neutral-primary"
-      },
-      {
-        container: "filled",
-        orientation: "vertical",
-        className: "bg-transparent"
-      },
-      {
-        variant: "underline",
-        orientation: "vertical",
-        className: "after:start-[2px] after:top-1/2 after:-translate-y-1/2 after:w-[3px] after:bottom-0"
-      },
-      {
-        variant: "underline",
-        orientation: "vertical",
-        size: "default",
-        className: "after:h-[calc(100%_-_24px)] py-space-03"
-      },
-      {
-        variant: "underline",
-        orientation: "vertical",
-        size: "sm",
-        className: "after:h-[calc(100%_-_16px)] py-space-02"
-      }
-    ]
+    ref: o,
+    className: l(
+      "px-space-03 py-space-04 text-center align-middle text-body-01 font-normal text-foreground-secondary [&:has([role=checkbox])]:w-[48px]",
+      e
+    ),
+    ...a
   }
-), k = a.Root, c = n.createContext({
-  variant: "filled",
-  size: "default",
-  orientation: "horizontal"
-}), m = n.forwardRef(({ className: r, underline: i, orientation: e, variant: t = "filled", size: o = "default", children: f, ...u }, p) => /* @__PURE__ */ s(v, { className: "py-2", buttonClassName: "bg-background", margin: 16, children: /* @__PURE__ */ s(a.List, { ref: p, className: l(d({ container: t, underline: i, size: o, orientation: e }), r), ...u, children: /* @__PURE__ */ s(c.Provider, { value: { variant: t, size: o, orientation: e }, children: f }) }) }));
-m.displayName = a.List.displayName;
-const g = n.forwardRef(
-  ({ className: r, ...i }, e) => {
-    const t = n.useContext(c);
-    return /* @__PURE__ */ s(
-      a.Trigger,
-      {
-        ref: e,
-        className: l(d({ variant: t.variant, orientation: t.orientation, size: t.size }), r),
-        ...i
-      }
-    );
-  }
-);
-g.displayName = a.Trigger.displayName;
-const x = n.forwardRef(
-  ({ className: r, ...i }, e) => /* @__PURE__ */ s(
-    a.Content,
+));
+f.displayName = "TableHead";
+const p = t.forwardRef(
+  ({ isLast: e, className: a, ...o }, d) => /* @__PURE__ */ r(
+    "td",
     {
-      ref: e,
+      ref: d,
       className: l(
-        "mt-2 ring-offset-background data-[state=inactive]:hidden focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        r
+        "border-b border-border p-space-03 py-space-04 text-center align-middle text-body-01 font-normal text-foreground [&:has([role=checkbox])]:pr-0",
+        a,
+        e && "border-b-transparent"
       ),
-      ...i
+      ...o
     }
   )
 );
-x.displayName = a.Content.displayName;
+p.displayName = "TableCell";
+const i = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("caption", { ref: o, className: l("mt-4 text-body-01 text-muted-foreground", e), ...a }));
+i.displayName = "TableCaption";
 export {
-  k as Tabs,
-  x as TabsContent,
-  m as TabsList,
-  g as TabsTrigger,
-  d as tabVariants
+  s as Table,
+  c as TableBody,
+  i as TableCaption,
+  p as TableCell,
+  n as TableFooter,
+  f as TableHead,
+  b as TableHeader,
+  m as TableRow
 };

package/index.es73.js

@@ -1,77 +1,134 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-tabs";
 import { cva as b } from "./index.es105.js";
-import * as m from "react";
-import { cn as h } from "./index.es85.js";
-import { ShouldRender as x } from "./index.es14.js";
-import "./index.es35.js";
-import { useFormContext as v } from "./index.es36.js";
-const w = b(
-  `flex relative overflow-hidden min-h-[10rem] w-full   ps-space-04 text-body-02 overflow-hidden text-form-field-text-filled
-     aria-[disabled=true]:cursor-not-allowed aria-[disabled=true]:text-disabled-text-default-disabled
-     aria-[invalid=true]:border-form-field-border-error  focus-within:aria-[invalid=true]:after:bg-form-field-border-error focus-within:shadow-md
-     after:absolute after:bottom-0 after:w-0 after:h-[2px] ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 after:start-1/2 after:bg-form-field-border-pressed after:ease-in-out after:transition-all focus-within:after:w-full
-    `,
+import * as n from "react";
+import { cn as l } from "./index.es86.js";
+import { ResponsiveScroll as v } from "./index.es49.js";
+const d = b(
+  "relative inline-flex shrink-0  items-center justify-start   transition-all disabled:pointer-events-none  data-[state=active]:font-semibold",
   {
     variants: {
+      container: {
+        filled: " gap-space-01  rounded-full bg-background-muted p-space-01",
+        underline: "",
+        transparent: " gap-space-01 rounded-full"
+      },
       variant: {
-        default: "bg-form-field-background-darker  hover:aria-[disabled=false]:border-form-field-border-default",
-        outline: "bg-form-field-background-default aria-[disabled=false]:hover:border-form-field-border-hovered border border-form-field-border-default aria-[disabled=true]:border-border-disabled",
-        lighter: "bg-form-field-background-lighter  aria-[disabled=false]:hover:border-form-field-border-default"
+        filled: "after:hidden hover:bg-button-background-neutral-hovered data-[state=inactive]:text-text-paragraph-primary rounded-full  data-[state=active]:bg-button-background-primary text-text-oncolor-primary data-[state=active]:shadow-sm hover:data-[state=active]:bg-button-background-primary-hovered  disabled:data-[state=active]:bg-disabled-background-disabled disabled:text-disabled-text-default-disabled",
+        underline: "relative  data-[state=inactive]:text-text-paragraph-primary after:z-[1]  hover:data-[state=inactive]:bg-button-background-neutral-hovered hover:text-text-default after:absolute after:block after:bottom-[1px] after:rounded-full after:start-1/2 after:-translate-x-1/2 rtl:after:translate-x-1/2 after:h-[3px] hover:after:bg-border-black hover:data-[state=active]:after:bg-border-primary-default data-[state=active]:after:bg-border-primary-default disabled:data-[state=active]:after:bg-border-disabled disabled:text-disabled-text-default-disabled",
+        transparent: "hover:bg-card-hover hover:data-[state=inactive]:text-card-foreground rounded-full py-space-02 px-space-04  focus-visible:outline-none data-[state=active]:bg-background data-[state=active]:text-card-foreground data-[state=active]:shadow-sm hover:data-[state=active]:bg-background data-[state=active]:disabled:bg-disabled"
+      },
+      size: {
+        default: "text-body-02   after:w-[calc(100%_-_32px)] [&>svg]:size-space-04 gap-space-01",
+        sm: "text-body-01  after:w-[calc(100%_-_24px)]  [&>svg]:size-space-04 gap-space-01"
+      },
+      disabled: {
+        false: null,
+        true: null
       },
-      rounded: {
-        default: "rounded",
-        full: "rounded-4"
+      underline: {
+        false: null,
+        true: null
       },
-      colors: {
-        default: "hover:aria-[disabled=false]:border",
-        success: "border-success",
-        destructive: "border-form-field-border-error "
+      orientation: {
+        vertical: "flex-col items-start",
+        horizontal: "flex-row"
       }
     },
-    defaultVariants: {
-      variant: "outline",
-      rounded: "default",
-      colors: "default"
-    }
+    compoundVariants: [
+      {
+        variant: "filled",
+        size: "sm",
+        className: "px-space-03 py-space-01"
+      },
+      {
+        variant: "underline",
+        size: "default",
+        className: "px-space-04 py-space-03"
+      },
+      {
+        variant: "underline",
+        size: "sm",
+        className: "px-space-03 py-space-02"
+      },
+      {
+        variant: "filled",
+        size: "default",
+        className: "px-space-04 py-space-02"
+      },
+      {
+        container: "underline",
+        underline: !0,
+        className: "justify-start w-full after:absolute after:bottom-0 after:start-0 after:z-0 after:h-[3px] after:w-full after:rounded-full after:bg-border-neutral-primary"
+      },
+      {
+        container: "underline",
+        underline: !0,
+        orientation: "vertical",
+        className: "after:absolute after:start-0 after:top-0  after:z-0 after:w-[3px] after:h-full after:rounded-full after:bg-border-neutral-primary"
+      },
+      {
+        container: "filled",
+        orientation: "vertical",
+        className: "bg-transparent"
+      },
+      {
+        variant: "underline",
+        orientation: "vertical",
+        className: "after:start-[2px] after:top-1/2 after:-translate-y-1/2 after:w-[3px] after:bottom-0"
+      },
+      {
+        variant: "underline",
+        orientation: "vertical",
+        size: "default",
+        className: "after:h-[calc(100%_-_24px)] py-space-03"
+      },
+      {
+        variant: "underline",
+        orientation: "vertical",
+        size: "sm",
+        className: "after:h-[calc(100%_-_16px)] py-space-02"
+      }
+    ]
   }
-), g = m.forwardRef(
-  ({ className: f, variant: s, rounded: n, startAdornment: t, colors: c, endAdornment: i, maxLength: l, ...e }, u) => {
-    var o;
-    const a = v();
-    return /* @__PURE__ */ d("div", { className: "relative flex flex-col gap-space-01", children: [
-      /* @__PURE__ */ d(
-        "div",
-        {
-          className: h(w({ variant: s, rounded: n, colors: c }), f),
-          "aria-invalid": e["aria-invalid"],
-          "aria-disabled": e.disabled,
-          children: [
-            t && /* @__PURE__ */ r("div", { className: "mr-space-02 mt-space-04 h-[2rem] w-[2rem] ", children: t }),
-            /* @__PURE__ */ r(
-              "textarea",
-              {
-                className: "placeholder:text-form-field-text-placeholder w-full resize-none bg-transparent py-space-02 outline-none",
-                ref: u,
-                maxLength: l,
-                ...e
-              }
-            ),
-            i && /* @__PURE__ */ r("div", { className: "ml-space-02 h-[2rem] w-[2rem]", children: i })
-          ]
-        }
-      ),
-      /* @__PURE__ */ r(x, { shouldRender: !!(e != null && e.name) && !!a && !!l, children: /* @__PURE__ */ d("span", { className: "absolute -bottom-[20px] end-0 flex flex-row-reverse text-caption-01 text-foreground", children: [
-        /* @__PURE__ */ d("span", { className: "text-foreground-secondary", children: [
-          " ",
-          l
-        ] }),
-        "/",
-        /* @__PURE__ */ r("span", { children: (o = a == null ? void 0 : a.watch(String(e == null ? void 0 : e.name))) == null ? void 0 : o.length })
-      ] }) })
-    ] });
+), k = a.Root, c = n.createContext({
+  variant: "filled",
+  size: "default",
+  orientation: "horizontal"
+}), m = n.forwardRef(({ className: r, underline: i, orientation: e, variant: t = "filled", size: o = "default", children: f, ...u }, p) => /* @__PURE__ */ s(v, { className: "py-2", buttonClassName: "bg-background", margin: 16, children: /* @__PURE__ */ s(a.List, { ref: p, className: l(d({ container: t, underline: i, size: o, orientation: e }), r), ...u, children: /* @__PURE__ */ s(c.Provider, { value: { variant: t, size: o, orientation: e }, children: f }) }) }));
+m.displayName = a.List.displayName;
+const g = n.forwardRef(
+  ({ className: r, ...i }, e) => {
+    const t = n.useContext(c);
+    return /* @__PURE__ */ s(
+      a.Trigger,
+      {
+        ref: e,
+        className: l(d({ variant: t.variant, orientation: t.orientation, size: t.size }), r),
+        ...i
+      }
+    );
   }
 );
-g.displayName = "Textarea";
+g.displayName = a.Trigger.displayName;
+const x = n.forwardRef(
+  ({ className: r, ...i }, e) => /* @__PURE__ */ s(
+    a.Content,
+    {
+      ref: e,
+      className: l(
+        "mt-2 ring-offset-background data-[state=inactive]:hidden focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        r
+      ),
+      ...i
+    }
+  )
+);
+x.displayName = a.Content.displayName;
 export {
-  g as Textarea
+  k as Tabs,
+  x as TabsContent,
+  m as TabsList,
+  g as TabsTrigger,
+  d as tabVariants
 };