mada-design-system 0.9.1 → 1.0.0

package/index.es70.js

@@ -1,8 +1,74 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cn as r } from "./index.es89.js";
-function i({ className: e, ...o }) {
-  return /* @__PURE__ */ n("div", { className: r("bg-skeleton animate-pulse rounded-md", e), ...o });
-}
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import B, { useState as g, useRef as v, useEffect as m } from "react";
+import { debounce as w, cn as R } from "./index.es94.js";
+import { strings as d } from "./index.es95.js";
+import { Button as j } from "./index.es27.js";
+import { Input as z } from "./index.es42.js";
+import { Stack as A } from "./index.es47.js";
+import D from "./index.es121.js";
+import f from "./index.es136.js";
+const E = B.forwardRef(
+  ({ placeholder: h = "Search...", value: a = "", type: t, validationMessage: s, onSearch: n, disabled: x = !1, debounceTime: u = 600, className: N = "", ...b }, C) => {
+    const [r, c] = g(a), l = v(void 0);
+    m(() => {
+      c(a);
+    }, [a]), m(() => {
+      l.current = w((o) => n(o), u);
+    }, [n, u]);
+    const S = (o) => {
+      o.key === "Enter" && n(r.trim());
+    }, y = (o) => {
+      const p = o.target.value;
+      c(p), t === "onType" && l.current && l.current(p);
+    }, I = () => {
+      c(""), n("");
+    }, k = () => {
+      t === "onButton" && n(r);
+    };
+    return /* @__PURE__ */ i("div", { className: "space-y-space-01", children: [
+      /* @__PURE__ */ e(
+        z,
+        {
+          type: "text",
+          variant: "outline",
+          placeholder: h,
+          value: r,
+          disabled: x,
+          ...b,
+          onKeyDown: S,
+          onChange: y,
+          className: R("w-full ", { "pe-space-04": t === "onType", "pe-space-01": t === "onButton" }, N),
+          "aria-invalid": !!s,
+          "data-testid": "search-input",
+          startAdornment: t === "onType" && /* @__PURE__ */ e(f, { className: "text-icon-default" }),
+          endAdornment: /* @__PURE__ */ i(A, { gap: 1, alignItems: "center", children: [
+            r && /* @__PURE__ */ i("button", { type: "button", className: "text-text-default", onClick: I, children: [
+              /* @__PURE__ */ e(D, { size: 20 }),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: d.Shared.Clear })
+            ] }),
+            r && t === "onButton" && /* @__PURE__ */ e("span", { className: "mx-space-01 block h-space-05 border" }),
+            t === "onButton" && /* @__PURE__ */ e(
+              j,
+              {
+                variant: "outline",
+                rounded: "full",
+                size: "icon-sm",
+                type: "button",
+                tooltip: d.Shared.Search,
+                className: "h-auto rounded-full border !p-space-01",
+                onClick: k,
+                children: /* @__PURE__ */ e(f, {})
+              }
+            )
+          ] }),
+          ref: C
+        }
+      ),
+      s && /* @__PURE__ */ e("p", { className: "text-caption-01 text-error", children: s })
+    ] });
+  }
+);
+E.displayName = "SearchInput";
 export {
-  i as Skeleton
+  E as SearchInput
 };

package/index.es71.js

@@ -1,14 +1,147 @@
-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.es89.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" })
-  ] })
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import * as d from "react";
+import * as e from "@radix-ui/react-select";
+import { cva as b } from "./index.es118.js";
+import { cn as s } from "./index.es94.js";
+import h from "./index.es150.js";
+import x from "./index.es147.js";
+import g from "./index.es181.js";
+import w from "./index.es111.js";
+const y = b(
+  ` placeholder:text-form-field-text-placeholder data-[placeholder]:text-form-field-text-placeholder  text-form-field-text-filled after:bg-form-field-border-pressed group relative
+    flex w-full items-center justify-between gap-space-01 whitespace-nowrap overflow-hidden
+    aria-[invalid=true]:border-form-field-border-error  data-[state=open]:aria-[invalid=true]:after:bg-form-field-border-error
+    ps-space-03 pe-space-02  after:absolute after:bottom-0 after:start-1/2 after:h-[2px]  focus-visible:after:w-full focus:outline-none focus:shadow-md
+    after:w-0 after:transition-all after:ease-in-out data-[state=open]:after:w-full  disabled:cursor-not-allowed disabled:border-border-disabled disabled:text-disabled-text-default-disabled ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 [&>span]:truncate
+    `,
+  {
+    variants: {
+      variant: {
+        default: "bg-form-field-background-darker  enabled:hover:border-form-field-border-default",
+        outline: "bg-form-field-background-default enabled:hover:border-form-field-border-hovered border border-form-field-border-default disabled:border-border-disabled",
+        lighter: "bg-form-field-background-lighter  enabled:hover:border-form-field-border-default"
+      },
+      rounded: {
+        default: "rounded",
+        full: "rounded-4"
+      },
+      colors: {
+        default: "hover:enabled:border",
+        success: "border-success",
+        destructive: "border-form-field-border-error "
+      },
+      size: {
+        default: "py-space-02 text-body-02 h-[40px]",
+        sm: "py-space-01 text-body-01 h-[32px]"
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      rounded: "default",
+      colors: "default",
+      size: "default"
+    }
+  }
+), f = d.createContext({
+  variant: "outline",
+  rounded: "default",
+  colors: "default",
+  size: "default"
+}), T = ({
+  variant: r,
+  size: o,
+  colors: t,
+  rounded: l,
+  children: n,
+  ...i
+}) => {
+  const u = d.useMemo(() => ({ variant: r, size: o, colors: t, rounded: l }), [r, o, t, l]);
+  return /* @__PURE__ */ a(e.Root, { ...i, children: /* @__PURE__ */ a(f.Provider, { value: u, children: n }) });
+}, U = e.Group, L = e.Value, v = d.forwardRef(({ className: r, children: o, placeholder: t, ...l }, n) => {
+  const i = d.useContext(f);
+  return /* @__PURE__ */ c(
+    e.Trigger,
+    {
+      ref: n,
+      "aria-label": t || "select",
+      className: s(
+        y({ variant: i.variant, size: i.size, colors: i.colors, rounded: i.rounded, className: r })
+      ),
+      ...l,
+      children: [
+        o,
+        /* @__PURE__ */ a(e.Icon, { asChild: !0, children: /* @__PURE__ */ a(w, { className: "!size-[20px] shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180" }) })
+      ]
+    }
+  );
+});
+v.displayName = e.Trigger.displayName;
+const p = d.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ a(e.ScrollUpButton, { ref: t, className: s("flex cursor-default items-center justify-center py-1", r), ...o, children: /* @__PURE__ */ a(g, {}) }));
+p.displayName = e.ScrollUpButton.displayName;
+const m = d.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ a(e.ScrollDownButton, { ref: t, className: s("flex cursor-default items-center justify-center py-1", r), ...o, children: /* @__PURE__ */ a(x, {}) }));
+m.displayName = e.ScrollDownButton.displayName;
+const N = d.forwardRef(({ className: r, children: o, position: t = "popper", ...l }, n) => /* @__PURE__ */ a(e.Portal, { children: /* @__PURE__ */ c(
+  e.Content,
+  {
+    ref: n,
+    className: s(
+      "relative z-50 max-h-96  overflow-hidden rounded-2 border bg-card p-space-02 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      t === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      r
+    ),
+    position: t,
+    ...l,
+    children: [
+      /* @__PURE__ */ a(p, {}),
+      /* @__PURE__ */ a(
+        e.Viewport,
+        {
+          className: s(
+            "p-1",
+            t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[calc(var(--radix-select-trigger-width)_-_16px)]"
+          ),
+          children: o
+        }
+      ),
+      /* @__PURE__ */ a(m, {})
+    ]
+  }
+) }));
+N.displayName = e.Content.displayName;
+const S = d.forwardRef(
+  ({ className: r, ...o }, t) => /* @__PURE__ */ a(e.Label, { ref: t, className: s("py-1.5 pl-8 pr-2 text-xs font-bold ", r), ...o })
 );
-t.displayName = e.Root.displayName;
+S.displayName = e.Label.displayName;
+const R = d.forwardRef(
+  ({ className: r, children: o, ...t }, l) => /* @__PURE__ */ c(
+    e.Item,
+    {
+      ref: l,
+      className: s(
+        "relative flex w-full cursor-default select-none items-center rounded-1 py-space-02 pe-space-02 ps-space-05 text-sm leading-[2.2rem] outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 hover:bg-card-hover focus:bg-accent focus:text-accent-foreground",
+        r
+      ),
+      ...t,
+      children: [
+        /* @__PURE__ */ a("span", { className: "absolute start-space-01 flex h-space-04 w-space-04 items-baseline justify-center", children: /* @__PURE__ */ a(e.ItemIndicator, { children: /* @__PURE__ */ a(h, { className: "h-space-04 w-space-04" }) }) }),
+        /* @__PURE__ */ a(e.ItemText, { children: o })
+      ]
+    }
+  )
+);
+R.displayName = e.Item.displayName;
+const z = d.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ a(e.Separator, { ref: t, className: s("-mx-1 my-1 h-px bg-muted", r), ...o }));
+z.displayName = e.Separator.displayName;
 export {
-  t as Slider
+  T as Select,
+  N as SelectContent,
+  U as SelectGroup,
+  R as SelectItem,
+  S as SelectLabel,
+  m as SelectScrollDownButton,
+  p as SelectScrollUpButton,
+  z as SelectSeparator,
+  v as SelectTrigger,
+  L as SelectValue,
+  y as selectVariants
 };

package/index.es72.js

@@ -1,40 +1,20 @@
-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.es89.js";
-const s = o.forwardRef(
-  ({ className: c, ...e }, d) => /* @__PURE__ */ a(
-    t.Root,
+import { jsx as e } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-separator";
+import * as i from "react";
+import { cn as l } from "./index.es94.js";
+const s = i.forwardRef(
+  ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...m }, p) => /* @__PURE__ */ e(
+    o.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) && "✓"
-        }
-      )
+      ref: p,
+      decorative: t,
+      orientation: r,
+      className: l("shrink-0 bg-border", r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", a),
+      ...m
     }
   )
 );
-s.displayName = t.Root.displayName;
+s.displayName = o.Root.displayName;
 export {
-  s as Switch
+  s as Separator
 };

package/index.es73.js

@@ -1,87 +1,136 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as l from "react";
-import { cva as b } from "./index.es111.js";
-import { cn as o } from "./index.es89.js";
-const n = b("border-y-table-cell-border w-full caption-bottom border-y [&_td:last-child]:border-e-0 [&_th:last-child]:border-e-0", {
-  variants: {
-    variant: {
-      default: "[&_td]:py-space-04 [&_td]:px-space-04 [&_td]:h-space-09",
-      compact: "[&_td]:py-space-02 [&_td]:px-space-04 [&_td]:h-space-08"
-    },
-    alternating: {
-      true: "[&_tr:nth-child(even)>td]:bg-table-background-row-alt"
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-dialog";
+import { cva as C } from "./index.es118.js";
+import l from "react";
+import { clsx as S } from "./index.es107.js";
+import { useMediaQuery as R } from "./index.es113.js";
+import { create as z } from "./index.es182.js";
+import { cn as r } from "./index.es94.js";
+import k from "./index.es6.js";
+import { ShouldRender as h } from "./index.es19.js";
+import { Button as b } from "./index.es27.js";
+import T from "./index.es183.js";
+import D from "./index.es184.js";
+import F from "./index.es121.js";
+const x = z((a) => ({
+  isCenter: !1,
+  setIsCenter: (e) => a((o) => ({ isCenter: e ?? !o.isCenter }))
+})), Z = s.Root, $ = s.Trigger, I = s.Close, O = s.Portal, y = l.forwardRef(
+  ({ className: a, ...e }, o) => /* @__PURE__ */ t(
+    s.Overlay,
+    {
+      className: r(
+        "fixed inset-0 z-50 bg-background-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        a
+      ),
+      ...e,
+      ref: o
+    }
+  )
+);
+y.displayName = s.Overlay.displayName;
+const _ = C(
+  "flex flex-col data-[side=bottom]:max-md:h-[93%] sm:max-w-[60rem] md:rounded-tl-none md:rounded-tr-none fixed z-50 bg-background-secondary overflow-y-auto p-space-00 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        center: "top-space-03 md:!rounded-4 inset-1/2 w-3/4 h-[calc(100%_-_24px)] ltr:-translate-x-1/2 rtl:translate-x-1/2",
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 h-full border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r ltr:data-[state=closed]:slide-out-to-right data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left ltr:data-[state=open]:slide-in-from-right ",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l ltr:data-[state=closed]:slide-out-to-left data-[state=closed]:slide-out-to-right ltr:data-[state=open]:slide-in-from-left data-[state=open]:slide-in-from-right "
+      }
     },
-    contained: {
-      true: ""
+    defaultVariants: {
+      side: "right"
     }
-  },
-  defaultVariants: {
-    variant: "default",
-    alternating: !1,
-    contained: !1
   }
-}), i = b("relative w-full overflow-hidden overflow-x-auto", {
-  variants: {
-    contained: {
-      true: "border-x border-x-table-cell-border rounded-1"
-    }
+), j = l.forwardRef(
+  ({ className: a, side: e, ignoreInteractOutside: o = !1, hideOverlay: i = !1, overlayClassName: n, children: c, ...d }, N) => {
+    const v = k((m) => m.isActive), f = R("(min-width: 600px)"), { isCenter: u, setIsCenter: w } = x();
+    return /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
+      y,
+      {
+        className: S(n, {
+          "bg-transparent": i
+        }),
+        children: /* @__PURE__ */ t(
+          s.Content,
+          {
+            "aria-describedby": void 0,
+            onInteractOutside: (m) => o && m.preventDefault(),
+            onCloseAutoFocus: () => w(!1),
+            ref: N,
+            className: r(
+              _({ side: e || (f ? u ? "center" : "left" : "bottom") }),
+              { grayscale: v },
+              a
+            ),
+            "data-side": e || (f ? u ? "center" : "left" : "bottom"),
+            ...d,
+            children: c
+          }
+        )
+      }
+    ) });
   }
-}), p = l.forwardRef(({ className: e, variant: a, alternating: t, contained: d, ...s }, c) => /* @__PURE__ */ r("div", { className: o(i({ contained: d })), children: /* @__PURE__ */ r("table", { ref: c, className: o(n({ className: e, variant: a, alternating: t, contained: d })), ...s }) }));
-p.displayName = "Table";
-const m = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r("thead", { ref: t, className: o("bg-table-background-header", e), ...a }));
-m.displayName = "TableHeader";
-const f = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r("tbody", { ref: t, className: o("[&_tr:last-child]:border-0", e), ...a }));
-f.displayName = "TableBody";
-const h = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r("tfoot", { ref: t, className: o("bg-primary text-primary-foreground", e), ...a }));
-h.displayName = "TableFooter";
-const x = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
-  "tr",
+);
+j.displayName = s.Content.displayName;
+const A = ({ className: a, title: e, hideCenter: o, children: i, ...n }) => {
+  const { setIsCenter: c, isCenter: d } = x();
+  return /* @__PURE__ */ p("div", { className: r("flex flex-row items-center gap-space-02 px-space-05 py-space-04", a), ...n, children: [
+    i,
+    /* @__PURE__ */ t(h, { shouldRender: !!e, children: /* @__PURE__ */ t(g, { children: e }) }),
+    /* @__PURE__ */ p("div", { className: "ms-auto flex items-center gap-space-01", children: [
+      /* @__PURE__ */ t(h, { shouldRender: !o, children: /* @__PURE__ */ p(b, { variant: "text", colors: "neutral", size: "icon-sm", onClick: () => c(), className: "hidden sm:inline-flex", children: [
+        !d && /* @__PURE__ */ t(T, { size: 20, className: "-scale-100" }),
+        d && /* @__PURE__ */ t(D, { size: 20 })
+      ] }) }),
+      /* @__PURE__ */ t(I, { className: "p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ t(b, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ t(F, { className: "size-[20px]" }) }) })
+    ] })
+  ] });
+};
+A.displayName = "SheetHeader";
+const B = ({ className: a, ...e }) => /* @__PURE__ */ t(
+  "div",
   {
-    ref: t,
-    className: o(
-      "data-[state=selected]:bg-table-background-row-selected-hovered hover:bg-table-background-row-hovered transition-colors",
-      e
+    className: r(
+      "mt-auto  flex w-full flex-col bg-background-secondary p-space-04 sm:flex-row sm:justify-end sm:space-x-2 sm:p-space-05",
+      a
     ),
-    ...a
+    ...e
   }
-));
-x.displayName = "TableRow";
-const y = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
-  "th",
+);
+B.displayName = "SheetFooter";
+const g = l.forwardRef(
+  ({ className: a, ...e }, o) => /* @__PURE__ */ t(s.Title, { ref: o, className: r("text-body-01 font-semibold", a), ...e })
+);
+g.displayName = s.Title.displayName;
+const P = l.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(s.Description, { ref: o, className: r("text-sm text-muted-foreground", a), ...e }));
+P.displayName = s.Description.displayName;
+const V = l.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
+  "div",
   {
-    ref: t,
-    className: o(
-      "border-e-table-cell-border border-b-table-cell-border text-table-text-head h-space-08 border-b border-e px-space-04 py-space-02 text-center align-middle text-caption-01 font-medium  [&:has([role=checkbox])]:w-[53px]",
-      e
+    ref: o,
+    className: r(
+      "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 scrollbar scrollbar-track-transparent scrollbar-thumb-border",
+      "h-full overflow-auto rounded-4 border border-border-neutral-secondary bg-card p-space-04 text-foreground lg:p-space-05",
+      a
     ),
-    ...a
+    ...e
   }
 ));
-y.displayName = "TableHead";
-const u = l.forwardRef(
-  ({ isLast: e, className: a, ...t }, d) => /* @__PURE__ */ r(
-    "td",
-    {
-      ref: d,
-      className: o(
-        "border-b-table-cell-border border-b text-center align-middle text-body-02 font-normal text-foreground",
-        a,
-        e && "border-b-transparent"
-      ),
-      ...t
-    }
-  )
-);
-u.displayName = "TableCell";
-const w = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r("caption", { ref: t, className: o("mt-4 text-body-01 text-muted-foreground", e), ...a }));
-w.displayName = "TableCaption";
+V.displayName = "SheetBody";
 export {
-  p as Table,
-  f as TableBody,
-  w as TableCaption,
-  u as TableCell,
-  h as TableFooter,
-  y as TableHead,
-  m as TableHeader,
-  x as TableRow
+  Z as Sheet,
+  V as SheetBody,
+  I as SheetClose,
+  j as SheetContent,
+  P as SheetDescription,
+  B as SheetFooter,
+  A as SheetHeader,
+  y as SheetOverlay,
+  O as SheetPortal,
+  g as SheetTitle,
+  $ as SheetTrigger
 };