@gv-tech/ui-native 2.9.1 → 2.11.0

package/dist/ui-native.mjs

@@ -0,0 +1,1090 @@
+import { jsx as e, jsxs as g, Fragment as H } from "react/jsx-runtime";
+import * as i from "react";
+import { Text as l, View as s, Pressable as re, StyleSheet as A, Platform as P, TextInput as q, TouchableOpacity as ae } from "react-native";
+import { clsx as oe } from "clsx";
+import { twMerge as ie } from "tailwind-merge";
+import * as b from "@rn-primitives/accordion";
+import { ChevronDown as L, Check as E, X as G, Circle as ne, ChevronUp as se } from "lucide-react-native";
+import y, { useDerivedValue as le, withTiming as z, useAnimatedStyle as W, interpolate as de, Extrapolation as ce, FadeOut as w, FadeIn as v, SlideOutRight as me, SlideInRight as fe, useSharedValue as ue, withRepeat as pe, withSequence as ge, Layout as be, FadeOutDown as he, FadeInUp as ye } from "react-native-reanimated";
+import { cva as R } from "class-variance-authority";
+import * as p from "@rn-primitives/alert-dialog";
+import * as T from "@rn-primitives/avatar";
+import * as F from "@rn-primitives/checkbox";
+import * as B from "@rn-primitives/collapsible";
+import * as c from "@rn-primitives/dialog";
+import * as O from "@rn-primitives/label";
+import * as D from "@rn-primitives/radio-group";
+import * as m from "@rn-primitives/select";
+import * as $ from "@rn-primitives/separator";
+import * as j from "@rn-primitives/switch";
+import * as N from "@rn-primitives/tabs";
+import { toggleVariants as X } from "@gv-tech/ui-core";
+import { toggleVariants as qr } from "@gv-tech/ui-core";
+import * as _ from "@rn-primitives/toggle";
+import * as I from "@rn-primitives/toggle-group";
+import * as k from "@rn-primitives/tooltip";
+import * as x from "@rn-primitives/toast";
+function V(r, t = l, a = {}) {
+  return i.Children.map(r, (n) => typeof n == "string" || typeof n == "number" ? /* @__PURE__ */ e(t, { ...a, children: n }) : n);
+}
+function o(...r) {
+  return ie(oe(r));
+}
+const xe = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(b.Root, { ref: a, className: o("web:gap-0", r), ...t }));
+xe.displayName = b.Root?.displayName || "Accordion";
+const Ne = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(b.Item, { ref: a, className: o("border-border overflow-hidden border-b", r), ...t }));
+Ne.displayName = b.Item?.displayName || "AccordionItem";
+const we = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(b.Header, { ref: a, className: o("flex flex-row", r), ...t }));
+we.displayName = b.Header?.displayName || "AccordionHeader";
+const ve = i.forwardRef(({ className: r, children: t, ...a }, n) => {
+  const { isExpanded: d } = b.useItemContext(), f = le(
+    () => d ? z(1, { duration: 250 }) : z(0, { duration: 200 })
+  ), u = W(() => ({
+    transform: [{ rotate: `${f.value * 180}deg` }],
+    opacity: de(f.value, [0, 1], [1, 0.8], ce.CLAMP)
+  }));
+  return /* @__PURE__ */ e(b.Header, { className: "flex", children: /* @__PURE__ */ g(
+    b.Trigger,
+    {
+      ref: n,
+      className: o(
+        "flex flex-row items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+        r
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ e(H, { children: t }),
+        /* @__PURE__ */ e(y.View, { style: u, children: /* @__PURE__ */ e(L, { className: "text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" }) })
+      ]
+    }
+  ) });
+});
+ve.displayName = b.Trigger?.displayName || "AccordionTrigger";
+const Re = i.forwardRef(({ className: r, children: t, ...a }, n) => /* @__PURE__ */ e(
+  b.Content,
+  {
+    ref: n,
+    className: o(
+      "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
+      r
+    ),
+    ...a,
+    children: /* @__PURE__ */ e(s, { className: o("pt-0 pb-4", r), children: t })
+  }
+));
+Re.displayName = b.Content?.displayName || "AccordionContent";
+const Te = R("relative w-full rounded-lg border p-4", {
+  variants: {
+    variant: {
+      default: "bg-background border-border",
+      destructive: "border-destructive/50 bg-destructive/10",
+      warning: "border-amber-500/50 bg-amber-500/10",
+      info: "border-blue-500/50 bg-blue-500/10"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), Ce = i.forwardRef(({ className: r, variant: t, children: a, ...n }, d) => /* @__PURE__ */ e(s, { ref: d, className: o(Te({ variant: t }), r), ...n, children: V(a) }));
+Ce.displayName = "Alert";
+const Se = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    l,
+    {
+      ref: a,
+      className: o("text-foreground mb-1 leading-none font-medium tracking-tight", r),
+      ...t
+    }
+  )
+);
+Se.displayName = "AlertTitle";
+const De = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(l, { ref: a, className: o("text-muted-foreground text-sm leading-relaxed", r), ...t })
+);
+De.displayName = "AlertDescription";
+const M = R(
+  "flex-row items-center justify-center gap-2 rounded-md transition-colors active:opacity-80",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary shadow-sm",
+        destructive: "bg-destructive shadow-sm",
+        outline: "border border-input bg-transparent shadow-sm",
+        secondary: "bg-secondary shadow-sm",
+        ghost: "bg-transparent",
+        link: "bg-transparent"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 px-3",
+        lg: "h-12 px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), ke = R("text-sm font-medium", {
+  variants: {
+    variant: {
+      default: "text-primary-foreground",
+      destructive: "text-destructive-foreground",
+      outline: "text-foreground",
+      secondary: "text-secondary-foreground",
+      ghost: "text-foreground",
+      link: "text-primary underline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), Ae = i.forwardRef(
+  ({ className: r, variant: t, size: a, onPress: n, children: d, disabled: f, ...u }, h) => /* @__PURE__ */ e(
+    re,
+    {
+      ref: h,
+      onPress: n,
+      disabled: f,
+      className: o(M({ variant: t, size: a, className: r }), f && "opacity-50"),
+      ...u,
+      children: V(d, l, {
+        className: o(ke({ variant: t }))
+      })
+    }
+  )
+);
+Ae.displayName = "Button";
+const Jt = p.Root, Kt = p.Trigger, Pe = p.Portal, J = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(p.Overlay, { style: A.absoluteFill, asChild: !0, ref: a, ...t, children: /* @__PURE__ */ e(
+  y.View,
+  {
+    entering: v.duration(150),
+    exiting: w.duration(150),
+    className: o("z-50 flex items-center justify-center bg-black/80 p-2", r)
+  }
+) }));
+J.displayName = p.Overlay?.displayName || "AlertDialogOverlay";
+const ze = i.forwardRef(({ className: r, portalHost: t, overlayClassName: a, overlayStyle: n, ...d }, f) => /* @__PURE__ */ g(Pe, { hostName: t, children: [
+  /* @__PURE__ */ e(J, { className: a, style: n }),
+  /* @__PURE__ */ e(p.Content, { ref: f, asChild: !0, ...d, children: /* @__PURE__ */ e(
+    y.View,
+    {
+      entering: v.duration(150),
+      exiting: w.duration(150),
+      className: o(
+        "border-border bg-background z-50 w-full max-w-lg gap-4 rounded-xl border p-6 shadow-lg sm:rounded-lg",
+        r
+      )
+    }
+  ) })
+] }));
+ze.displayName = p.Content?.displayName || "AlertDialogContent";
+const Ie = ({ className: r, ...t }) => /* @__PURE__ */ e(s, { className: o("flex flex-col gap-2 text-center sm:text-left", r), ...t });
+Ie.displayName = "AlertDialogHeader";
+const Ve = ({ className: r, ...t }) => /* @__PURE__ */ e(s, { className: o("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", r), ...t });
+Ve.displayName = "AlertDialogFooter";
+const Fe = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  p.Title,
+  {
+    ref: a,
+    className: o("native:text-xl text-foreground text-lg font-semibold", r),
+    ...t
+  }
+));
+Fe.displayName = p.Title?.displayName || "AlertDialogTitle";
+const Oe = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  p.Description,
+  {
+    ref: a,
+    className: o("native:text-base text-muted-foreground text-sm", r),
+    ...t
+  }
+));
+Oe.displayName = p.Description?.displayName || "AlertDialogDescription";
+const je = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(p.Action, { ref: a, className: o(M(), r), ...t }));
+je.displayName = p.Action?.displayName || "AlertDialogAction";
+const He = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  p.Cancel,
+  {
+    ref: a,
+    className: o(M({ variant: "outline" }), "mt-2 sm:mt-0", r),
+    ...t
+  }
+));
+He.displayName = p.Cancel?.displayName || "AlertDialogCancel";
+const Qt = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "aspect-ratio is not yet implemented for React Native" }) }), Le = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  T.Root,
+  {
+    ref: a,
+    className: o("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", r),
+    ...t
+  }
+));
+Le.displayName = T.Root?.displayName || "Avatar";
+const Ge = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(T.Image, { ref: a, className: o("aspect-square h-full w-full", r), ...t }));
+Ge.displayName = T.Image?.displayName || "AvatarImage";
+const Be = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  T.Fallback,
+  {
+    ref: a,
+    className: o("bg-muted flex h-full w-full items-center justify-center rounded-full", r),
+    ...t
+  }
+));
+Be.displayName = T.Fallback?.displayName || "AvatarFallback";
+const Me = R("flex-row items-center rounded-md border px-2 py-0.5", {
+  variants: {
+    variant: {
+      default: "border-transparent bg-primary",
+      secondary: "border-transparent bg-secondary",
+      destructive: "border-transparent bg-destructive",
+      outline: "border-border bg-transparent"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), Ue = R("text-xs font-semibold", {
+  variants: {
+    variant: {
+      default: "text-primary-foreground",
+      secondary: "text-secondary-foreground",
+      destructive: "text-destructive-foreground",
+      outline: "text-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Yt({ className: r, textClassName: t, variant: a, children: n, ...d }) {
+  return /* @__PURE__ */ e(s, { className: o(Me({ variant: a }), r), ...d, children: V(n, l, {
+    className: o(Ue({ variant: a }), t)
+  }) });
+}
+const Zt = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "breadcrumb is not yet implemented for React Native" }) }), er = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "calendar is not yet implemented for React Native" }) }), qe = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(s, { ref: a, className: o("border-border bg-card rounded-xl border shadow-sm", r), ...t }));
+qe.displayName = "Card";
+const Ee = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(s, { ref: a, className: o("flex flex-col space-y-1.5 p-6", r), ...t })
+);
+Ee.displayName = "CardHeader";
+const We = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    l,
+    {
+      ref: a,
+      className: o("text-card-foreground text-lg leading-none font-semibold tracking-tight", r),
+      ...t
+    }
+  )
+);
+We.displayName = "CardTitle";
+const $e = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(l, { ref: a, className: o("text-muted-foreground text-sm", r), ...t })
+);
+$e.displayName = "CardDescription";
+const Xe = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(s, { ref: a, className: o("p-6 pt-0", r), ...t, children: V(t.children, l, { className: "text-sm text-card-foreground" }) })
+);
+Xe.displayName = "CardContent";
+const _e = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(s, { ref: a, className: o("flex flex-row items-center p-6 pt-0", r), ...t })
+);
+_e.displayName = "CardFooter";
+const tr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "carousel is not yet implemented for React Native" }) }), rr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "chart is not yet implemented for React Native" }) }), Je = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  F.Root,
+  {
+    ref: a,
+    className: o(
+      "web:peer native:h-[20] native:w-[20] native:rounded border-primary web:ring-offset-background web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 h-4 w-4 shrink-0 rounded-sm border disabled:cursor-not-allowed disabled:opacity-50",
+      t.checked && "bg-primary",
+      r
+    ),
+    ...t,
+    children: /* @__PURE__ */ e(F.Indicator, { className: o("h-full w-full items-center justify-center"), children: /* @__PURE__ */ e(E, { size: 12, strokeWidth: P.OS === "web" ? 2.5 : 3.5, className: "text-primary-foreground" }) })
+  }
+));
+Je.displayName = F.Root?.displayName || "Checkbox";
+const ar = B.Root, or = B.Trigger, ir = B.Content, nr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "command is not yet implemented for React Native" }) }), sr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "context-menu is not yet implemented for React Native" }) }), lr = c.Root, dr = c.Trigger, Ke = c.Portal, cr = c.Close, K = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(c.Overlay, { style: A.absoluteFill, asChild: !0, ref: a, ...t, children: /* @__PURE__ */ e(
+  y.View,
+  {
+    entering: v.duration(150),
+    exiting: w.duration(150),
+    className: o("z-50 flex items-center justify-center bg-black/80 p-2", r)
+  }
+) }));
+K.displayName = c.Overlay?.displayName || "DialogOverlay";
+const Qe = i.forwardRef(
+  ({ className: r, children: t, portalHost: a, overlayClassName: n, overlayStyle: d, ...f }, u) => /* @__PURE__ */ g(Ke, { hostName: a, children: [
+    /* @__PURE__ */ e(K, { className: n, style: d }),
+    /* @__PURE__ */ e(c.Content, { ref: u, asChild: !0, ...f, children: /* @__PURE__ */ g(
+      y.View,
+      {
+        entering: v.duration(150),
+        exiting: w.duration(150),
+        className: o(
+          "border-border bg-background z-50 w-full max-w-lg gap-4 rounded-xl border p-6 shadow-lg sm:rounded-lg",
+          r
+        ),
+        children: [
+          t,
+          /* @__PURE__ */ g(
+            c.Close,
+            {
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",
+              children: [
+                /* @__PURE__ */ e(G, { size: 18, className: "text-muted-foreground" }),
+                /* @__PURE__ */ e(s, { className: "sr-only", children: /* @__PURE__ */ e(c.Title, { children: "Close" }) })
+              ]
+            }
+          )
+        ]
+      }
+    ) })
+  ] })
+);
+Qe.displayName = c.Content?.displayName || "DialogContent";
+const Ye = ({ className: r, ...t }) => /* @__PURE__ */ e(s, { className: o("flex flex-col gap-1.5 text-center sm:text-left", r), ...t });
+Ye.displayName = "DialogHeader";
+const Ze = ({ className: r, ...t }) => /* @__PURE__ */ e(s, { className: o("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", r), ...t });
+Ze.displayName = "DialogFooter";
+const et = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  c.Title,
+  {
+    ref: a,
+    className: o("native:text-xl text-foreground text-lg leading-none font-semibold tracking-tight", r),
+    ...t
+  }
+));
+et.displayName = c.Title?.displayName || "DialogTitle";
+const tt = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  c.Description,
+  {
+    ref: a,
+    className: o("native:text-base text-muted-foreground text-sm", r),
+    ...t
+  }
+));
+tt.displayName = c.Description?.displayName || "DialogDescription";
+const mr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "drawer is not yet implemented for React Native" }) }), fr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "dropdown-menu is not yet implemented for React Native" }) }), ur = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "form is not yet implemented for React Native" }) }), pr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "hover-card is not yet implemented for React Native" }) }), rt = i.forwardRef(
+  ({ className: r, placeholderClassName: t, ...a }, n) => /* @__PURE__ */ e(
+    q,
+    {
+      ref: n,
+      className: o(
+        "border-input text-foreground placeholder:text-muted-foreground focus:border-ring flex h-10 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-sm transition-colors disabled:opacity-50",
+        r
+      ),
+      placeholderClassName: o("text-muted-foreground", t),
+      ...a
+    }
+  )
+);
+rt.displayName = "Input";
+const at = i.forwardRef(({ className: r, onPress: t, onLongPress: a, onPressIn: n, onPressOut: d, ...f }, u) => /* @__PURE__ */ e(
+  O.Root,
+  {
+    className: "web:cursor-default",
+    onPress: t,
+    onLongPress: a,
+    onPressIn: n,
+    onPressOut: d,
+    children: /* @__PURE__ */ e(
+      O.Text,
+      {
+        ref: u,
+        className: o(
+          "text-foreground native:text-base web:peer-disabled:cursor-not-allowed web:peer-disabled:opacity-70 text-sm leading-none font-medium",
+          r
+        ),
+        ...f
+      }
+    )
+  }
+));
+at.displayName = O.Root?.displayName || "Label";
+const gr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "menubar is not yet implemented for React Native" }) }), br = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "navigation-menu is not yet implemented for React Native" }) }), hr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "pagination is not yet implemented for React Native" }) }), yr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "popover is not yet implemented for React Native" }) }), xr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "progress is not yet implemented for React Native" }) }), ot = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(D.Root, { className: o("web:grid gap-2", r), ...t, ref: a })
+);
+ot.displayName = D.Root?.displayName || "RadioGroup";
+const it = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    D.Item,
+    {
+      ref: a,
+      className: o(
+        "native:h-5 native:w-5 border-primary text-primary web:ring-offset-background web:focus:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 aspect-square h-4 w-4 rounded-full border",
+        t.disabled && "web:cursor-not-allowed opacity-50",
+        r
+      ),
+      ...t,
+      children: /* @__PURE__ */ e(D.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(ne, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  )
+);
+it.displayName = D.Item?.displayName || "RadioGroupItem";
+const Nr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "ResizablePanelGroup is not yet implemented for React Native" }) }), wr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "ResizablePanel is not yet implemented for React Native" }) }), vr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "ResizableHandle is not yet implemented for React Native" }) }), Rr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "scroll-area is not yet implemented for React Native" }) }), Tr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "Search is not yet implemented for React Native" }) }), Cr = m.Root, Sr = m.Group, Dr = m.Value, nt = i.forwardRef(
+  ({ className: r, children: t, ...a }, n) => /* @__PURE__ */ g(
+    m.Trigger,
+    {
+      ref: n,
+      className: o(
+        "native:h-12 border-input bg-background text-muted-foreground web:ring-offset-background web:focus:outline-none web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 flex h-10 flex-row items-center justify-between rounded-md border px-3 py-2 text-sm [&>span]:line-clamp-1",
+        a.disabled && "web:cursor-not-allowed opacity-50",
+        r
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ e(H, { children: t }),
+        /* @__PURE__ */ e(L, { size: 16, "aria-hidden": !0, className: "text-foreground opacity-50" })
+      ]
+    }
+  )
+);
+nt.displayName = m.Trigger?.displayName || "SelectTrigger";
+const Q = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  m.ScrollUpButton,
+  {
+    ref: a,
+    className: o("flex cursor-default items-center justify-center py-1", r),
+    ...t,
+    children: /* @__PURE__ */ e(se, { size: 14, className: "text-foreground" })
+  }
+));
+Q.displayName = m.ScrollUpButton?.displayName || "SelectScrollUpButton";
+const Y = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  m.ScrollDownButton,
+  {
+    ref: a,
+    className: o("flex cursor-default items-center justify-center py-1", r),
+    ...t,
+    children: /* @__PURE__ */ e(L, { size: 14, className: "text-foreground" })
+  }
+));
+Y.displayName = m.ScrollDownButton?.displayName || "SelectScrollDownButton";
+const st = i.forwardRef(
+  ({ className: r, children: t, position: a = "popper", portalHost: n, overlayClassName: d, overlayStyle: f, ...u }, h) => {
+    const { open: S } = m.useRootContext();
+    return /* @__PURE__ */ g(m.Portal, { hostName: n, children: [
+      /* @__PURE__ */ e(m.Overlay, { style: P.OS !== "web" ? A.absoluteFill : void 0, asChild: !0, children: /* @__PURE__ */ e(y.View, { className: d, style: f }) }),
+      /* @__PURE__ */ g(
+        m.Content,
+        {
+          ref: h,
+          className: o(
+            "border-border bg-popover 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 relative z-50 max-h-96 min-w-[8rem] rounded-md border shadow-md",
+            a === "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",
+            S ? "web:zoom-in-95 web:animate-in web:fade-in-0" : "web:zoom-out-95 web:animate-out web:fade-out-0",
+            r
+          ),
+          position: a,
+          ...u,
+          children: [
+            /* @__PURE__ */ e(Q, {}),
+            /* @__PURE__ */ e(
+              m.Viewport,
+              {
+                className: o(
+                  "p-1",
+                  a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+                ),
+                children: t
+              }
+            ),
+            /* @__PURE__ */ e(Y, {})
+          ]
+        }
+      )
+    ] });
+  }
+);
+st.displayName = m.Content?.displayName || "SelectContent";
+const lt = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    m.Label,
+    {
+      ref: a,
+      className: o("text-popover-foreground py-1.5 pr-2 pl-8 text-sm font-semibold", r),
+      ...t
+    }
+  )
+);
+lt.displayName = m.Label?.displayName || "SelectLabel";
+const dt = i.forwardRef(
+  ({ className: r, children: t, label: a, ...n }, d) => {
+    const f = a || (typeof t == "string" ? t : "");
+    return /* @__PURE__ */ g(
+      m.Item,
+      {
+        ref: d,
+        label: f,
+        className: o(
+          "web:hover:bg-accent/50 web:focus:bg-accent web:focus:text-accent-foreground web:hover:text-accent-foreground relative flex w-full cursor-default flex-row items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:opacity-50",
+          n.disabled && "web:pointer-events-none",
+          r
+        ),
+        ...n,
+        children: [
+          /* @__PURE__ */ e(
+            s,
+            {
+              className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+              children: /* @__PURE__ */ e(m.ItemIndicator, { children: /* @__PURE__ */ e(E, { size: 14, strokeWidth: 3, className: "text-popover-foreground" }) })
+            }
+          ),
+          /* @__PURE__ */ e(m.ItemText, { className: "text-popover-foreground native:text-base text-sm", children: t })
+        ]
+      }
+    );
+  }
+);
+dt.displayName = m.Item?.displayName || "SelectItem";
+const ct = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    m.Separator,
+    {
+      ref: a,
+      className: o("bg-muted -mx-1 my-1 h-px", r),
+      ...t
+    }
+  )
+);
+ct.displayName = m.Separator?.displayName || "SelectSeparator";
+const mt = i.forwardRef(({ className: r, orientation: t = "horizontal", decorative: a = !0, ...n }, d) => /* @__PURE__ */ e(
+  $.Root,
+  {
+    ref: d,
+    decorative: a,
+    orientation: t,
+    className: o("bg-border shrink-0", t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", r),
+    ...n
+  }
+));
+mt.displayName = $.Root?.displayName || "Separator";
+const U = i.createContext(void 0), ft = R("text-foreground", {
+  variants: {
+    variant: {
+      h1: "text-4xl font-extrabold tracking-tight",
+      h2: "text-3xl font-semibold tracking-tight",
+      h3: "text-2xl font-semibold tracking-tight",
+      h4: "text-xl font-semibold tracking-tight",
+      body: "text-base leading-7",
+      bodySmall: "text-sm leading-6",
+      caption: "text-xs text-muted-foreground",
+      label: "text-sm font-medium",
+      overline: "text-xs font-semibold uppercase tracking-widest text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "body"
+  }
+}), C = i.forwardRef(
+  ({ className: r, variant: t = "body", children: a, ...n }, d) => /* @__PURE__ */ e(l, { ref: d, className: o(ft({ variant: t, className: r })), ...n, children: a })
+);
+C.displayName = "Text";
+const kr = c.Root, Ar = c.Trigger, Pr = c.Close, ut = c.Portal, Z = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  c.Overlay,
+  {
+    style: P.OS !== "web" ? A.absoluteFill : void 0,
+    asChild: !0,
+    ref: a,
+    ...t,
+    children: /* @__PURE__ */ e(
+      y.View,
+      {
+        entering: v.duration(150),
+        exiting: w.duration(150),
+        className: o("web:cursor-default absolute inset-0 z-50 bg-black/80", r)
+      }
+    )
+  }
+));
+Z.displayName = c.Overlay?.displayName || "SheetOverlay";
+const pt = i.forwardRef(
+  ({ className: r, children: t, side: a = "right", overlayClassName: n, overlayStyle: d, ...f }, u) => {
+    const h = P.OS === "web", S = h ? void 0 : fe, te = h ? void 0 : me;
+    return /* @__PURE__ */ g(ut, { children: [
+      /* @__PURE__ */ e(Z, { className: n, style: d }),
+      /* @__PURE__ */ e(c.Content, { ref: u, asChild: !0, ...f, children: /* @__PURE__ */ g(
+        y.View,
+        {
+          entering: S,
+          exiting: te,
+          className: o(
+            "bg-background web:cursor-default web:duration-200 web:ease-in-out absolute z-50 h-full w-3/4 gap-4 p-6 shadow-lg",
+            a === "right" && "border-border data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right top-0 right-0 border-l",
+            a === "left" && "border-border data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left top-0 left-0 border-r",
+            a === "top" && "border-border data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top top-0 w-full border-b",
+            a === "bottom" && "border-border data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom bottom-0 w-full border-t",
+            r
+          ),
+          children: [
+            t,
+            /* @__PURE__ */ g(
+              c.Close,
+              {
+                className: o(
+                  "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",
+                  "web:absolute web:right-4 web:top-4"
+                ),
+                children: [
+                  /* @__PURE__ */ e(G, { size: 24, className: "text-muted-foreground" }),
+                  /* @__PURE__ */ e(C, { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+pt.displayName = c.Content?.displayName || "SheetContent";
+const gt = ({ className: r, ...t }) => /* @__PURE__ */ e(s, { className: o("flex flex-col space-y-2 text-center sm:text-left", r), ...t });
+gt.displayName = "SheetHeader";
+const bt = ({ className: r, ...t }) => /* @__PURE__ */ e(s, { className: o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", r), ...t });
+bt.displayName = "SheetFooter";
+const ht = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(c.Title, { ref: a, className: o("text-foreground text-lg font-semibold", r), ...t }));
+ht.displayName = c.Title?.displayName || "SheetTitle";
+const yt = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(c.Description, { ref: a, className: o("text-muted-foreground text-sm", r), ...t }));
+yt.displayName = c.Description?.displayName || "SheetDescription";
+function zr({ className: r, ...t }) {
+  const a = ue(0.5);
+  i.useEffect(() => {
+    a.value = pe(
+      ge(z(0.2, { duration: 500 }), z(0.5, { duration: 500 })),
+      -1,
+      !0
+    );
+  }, []);
+  const n = W(() => ({
+    opacity: a.value
+  }));
+  return /* @__PURE__ */ e(y.View, { className: o("bg-muted rounded-md", r), style: n, ...t });
+}
+const Ir = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "slider is not yet implemented for React Native" }) }), Vr = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "Toaster (Sonner) is not yet implemented for React Native" }) }), xt = i.forwardRef(
+  ({ className: r, checked: t, onCheckedChange: a, ...n }, d) => /* @__PURE__ */ e(
+    j.Root,
+    {
+      className: o(
+        "peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-6 w-11 shrink-0 cursor-pointer flex-row items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+        r
+      ),
+      ...n,
+      checked: t ?? !1,
+      onCheckedChange: a || (() => {
+      }),
+      ref: d,
+      children: /* @__PURE__ */ e(
+        j.Thumb,
+        {
+          className: o(
+            "bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  )
+);
+xt.displayName = j.Root?.displayName || "Switch";
+const Nt = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(s, { ref: a, className: o("w-full caption-bottom text-sm", r), ...t })
+);
+Nt.displayName = "Table";
+const wt = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(s, { ref: a, className: o("border-border border-b", r), ...t })
+);
+wt.displayName = "TableHeader";
+const vt = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(s, { ref: a, className: o("flex-1", r), ...t })
+);
+vt.displayName = "TableBody";
+const Rt = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(s, { ref: a, className: o("bg-muted/50 font-medium [&>tr]:last:border-b-0", r), ...t })
+);
+Rt.displayName = "TableFooter";
+const Tt = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    s,
+    {
+      ref: a,
+      className: o(
+        "border-border hover:bg-muted/50 data-[state=selected]:bg-muted flex-row border-b transition-colors",
+        r
+      ),
+      ...t
+    }
+  )
+);
+Tt.displayName = "TableRow";
+const Ct = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    C,
+    {
+      ref: a,
+      className: o(
+        "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
+        r
+      ),
+      ...t
+    }
+  )
+);
+Ct.displayName = "TableHead";
+const St = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(C, { ref: a, className: o("p-4 align-middle [&:has([role=checkbox])]:pr-0", r), ...t })
+);
+St.displayName = "TableCell";
+const Dt = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(C, { ref: a, className: o("text-muted-foreground mt-4 text-sm", r), ...t })
+);
+Dt.displayName = "TableCaption";
+const Fr = N.Root, kt = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    N.List,
+    {
+      ref: a,
+      className: o(
+        "bg-muted text-muted-foreground inline-flex h-10 flex-row items-center justify-center rounded-md p-1",
+        r
+      ),
+      ...t
+    }
+  )
+);
+kt.displayName = N.List?.displayName || "TabsList";
+const At = i.forwardRef(
+  ({ className: r, ...t }, a) => {
+    const { value: n } = N.useRootContext();
+    return /* @__PURE__ */ e(
+      U.Provider,
+      {
+        value: o(
+          "text-sm native:text-base font-medium text-muted-foreground web:transition-all",
+          n === t.value && "text-foreground"
+        ),
+        children: /* @__PURE__ */ e(
+          N.Trigger,
+          {
+            ref: a,
+            className: o(
+              "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
+              t.disabled && "opacity-50",
+              n === t.value && "bg-background shadow-foreground/10 shadow-sm",
+              r
+            ),
+            ...t
+          }
+        )
+      }
+    );
+  }
+);
+At.displayName = N.Trigger?.displayName || "TabsTrigger";
+const Pt = i.forwardRef(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
+    N.Content,
+    {
+      ref: a,
+      className: o(
+        "ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
+        r
+      ),
+      ...t
+    }
+  )
+);
+Pt.displayName = N.Content?.displayName || "TabsContent";
+const zt = i.forwardRef(
+  ({ className: r, placeholderClassName: t, ...a }, n) => /* @__PURE__ */ e(
+    q,
+    {
+      ref: n,
+      multiline: !0,
+      numberOfLines: a.numberOfLines || 3,
+      className: o(
+        "border-input bg-background text-foreground placeholder:text-muted-foreground focus:border-ring flex min-h-[80px] w-full rounded-md border px-3 py-2 text-base shadow-sm transition-colors disabled:opacity-50",
+        r
+      ),
+      placeholderClassName: o("text-muted-foreground", t),
+      textAlignVertical: "top",
+      ...a
+    }
+  )
+);
+zt.displayName = "Textarea";
+const It = i.forwardRef(
+  ({ className: r, variant: t, size: a, ...n }, d) => /* @__PURE__ */ e(
+    U.Provider,
+    {
+      value: o(
+        "text-sm native:text-base text-foreground font-medium",
+        n.pressed && "text-accent-foreground",
+        r
+      ),
+      children: /* @__PURE__ */ e(
+        _.Root,
+        {
+          ref: d,
+          className: o(X({ variant: t, size: a, className: r })),
+          ...n,
+          pressed: n.pressed || !1,
+          onPressedChange: n.onPressedChange || (() => {
+          })
+        }
+      )
+    }
+  )
+);
+It.displayName = _.Root?.displayName || "Toggle";
+const ee = i.createContext({
+  size: "default",
+  variant: "default"
+}), Vt = i.forwardRef(
+  ({ className: r, variant: t, size: a, children: n, type: d, value: f, onValueChange: u, ...h }, S) => /* @__PURE__ */ e(
+    I.Root,
+    {
+      ref: S,
+      type: d,
+      value: f,
+      onValueChange: u,
+      className: o("flex flex-row items-center justify-center gap-1", r),
+      ...h,
+      children: /* @__PURE__ */ e(ee.Provider, { value: { variant: t, size: a }, children: n })
+    }
+  )
+);
+Vt.displayName = I.Root?.displayName || "ToggleGroup";
+const Ft = i.forwardRef(
+  ({ className: r, children: t, variant: a, size: n, value: d, ...f }, u) => {
+    const h = i.useContext(ee);
+    return /* @__PURE__ */ e(
+      U.Provider,
+      {
+        value: o(
+          "text-sm native:text-base text-foreground font-medium",
+          f.disabled && "web:cursor-not-allowed opacity-50",
+          d === "" && "text-accent-foreground",
+          r
+        ),
+        children: /* @__PURE__ */ e(
+          I.Item,
+          {
+            ref: u,
+            value: d,
+            className: o(
+              X({
+                variant: h.variant || a,
+                size: h.size || n
+              }),
+              r
+            ),
+            ...f,
+            children: t
+          }
+        )
+      }
+    );
+  }
+);
+Ft.displayName = I.Item?.displayName || "ToggleGroupItem";
+const Or = k.Root, jr = k.Trigger, Ot = i.forwardRef(
+  ({ className: r, portalHost: t, ...a }, n) => /* @__PURE__ */ e(k.Portal, { hostName: t, children: /* @__PURE__ */ e(k.Overlay, { style: P.OS !== "web" ? A.absoluteFill : void 0, children: /* @__PURE__ */ e(
+    y.View,
+    {
+      entering: v,
+      exiting: w,
+      className: o(
+        "border-border bg-popover web:animate-in web:fade-in-0 web: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 z-50 overflow-hidden rounded-md border px-3 py-1.5 shadow-md",
+        r
+      ),
+      children: /* @__PURE__ */ e(C, { className: "text-popover-foreground native:text-base text-sm", children: a.children })
+    }
+  ) }) })
+);
+Ot.displayName = k.Content?.displayName || "TooltipContent";
+const Hr = ({ children: r }) => /* @__PURE__ */ e(H, { children: r }), jt = i.forwardRef(({ className: r, variant: t = "default", ...a }, n) => /* @__PURE__ */ e(
+  x.Root,
+  {
+    ref: n,
+    className: o(
+      "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg",
+      t === "default" ? "border-border bg-background" : "border-destructive bg-destructive",
+      r
+    ),
+    ...a,
+    children: /* @__PURE__ */ e(y.View, { entering: ye, exiting: he, layout: be, className: "w-full flex-row items-center", children: a.children })
+  }
+));
+jt.displayName = x.Root.displayName;
+const Ht = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(x.Title, { ref: a, className: o("text-foreground text-sm font-semibold", r), ...t }));
+Ht.displayName = x.Title.displayName;
+const Lt = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  x.Description,
+  {
+    ref: a,
+    className: o("text-muted-foreground text-sm opacity-90", r),
+    ...t
+  }
+));
+Lt.displayName = x.Description.displayName;
+const Gt = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  x.Close,
+  {
+    ref: a,
+    className: o(
+      "text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100 focus:ring-1 focus:outline-none",
+      r
+    ),
+    ...t,
+    children: /* @__PURE__ */ e(G, { size: 16, className: "text-muted-foreground" })
+  }
+));
+Gt.displayName = x.Close.displayName;
+const Bt = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
+  x.Action,
+  {
+    ref: a,
+    className: o(
+      "hover:bg-secondary focus:ring-ring inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50",
+      r
+    ),
+    ...t
+  }
+));
+Bt.displayName = x.Action.displayName;
+function Lr({ children: r }) {
+  return /* @__PURE__ */ e(s, { style: { flex: 1 }, children: r });
+}
+function Gr() {
+  return /* @__PURE__ */ e(ae, { onPress: () => {
+  }, children: /* @__PURE__ */ e(s, { style: { padding: 10, backgroundColor: "#eee", borderRadius: 5 }, children: /* @__PURE__ */ e(l, { children: "Toggle Theme" }) }) });
+}
+function Br() {
+  return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "Toaster is not yet implemented for React Native" }) });
+}
+export {
+  xe as Accordion,
+  Re as AccordionContent,
+  Ne as AccordionItem,
+  ve as AccordionTrigger,
+  Ce as Alert,
+  De as AlertDescription,
+  Jt as AlertDialog,
+  je as AlertDialogAction,
+  He as AlertDialogCancel,
+  ze as AlertDialogContent,
+  Oe as AlertDialogDescription,
+  Ve as AlertDialogFooter,
+  Ie as AlertDialogHeader,
+  J as AlertDialogOverlay,
+  Pe as AlertDialogPortal,
+  Fe as AlertDialogTitle,
+  Kt as AlertDialogTrigger,
+  Se as AlertTitle,
+  Qt as AspectRatio,
+  Le as Avatar,
+  Be as AvatarFallback,
+  Ge as AvatarImage,
+  Yt as Badge,
+  Zt as Breadcrumb,
+  Ae as Button,
+  er as Calendar,
+  qe as Card,
+  Xe as CardContent,
+  $e as CardDescription,
+  _e as CardFooter,
+  Ee as CardHeader,
+  We as CardTitle,
+  tr as Carousel,
+  rr as Chart,
+  Je as Checkbox,
+  ar as Collapsible,
+  ir as CollapsibleContent,
+  or as CollapsibleTrigger,
+  nr as Command,
+  sr as ContextMenu,
+  lr as Dialog,
+  cr as DialogClose,
+  Qe as DialogContent,
+  tt as DialogDescription,
+  Ze as DialogFooter,
+  Ye as DialogHeader,
+  et as DialogTitle,
+  dr as DialogTrigger,
+  mr as Drawer,
+  fr as DropdownMenu,
+  ur as Form,
+  pr as HoverCard,
+  rt as Input,
+  at as Label,
+  gr as Menubar,
+  br as NavigationMenu,
+  hr as Pagination,
+  yr as Popover,
+  xr as Progress,
+  ot as RadioGroup,
+  it as RadioGroupItem,
+  vr as ResizableHandle,
+  wr as ResizablePanel,
+  Nr as ResizablePanelGroup,
+  Rr as ScrollArea,
+  Tr as Search,
+  Cr as Select,
+  st as SelectContent,
+  Sr as SelectGroup,
+  dt as SelectItem,
+  lt as SelectLabel,
+  Y as SelectScrollDownButton,
+  Q as SelectScrollUpButton,
+  ct as SelectSeparator,
+  nt as SelectTrigger,
+  Dr as SelectValue,
+  mt as Separator,
+  kr as Sheet,
+  Pr as SheetClose,
+  pt as SheetContent,
+  yt as SheetDescription,
+  bt as SheetFooter,
+  gt as SheetHeader,
+  Z as SheetOverlay,
+  ut as SheetPortal,
+  ht as SheetTitle,
+  Ar as SheetTrigger,
+  zr as Skeleton,
+  Ir as Slider,
+  Vr as Sonner,
+  xt as Switch,
+  Nt as Table,
+  vt as TableBody,
+  Dt as TableCaption,
+  St as TableCell,
+  Rt as TableFooter,
+  Ct as TableHead,
+  wt as TableHeader,
+  Tt as TableRow,
+  Fr as Tabs,
+  Pt as TabsContent,
+  kt as TabsList,
+  At as TabsTrigger,
+  C as Text,
+  zt as Textarea,
+  Lr as ThemeProvider,
+  Gr as ThemeToggle,
+  jt as Toast,
+  Br as Toaster,
+  It as Toggle,
+  Vt as ToggleGroup,
+  Ft as ToggleGroupItem,
+  Or as Tooltip,
+  Ot as TooltipContent,
+  Hr as TooltipProvider,
+  jr as TooltipTrigger,
+  Me as badgeVariants,
+  M as buttonVariants,
+  o as cn,
+  ft as textVariants,
+  qr as toggleVariants,
+  V as wrapTextChildren
+};