npm - @gv-tech/ui-native - Versions diffs - 2.15.2 → 2.17.0 - Mend

@gv-tech/ui-native 2.15.2 → 2.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/README.md +1 -1
package/dist/index.d.ts +101 -3
package/dist/ui-native.mjs +1053 -693
package/package.json +1 -1
package/src/index.ts +17 -1
package/src/lib/utils.ts +10 -0
package/src/popover.tsx +82 -6
package/src/progress.tsx +22 -8
package/src/scroll-to-top.tsx +186 -0
package/src/support-fab.tsx +144 -0
package/src/table-of-contents.tsx +240 -0
package/src/tabs.tsx +6 -3
package/src/toast.tsx +5 -5
package/src/tooltip.tsx +16 -22

package/dist/ui-native.mjs CHANGED Viewed

@@ -1,79 +1,82 @@
-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);
+import { jsx as r, jsxs as g, Fragment as W } from "react/jsx-runtime";
+import * as a from "react";
+import { Text as m, View as i, Pressable as $, StyleSheet as U, Platform as H, TextInput as ie, Modal as Se, Animated as P, AccessibilityInfo as ke, Linking as Ae, TouchableOpacity as le, ScrollView as De } from "react-native";
+import { clsx as Pe } from "clsx";
+import { twMerge as Oe } from "tailwind-merge";
+import * as T from "@rn-primitives/accordion";
+import { ChevronDown as Z, Check as de, X as ee, Circle as Ie, ChevronUp as Ve, ArrowUp as ze, Coffee as He, ExternalLink as Fe } from "lucide-react-native";
+import k, { useDerivedValue as je, withTiming as Y, useAnimatedStyle as ce, interpolate as Le, Extrapolation as Be, FadeOut as j, FadeIn as L, SlideOutRight as Ee, SlideInRight as Ge, useSharedValue as Me, withRepeat as Ue, withSequence as $e, Layout as Ye, FadeOutDown as qe, FadeInUp as We } from "react-native-reanimated";
+import { cva as B } from "class-variance-authority";
+import * as N from "@rn-primitives/alert-dialog";
+import * as E from "@rn-primitives/avatar";
+import * as J from "@rn-primitives/checkbox";
+import * as te from "@rn-primitives/collapsible";
+import * as u from "@rn-primitives/dialog";
+import * as K from "@rn-primitives/label";
+import * as G from "@rn-primitives/radio-group";
+import * as p from "@rn-primitives/select";
+import * as me from "@rn-primitives/separator";
+import * as Q from "@rn-primitives/switch";
+import * as F from "@rn-primitives/tabs";
+import { toggleVariants as ue } from "@gv-tech/ui-core";
+import { toggleVariants as So } from "@gv-tech/ui-core";
+import * as fe from "@rn-primitives/toggle";
+import * as X from "@rn-primitives/toggle-group";
+import * as M from "@rn-primitives/tooltip";
+import * as A from "@rn-primitives/toast";
+function _(t, e = m, o = {}) {
+  return a.Children.map(t, (s) => typeof s == "string" || typeof s == "number" ? /* @__PURE__ */ r(e, { ...o, children: s }) : s);
 }
-function o(...r) {
-  return ie(oe(r));
+function n(...t) {
+  return Oe(Pe(t));
 }
-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)
+function Xe(t) {
+  return t.toString().toLowerCase().trim().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-");
+}
+const _e = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(T.Root, { ref: o, className: n("web:gap-0", t), ...e }));
+_e.displayName = T.Root?.displayName || "Accordion";
+const Je = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(T.Item, { ref: o, className: n("border-border overflow-hidden border-b", t), ...e }));
+Je.displayName = T.Item?.displayName || "AccordionItem";
+const Ke = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(T.Header, { ref: o, className: n("flex flex-row", t), ...e }));
+Ke.displayName = T.Header?.displayName || "AccordionHeader";
+const Qe = a.forwardRef(({ className: t, children: e, ...o }, s) => {
+  const { isExpanded: l } = T.useItemContext(), d = je(
+    () => l ? Y(1, { duration: 250 }) : Y(0, { duration: 200 })
+  ), c = ce(() => ({
+    transform: [{ rotate: `${d.value * 180}deg` }],
+    opacity: Le(d.value, [0, 1], [1, 0.8], Be.CLAMP)
   }));
-  return /* @__PURE__ */ e(b.Header, { className: "flex", children: /* @__PURE__ */ g(
-    b.Trigger,
+  return /* @__PURE__ */ r(T.Header, { className: "flex", children: /* @__PURE__ */ g(
+    T.Trigger,
     {
-      ref: n,
-      className: o(
+      ref: s,
+      className: n(
         "flex flex-row items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-        r
+        t
       ),
-      ...a,
+      ...o,
       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" }) })
+        /* @__PURE__ */ r(W, { children: e }),
+        /* @__PURE__ */ r(k.View, { style: c, children: /* @__PURE__ */ r(Z, { 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,
+Qe.displayName = T.Trigger?.displayName || "AccordionTrigger";
+const Ze = a.forwardRef(({ className: t, children: e, ...o }, s) => /* @__PURE__ */ r(
+  T.Content,
   {
-    ref: n,
-    className: o(
+    ref: s,
+    className: n(
       "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
-      r
+      t
     ),
-    ...a,
-    children: /* @__PURE__ */ e(s, { className: o("pt-0 pb-4", r), children: t })
+    ...o,
+    children: /* @__PURE__ */ r(i, { className: n("pt-0 pb-4", t), children: e })
   }
 ));
-Re.displayName = b.Content?.displayName || "AccordionContent";
-const Te = R("relative w-full rounded-lg border p-4", {
+Ze.displayName = T.Content?.displayName || "AccordionContent";
+const et = B("relative w-full rounded-lg border p-4", {
   variants: {
     variant: {
       default: "bg-background border-border",
@@ -85,24 +88,24 @@ const Te = R("relative w-full rounded-lg border p-4", {
   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,
+}), tt = a.forwardRef(({ className: t, variant: e, children: o, ...s }, l) => /* @__PURE__ */ r(i, { ref: l, className: n(et({ variant: e }), t), ...s, children: _(o) }));
+tt.displayName = "Alert";
+const rt = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(
+    m,
     {
-      ref: a,
-      className: o("text-foreground mb-1 leading-none font-medium tracking-tight", r),
-      ...t
+      ref: o,
+      className: n("text-foreground mb-1 leading-none font-medium tracking-tight", t),
+      ...e
     }
   )
 );
-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 })
+rt.displayName = "AlertTitle";
+const ot = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(m, { ref: o, className: n("text-muted-foreground text-sm leading-relaxed", t), ...e })
 );
-De.displayName = "AlertDescription";
-const M = R(
+ot.displayName = "AlertDescription";
+const re = B(
   "flex-row items-center justify-center gap-2 rounded-md transition-colors active:opacity-80",
   {
     variants: {
@@ -126,7 +129,7 @@ const M = R(
       size: "default"
     }
   }
-), ke = R("text-sm font-medium", {
+), at = B("text-sm font-medium", {
   variants: {
     variant: {
       default: "text-primary-foreground",
@@ -140,100 +143,100 @@ const M = R(
   defaultVariants: {
     variant: "default"
   }
-}), Ae = i.forwardRef(
-  ({ className: r, variant: t, size: a, onPress: n, children: d, disabled: f, ...u }, h) => /* @__PURE__ */ e(
-    re,
+}), q = a.forwardRef(
+  ({ className: t, variant: e, size: o, onPress: s, children: l, disabled: d, ...c }, f) => /* @__PURE__ */ r(
+    $,
     {
-      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 }))
+      ref: f,
+      onPress: s,
+      disabled: d,
+      className: n(re({ variant: e, size: o, className: t }), d && "opacity-50"),
+      ...c,
+      children: _(l, m, {
+        className: n(at({ variant: e }))
       })
     }
   )
 );
-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,
+q.displayName = "Button";
+const zr = N.Root, Hr = N.Trigger, nt = N.Portal, pe = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(N.Overlay, { style: U.absoluteFill, asChild: !0, ref: o, ...e, children: /* @__PURE__ */ r(
+  k.View,
   {
-    entering: v.duration(150),
-    exiting: w.duration(150),
-    className: o("z-50 flex items-center justify-center bg-black/80 p-2", r)
+    entering: L.duration(150),
+    exiting: j.duration(150),
+    className: n("z-50 flex items-center justify-center bg-black/80 p-2", t)
   }
 ) }));
-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,
+pe.displayName = N.Overlay?.displayName || "AlertDialogOverlay";
+const st = a.forwardRef(({ className: t, portalHost: e, overlayClassName: o, overlayStyle: s, ...l }, d) => /* @__PURE__ */ g(nt, { hostName: e, children: [
+  /* @__PURE__ */ r(pe, { className: o, style: s }),
+  /* @__PURE__ */ r(N.Content, { ref: d, asChild: !0, ...l, children: /* @__PURE__ */ r(
+    k.View,
     {
-      entering: v.duration(150),
-      exiting: w.duration(150),
-      className: o(
+      entering: L.duration(150),
+      exiting: j.duration(150),
+      className: n(
         "border-border bg-background z-50 w-full max-w-lg gap-4 rounded-xl border p-6 shadow-lg sm:rounded-lg",
-        r
+        t
       )
     }
   ) })
 ] }));
-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,
+st.displayName = N.Content?.displayName || "AlertDialogContent";
+const it = ({ className: t, ...e }) => /* @__PURE__ */ r(i, { className: n("flex flex-col gap-2 text-center sm:text-left", t), ...e });
+it.displayName = "AlertDialogHeader";
+const lt = ({ className: t, ...e }) => /* @__PURE__ */ r(i, { className: n("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t), ...e });
+lt.displayName = "AlertDialogFooter";
+const dt = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  N.Title,
   {
-    ref: a,
-    className: o("native:text-xl text-foreground text-lg font-semibold", r),
-    ...t
+    ref: o,
+    className: n("native:text-xl text-foreground text-lg font-semibold", t),
+    ...e
   }
 ));
-Fe.displayName = p.Title?.displayName || "AlertDialogTitle";
-const Oe = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
-  p.Description,
+dt.displayName = N.Title?.displayName || "AlertDialogTitle";
+const ct = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  N.Description,
   {
-    ref: a,
-    className: o("native:text-base text-muted-foreground text-sm", r),
-    ...t
+    ref: o,
+    className: n("native:text-base text-muted-foreground text-sm", t),
+    ...e
   }
 ));
-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,
+ct.displayName = N.Description?.displayName || "AlertDialogDescription";
+const mt = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(N.Action, { ref: o, className: n(re(), t), ...e }));
+mt.displayName = N.Action?.displayName || "AlertDialogAction";
+const ut = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  N.Cancel,
   {
-    ref: a,
-    className: o(M({ variant: "outline" }), "mt-2 sm:mt-0", r),
-    ...t
+    ref: o,
+    className: n(re({ variant: "outline" }), "mt-2 sm:mt-0", t),
+    ...e
   }
 ));
-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,
+ut.displayName = N.Cancel?.displayName || "AlertDialogCancel";
+const Fr = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "aspect-ratio is not yet implemented for React Native" }) }), ft = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  E.Root,
   {
-    ref: a,
-    className: o("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", r),
-    ...t
+    ref: o,
+    className: n("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", t),
+    ...e
   }
 ));
-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,
+ft.displayName = E.Root?.displayName || "Avatar";
+const pt = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(E.Image, { ref: o, className: n("aspect-square h-full w-full", t), ...e }));
+pt.displayName = E.Image?.displayName || "AvatarImage";
+const gt = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  E.Fallback,
   {
-    ref: a,
-    className: o("bg-muted flex h-full w-full items-center justify-center rounded-full", r),
-    ...t
+    ref: o,
+    className: n("bg-muted flex h-full w-full items-center justify-center rounded-full", t),
+    ...e
   }
 ));
-Be.displayName = T.Fallback?.displayName || "AvatarFallback";
-const Me = R("flex-row items-center rounded-md border px-2 py-0.5", {
+gt.displayName = E.Fallback?.displayName || "AvatarFallback";
+const bt = B("flex-row items-center rounded-md border px-2 py-0.5", {
   variants: {
     variant: {
       default: "border-transparent bg-primary",
@@ -245,7 +248,7 @@ const Me = R("flex-row items-center rounded-md border px-2 py-0.5", {
   defaultVariants: {
     variant: "default"
   }
-}), Ue = R("text-xs font-semibold", {
+}), ht = B("text-xs font-semibold", {
   variants: {
     variant: {
       default: "text-primary-foreground",
@@ -258,84 +261,84 @@ const Me = R("flex-row items-center rounded-md border px-2 py-0.5", {
     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)
+function jr({ className: t, textClassName: e, variant: o, children: s, ...l }) {
+  return /* @__PURE__ */ r(i, { className: n(bt({ variant: o }), t), ...l, children: _(s, m, {
+    className: n(ht({ variant: o }), e)
   }) });
 }
-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 })
+const Lr = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "breadcrumb is not yet implemented for React Native" }) }), Br = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "calendar is not yet implemented for React Native" }) }), yt = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(i, { ref: o, className: n("border-border bg-card rounded-xl border shadow-sm", t), ...e }));
+yt.displayName = "Card";
+const xt = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(i, { ref: o, className: n("flex flex-col space-y-1.5 p-6", t), ...e })
 );
-Ee.displayName = "CardHeader";
-const We = i.forwardRef(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    l,
+xt.displayName = "CardHeader";
+const Nt = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(
+    m,
     {
-      ref: a,
-      className: o("text-card-foreground text-lg leading-none font-semibold tracking-tight", r),
-      ...t
+      ref: o,
+      className: n("text-card-foreground text-lg leading-none font-semibold tracking-tight", t),
+      ...e
     }
   )
 );
-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 })
+Nt.displayName = "CardTitle";
+const wt = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(m, { ref: o, className: n("text-muted-foreground text-sm", t), ...e })
 );
-$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" }) })
+wt.displayName = "CardDescription";
+const vt = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(i, { ref: o, className: n("p-6 pt-0", t), ...e, children: _(e.children, m, { 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 })
+vt.displayName = "CardContent";
+const Rt = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(i, { ref: o, className: n("flex flex-row items-center p-6 pt-0", t), ...e })
 );
-_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,
+Rt.displayName = "CardFooter";
+const Er = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "carousel is not yet implemented for React Native" }) }), Gr = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "chart is not yet implemented for React Native" }) }), Tt = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  J.Root,
   {
-    ref: a,
-    className: o(
+    ref: o,
+    className: n(
       "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
+      e.checked && "bg-primary",
+      t
     ),
-    ...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" }) })
+    ...e,
+    children: /* @__PURE__ */ r(J.Indicator, { className: n("h-full w-full items-center justify-center"), children: /* @__PURE__ */ r(de, { size: 12, strokeWidth: H.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,
+Tt.displayName = J.Root?.displayName || "Checkbox";
+const Mr = te.Root, Ur = te.Trigger, $r = te.Content, Yr = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "command is not yet implemented for React Native" }) }), qr = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "context-menu is not yet implemented for React Native" }) }), Ct = u.Root, Wr = u.Trigger, St = u.Portal, Xr = u.Close, ge = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(u.Overlay, { style: U.absoluteFill, asChild: !0, ref: o, ...e, children: /* @__PURE__ */ r(
+  k.View,
   {
-    entering: v.duration(150),
-    exiting: w.duration(150),
-    className: o("z-50 flex items-center justify-center bg-black/80 p-2", r)
+    entering: L.duration(150),
+    exiting: j.duration(150),
+    className: n("z-50 flex items-center justify-center bg-black/80 p-2", t)
   }
 ) }));
-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,
+ge.displayName = u.Overlay?.displayName || "DialogOverlay";
+const be = a.forwardRef(
+  ({ className: t, children: e, portalHost: o, overlayClassName: s, overlayStyle: l, ...d }, c) => /* @__PURE__ */ g(St, { hostName: o, children: [
+    /* @__PURE__ */ r(ge, { className: s, style: l }),
+    /* @__PURE__ */ r(u.Content, { ref: c, asChild: !0, ...d, children: /* @__PURE__ */ g(
+      k.View,
       {
-        entering: v.duration(150),
-        exiting: w.duration(150),
-        className: o(
+        entering: L.duration(150),
+        exiting: j.duration(150),
+        className: n(
           "border-border bg-background z-50 w-full max-w-lg gap-4 rounded-xl border p-6 shadow-lg sm:rounded-lg",
-          r
+          t
         ),
         children: [
-          t,
+          e,
           /* @__PURE__ */ g(
-            c.Close,
+            u.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" }) })
+                /* @__PURE__ */ r(ee, { size: 18, className: "text-muted-foreground" }),
+                /* @__PURE__ */ r(i, { className: "sr-only", children: /* @__PURE__ */ r(u.Title, { children: "Close" }) })
               ]
             }
           )
@@ -344,225 +347,352 @@ const Qe = i.forwardRef(
     ) })
   ] })
 );
-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,
+be.displayName = u.Content?.displayName || "DialogContent";
+const he = ({ className: t, ...e }) => /* @__PURE__ */ r(i, { className: n("flex flex-col gap-1.5 text-center sm:text-left", t), ...e });
+he.displayName = "DialogHeader";
+const kt = ({ className: t, ...e }) => /* @__PURE__ */ r(i, { className: n("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t), ...e });
+kt.displayName = "DialogFooter";
+const ye = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  u.Title,
   {
-    ref: a,
-    className: o("native:text-xl text-foreground text-lg leading-none font-semibold tracking-tight", r),
-    ...t
+    ref: o,
+    className: n("native:text-xl text-foreground text-lg leading-none font-semibold tracking-tight", t),
+    ...e
   }
 ));
-et.displayName = c.Title?.displayName || "DialogTitle";
-const tt = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
-  c.Description,
+ye.displayName = u.Title?.displayName || "DialogTitle";
+const xe = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  u.Description,
   {
-    ref: a,
-    className: o("native:text-base text-muted-foreground text-sm", r),
-    ...t
+    ref: o,
+    className: n("native:text-base text-muted-foreground text-sm", t),
+    ...e
   }
 ));
-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,
+xe.displayName = u.Description?.displayName || "DialogDescription";
+const _r = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "drawer is not yet implemented for React Native" }) }), Jr = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "dropdown-menu is not yet implemented for React Native" }) }), Kr = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "form is not yet implemented for React Native" }) }), Qr = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "hover-card is not yet implemented for React Native" }) }), At = a.forwardRef(
+  ({ className: t, placeholderClassName: e, ...o }, s) => /* @__PURE__ */ r(
+    ie,
     {
-      ref: n,
-      className: o(
+      ref: s,
+      className: n(
         "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
+        t
       ),
-      placeholderClassName: o("text-muted-foreground", t),
-      ...a
+      placeholderClassName: n("text-muted-foreground", e),
+      ...o
     }
   )
 );
-rt.displayName = "Input";
-const at = i.forwardRef(({ className: r, onPress: t, onLongPress: a, onPressIn: n, onPressOut: d, ...f }, u) => /* @__PURE__ */ e(
-  O.Root,
+At.displayName = "Input";
+const Dt = a.forwardRef(({ className: t, onPress: e, onLongPress: o, onPressIn: s, onPressOut: l, ...d }, c) => /* @__PURE__ */ r(
+  K.Root,
   {
     className: "web:cursor-default",
-    onPress: t,
-    onLongPress: a,
-    onPressIn: n,
-    onPressOut: d,
-    children: /* @__PURE__ */ e(
-      O.Text,
+    onPress: e,
+    onLongPress: o,
+    onPressIn: s,
+    onPressOut: l,
+    children: /* @__PURE__ */ r(
+      K.Text,
       {
-        ref: u,
-        className: o(
+        ref: c,
+        className: n(
           "text-foreground native:text-base web:peer-disabled:cursor-not-allowed web:peer-disabled:opacity-70 text-sm leading-none font-medium",
-          r
+          t
         ),
-        ...f
+        ...d
       }
     )
   }
 ));
-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 })
+Dt.displayName = K.Root?.displayName || "Label";
+const Zr = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "menubar is not yet implemented for React Native" }) }), eo = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "navigation-menu is not yet implemented for React Native" }) }), to = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "pagination is not yet implemented for React Native" }) }), oe = a.createContext({
+  open: !1,
+  setOpen: () => {
+  }
+}), Pt = a.forwardRef(({ children: t, open: e, onOpenChange: o, ...s }, l) => {
+  const [d, c] = a.useState(!1), f = e !== void 0, y = f ? e : d, w = f ? o || (() => {
+  }) : c;
+  return /* @__PURE__ */ r(oe.Provider, { value: { open: y, setOpen: w }, children: /* @__PURE__ */ r(i, { ref: l, ...s, children: t }) });
+});
+Pt.displayName = "Popover";
+const Ot = a.forwardRef(({ children: t, ...e }, o) => {
+  const { setOpen: s } = a.useContext(oe);
+  return /* @__PURE__ */ r($, { ref: o, onPress: () => s(!0), ...e, children: t });
+});
+Ot.displayName = "PopoverTrigger";
+const It = a.forwardRef(({ ...t }, e) => /* @__PURE__ */ r(i, { ref: e, ...t }));
+It.displayName = "PopoverAnchor";
+const Vt = a.forwardRef(({ className: t, children: e, ...o }, s) => {
+  const { open: l, setOpen: d } = a.useContext(oe);
+  return /* @__PURE__ */ r(Se, { visible: l, transparent: !0, animationType: "fade", onRequestClose: () => d(!1), children: /* @__PURE__ */ r($, { className: "flex-1", onPress: () => d(!1), children: /* @__PURE__ */ r(i, { className: "flex-1 items-center justify-center bg-black/50", children: /* @__PURE__ */ r($, { onPress: () => {
+  }, children: /* @__PURE__ */ r(
+    i,
+    {
+      ref: s,
+      className: n("bg-popover border-border mx-4 w-full max-w-sm rounded-md border p-4 shadow-lg", t),
+      ...o,
+      children: e
+    }
+  ) }) }) }) });
+});
+Vt.displayName = "PopoverContent";
+const zt = a.forwardRef(({ className: t, value: e, ...o }, s) => /* @__PURE__ */ r(
+  i,
+  {
+    ref: s,
+    className: n("bg-muted relative h-2 w-full overflow-hidden rounded-full", t),
+    accessibilityRole: "progressbar",
+    role: "progressbar",
+    ...o,
+    children: /* @__PURE__ */ r(i, { className: "bg-primary h-full rounded-full", style: { width: `${e || 0}%` } })
+  }
+));
+zt.displayName = "Progress";
+const Ht = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(G.Root, { className: n("web:grid gap-2", t), ...e, ref: o })
 );
-ot.displayName = D.Root?.displayName || "RadioGroup";
-const it = i.forwardRef(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    D.Item,
+Ht.displayName = G.Root?.displayName || "RadioGroup";
+const Ft = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(
+    G.Item,
     {
-      ref: a,
-      className: o(
+      ref: o,
+      className: n(
         "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
+        e.disabled && "web:cursor-not-allowed opacity-50",
+        t
       ),
-      ...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" }) })
+      ...e,
+      children: /* @__PURE__ */ r(G.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ r(Ie, { 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,
+Ft.displayName = G.Item?.displayName || "RadioGroupItem";
+const ro = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "ResizablePanelGroup is not yet implemented for React Native" }) }), oo = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "ResizablePanel is not yet implemented for React Native" }) }), ao = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "ResizableHandle is not yet implemented for React Native" }) }), no = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "scroll-area is not yet implemented for React Native" }) }), so = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "Search is not yet implemented for React Native" }) }), io = p.Root, lo = p.Group, co = p.Value, jt = a.forwardRef(
+  ({ className: t, children: e, ...o }, s) => /* @__PURE__ */ g(
+    p.Trigger,
     {
-      ref: n,
-      className: o(
+      ref: s,
+      className: n(
         "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
+        o.disabled && "web:cursor-not-allowed opacity-50",
+        t
       ),
-      ...a,
+      ...o,
       children: [
-        /* @__PURE__ */ e(H, { children: t }),
-        /* @__PURE__ */ e(L, { size: 16, "aria-hidden": !0, className: "text-foreground opacity-50" })
+        /* @__PURE__ */ r(W, { children: e }),
+        /* @__PURE__ */ r(Z, { 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,
+jt.displayName = p.Trigger?.displayName || "SelectTrigger";
+const Ne = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  p.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" })
+    ref: o,
+    className: n("flex cursor-default items-center justify-center py-1", t),
+    ...e,
+    children: /* @__PURE__ */ r(Ve, { size: 14, className: "text-foreground" })
   }
 ));
-Q.displayName = m.ScrollUpButton?.displayName || "SelectScrollUpButton";
-const Y = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
-  m.ScrollDownButton,
+Ne.displayName = p.ScrollUpButton?.displayName || "SelectScrollUpButton";
+const we = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  p.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" })
+    ref: o,
+    className: n("flex cursor-default items-center justify-center py-1", t),
+    ...e,
+    children: /* @__PURE__ */ r(Z, { 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 }) }),
+we.displayName = p.ScrollDownButton?.displayName || "SelectScrollDownButton";
+const Lt = a.forwardRef(
+  ({ className: t, children: e, position: o = "popper", portalHost: s, overlayClassName: l, overlayStyle: d, ...c }, f) => {
+    const { open: y } = p.useRootContext();
+    return /* @__PURE__ */ g(p.Portal, { hostName: s, children: [
+      /* @__PURE__ */ r(p.Overlay, { style: H.OS !== "web" ? U.absoluteFill : void 0, asChild: !0, children: /* @__PURE__ */ r(k.View, { className: l, style: d }) }),
       /* @__PURE__ */ g(
-        m.Content,
+        p.Content,
         {
-          ref: h,
-          className: o(
+          ref: f,
+          className: n(
             "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
+            o === "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",
+            y ? "web:zoom-in-95 web:animate-in web:fade-in-0" : "web:zoom-out-95 web:animate-out web:fade-out-0",
+            t
           ),
-          position: a,
-          ...u,
+          position: o,
+          ...c,
           children: [
-            /* @__PURE__ */ e(Q, {}),
-            /* @__PURE__ */ e(
-              m.Viewport,
+            /* @__PURE__ */ r(Ne, {}),
+            /* @__PURE__ */ r(
+              p.Viewport,
               {
-                className: o(
+                className: n(
                   "p-1",
-                  a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+                  o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
                 ),
-                children: t
+                children: e
               }
             ),
-            /* @__PURE__ */ e(Y, {})
+            /* @__PURE__ */ r(we, {})
           ]
         }
       )
     ] });
   }
 );
-st.displayName = m.Content?.displayName || "SelectContent";
-const lt = i.forwardRef(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    m.Label,
+Lt.displayName = p.Content?.displayName || "SelectContent";
+const Bt = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(
+    p.Label,
     {
-      ref: a,
-      className: o("text-popover-foreground py-1.5 pr-2 pl-8 text-sm font-semibold", r),
-      ...t
+      ref: o,
+      className: n("text-popover-foreground py-1.5 pr-2 pl-8 text-sm font-semibold", t),
+      ...e
     }
   )
 );
-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 : "");
+Bt.displayName = p.Label?.displayName || "SelectLabel";
+const Et = a.forwardRef(
+  ({ className: t, children: e, label: o, ...s }, l) => {
+    const d = o || (typeof e == "string" ? e : "");
     return /* @__PURE__ */ g(
-      m.Item,
+      p.Item,
       {
-        ref: d,
-        label: f,
-        className: o(
+        ref: l,
+        label: d,
+        className: n(
           "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
+          s.disabled && "web:pointer-events-none",
+          t
         ),
-        ...n,
+        ...s,
         children: [
-          /* @__PURE__ */ e(
-            s,
+          /* @__PURE__ */ r(
+            i,
             {
               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" }) })
+              children: /* @__PURE__ */ r(p.ItemIndicator, { children: /* @__PURE__ */ r(de, { size: 14, strokeWidth: 3, className: "text-popover-foreground" }) })
             }
           ),
-          /* @__PURE__ */ e(m.ItemText, { className: "text-popover-foreground native:text-base text-sm", children: t })
+          /* @__PURE__ */ r(p.ItemText, { className: "text-popover-foreground native:text-base text-sm", children: e })
         ]
       }
     );
   }
 );
-dt.displayName = m.Item?.displayName || "SelectItem";
-const ct = i.forwardRef(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    m.Separator,
+Et.displayName = p.Item?.displayName || "SelectItem";
+const Gt = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(
+    p.Separator,
     {
-      ref: a,
-      className: o("bg-muted -mx-1 my-1 h-px", r),
-      ...t
+      ref: o,
+      className: n("bg-muted -mx-1 my-1 h-px", t),
+      ...e
     }
   )
 );
-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
+Gt.displayName = p.Separator?.displayName || "SelectSeparator";
+const Mt = a.forwardRef(
+  ({
+    threshold: t = 240,
+    exitDuration: e = 450,
+    behavior: o,
+    // Native uses 'smooth' or just scrolls
+    label: s = "Scroll to top",
+    className: l,
+    scrollRef: d,
+    animationDuration: c = 300,
+    ...f
+  }, y) => {
+    const [w, O] = a.useState(!1), [I, V] = a.useState(!1), b = a.useRef(new P.Value(0)).current, h = a.useRef(new P.Value(20)).current, v = () => {
+      P.parallel([
+        P.timing(b, {
+          toValue: 1,
+          duration: c,
+          useNativeDriver: !0
+        }),
+        P.timing(h, {
+          toValue: 0,
+          duration: c,
+          useNativeDriver: !0
+        })
+      ]).start();
+    }, R = () => {
+      P.parallel([
+        P.timing(b, {
+          toValue: 0,
+          duration: c,
+          useNativeDriver: !0
+        }),
+        P.timing(h, {
+          toValue: 20,
+          duration: c,
+          useNativeDriver: !0
+        })
+      ]).start(() => {
+        I || O(!1);
+      });
+    }, D = (C) => {
+      const x = C.nativeEvent.contentOffset.y;
+      if (I) {
+        x <= t && (O(!1), V(!1));
+        return;
+      }
+      x > t && !w ? (O(!0), v()) : x <= t && w && R();
+    }, z = () => {
+      V(!0), R(), setTimeout(() => {
+        if (d?.current) {
+          const C = d.current;
+          "scrollToOffset" in C && typeof C.scrollToOffset == "function" ? C.scrollToOffset({ offset: 0, animated: o !== "auto" }) : "scrollTo" in C && typeof C.scrollTo == "function" && C.scrollTo({ y: 0, animated: o !== "auto" });
+        }
+        (H.OS === "ios" || H.OS === "android") && ke.announceForAccessibility("Scrolled to top");
+      }, e);
+    };
+    return a.useImperativeHandle(y, () => ({
+      handleScroll: D,
+      scrollToTop: z
+    })), !w && !I ? null : /* @__PURE__ */ r(
+      i,
+      {
+        pointerEvents: "box-none",
+        style: {
+          position: "absolute",
+          bottom: 24,
+          right: 24,
+          zIndex: 50
+        },
+        children: /* @__PURE__ */ r(
+          P.View,
+          {
+            style: {
+              opacity: b,
+              transform: [{ translateY: h }]
+            },
+            children: /* @__PURE__ */ r(
+              q,
+              {
+                variant: "outline",
+                size: "icon",
+                className: n("bg-background/80 h-12 w-12 rounded-full border-2 shadow-lg", l),
+                onPress: z,
+                "aria-label": s,
+                ...f,
+                children: /* @__PURE__ */ r(ze, { size: 24, className: "text-foreground" })
+              }
+            )
+          }
+        )
+      }
+    );
   }
-));
-mt.displayName = $.Root?.displayName || "Separator";
-const U = i.createContext(void 0), ft = R("text-foreground", {
+);
+Mt.displayName = "ScrollToTop";
+const ae = a.createContext(void 0), Ut = B("text-foreground", {
   variants: {
     variant: {
       h1: "text-4xl font-extrabold tracking-tight",
@@ -579,58 +709,163 @@ const U = i.createContext(void 0), ft = R("text-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 })
+}), S = a.forwardRef(
+  ({ className: t, variant: e = "body", children: o, ...s }, l) => /* @__PURE__ */ r(m, { ref: l, className: n(Ut({ variant: e, className: t })), ...s, children: o })
 );
-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,
+S.displayName = "Text";
+const $t = (t) => {
+  const e = t.trim();
+  return e.endsWith("/") ? e.slice(0, -1) : e;
+}, Yt = (t) => t.trim().replace(/^@+/, ""), qt = (t, e) => {
+  const o = $t(t), s = encodeURIComponent(Yt(e));
+  return `${o}/${s}`;
+};
+function mo({
+  supportUrl: t = "https://www.buymeacoffee.com",
+  creatorId: e,
+  title: o = "Buy me a coffee",
+  description: s = "Support the project directly from this panel.",
+  open: l,
+  defaultOpen: d = !1,
+  onOpenChange: c,
+  positionClassName: f,
+  buttonClassName: y,
+  panelClassName: w,
+  className: O,
+  ...I
+}) {
+  const V = l !== void 0, [b, h] = a.useState(d), v = V ? l : b, R = a.useCallback(
+    (x) => {
+      V || h(x), c?.(x);
+    },
+    [V, c]
+  ), D = a.useMemo(() => qt(t, e), [e, t]), z = a.useCallback(async () => {
+    try {
+      await Ae.openURL(D);
+    } catch (x) {
+      console.warn("Failed to open external link:", x);
+    }
+  }, [D]), C = /* @__PURE__ */ r(
+    i,
+    {
+      style: {
+        position: "absolute",
+        bottom: 24,
+        right: 24,
+        zIndex: 50
+      },
+      className: f,
+      children: /* @__PURE__ */ r(
+        q,
+        {
+          variant: "outline",
+          size: "icon",
+          className: n(
+            "h-14 w-14 rounded-full border border-black/15 bg-[#ffdd00] shadow-lg",
+            y,
+            O
+          ),
+          onPress: () => R(!0),
+          "aria-label": "Support this project",
+          ...I,
+          children: /* @__PURE__ */ r(He, { size: 24, className: "text-black" })
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ g(W, { children: [
+    C,
+    /* @__PURE__ */ r(Ct, { open: v, onOpenChange: R, children: /* @__PURE__ */ g(be, { className: n("max-w-sm", w), children: [
+      /* @__PURE__ */ g(he, { children: [
+        /* @__PURE__ */ r(ye, { children: o }),
+        /* @__PURE__ */ r(xe, { children: s })
+      ] }),
+      /* @__PURE__ */ g(i, { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ r(i, { className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ r(i, { className: "bg-muted flex h-48 items-center justify-center", children: /* @__PURE__ */ g(S, { className: "text-muted-foreground text-center text-sm", children: [
+          "Embedded support form would appear here on web.",
+          `
+`,
+          "On mobile, this opens the external support page."
+        ] }) }) }),
+        /* @__PURE__ */ g(i, { className: "text-muted-foreground flex items-center justify-between gap-2 text-xs", children: [
+          /* @__PURE__ */ r(S, { className: "text-muted-foreground flex-1 text-xs", children: "If the embedded checkout is unavailable, open the support page directly." }),
+          /* @__PURE__ */ g(
+            q,
+            {
+              variant: "outline",
+              size: "sm",
+              onPress: z,
+              className: "flex flex-row items-center gap-1",
+              children: [
+                /* @__PURE__ */ r(S, { className: "text-xs", children: "Open Buy Me a Coffee" }),
+                /* @__PURE__ */ r(Fe, { size: 12, className: "text-muted-foreground" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+const Wt = a.forwardRef(({ className: t, orientation: e = "horizontal", decorative: o = !0, ...s }, l) => /* @__PURE__ */ r(
+  me.Root,
   {
-    style: P.OS !== "web" ? A.absoluteFill : void 0,
+    ref: l,
+    decorative: o,
+    orientation: e,
+    className: n("bg-border shrink-0", e === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", t),
+    ...s
+  }
+));
+Wt.displayName = me.Root?.displayName || "Separator";
+const uo = u.Root, fo = u.Trigger, po = u.Close, Xt = u.Portal, ve = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  u.Overlay,
+  {
+    style: H.OS !== "web" ? U.absoluteFill : void 0,
     asChild: !0,
-    ref: a,
-    ...t,
-    children: /* @__PURE__ */ e(
-      y.View,
+    ref: o,
+    ...e,
+    children: /* @__PURE__ */ r(
+      k.View,
       {
-        entering: v.duration(150),
-        exiting: w.duration(150),
-        className: o("web:cursor-default absolute inset-0 z-50 bg-black/80", r)
+        entering: L.duration(150),
+        exiting: j.duration(150),
+        className: n("web:cursor-default absolute inset-0 z-50 bg-black/80", t)
       }
     )
   }
 ));
-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,
+ve.displayName = u.Overlay?.displayName || "SheetOverlay";
+const _t = a.forwardRef(
+  ({ className: t, children: e, side: o = "right", overlayClassName: s, overlayStyle: l, ...d }, c) => {
+    const f = H.OS === "web", y = f ? void 0 : Ge, w = f ? void 0 : Ee;
+    return /* @__PURE__ */ g(Xt, { children: [
+      /* @__PURE__ */ r(ve, { className: s, style: l }),
+      /* @__PURE__ */ r(u.Content, { ref: c, asChild: !0, ...d, children: /* @__PURE__ */ g(
+        k.View,
         {
-          entering: S,
-          exiting: te,
-          className: o(
+          entering: y,
+          exiting: w,
+          className: n(
             "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
+            o === "right" && "border-border data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right top-0 right-0 border-l",
+            o === "left" && "border-border data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left top-0 left-0 border-r",
+            o === "top" && "border-border data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top top-0 w-full border-b",
+            o === "bottom" && "border-border data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom bottom-0 w-full border-t",
+            t
           ),
           children: [
-            t,
+            e,
             /* @__PURE__ */ g(
-              c.Close,
+              u.Close,
               {
-                className: o(
+                className: n(
                   "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" })
+                  /* @__PURE__ */ r(ee, { size: 24, className: "text-muted-foreground" }),
+                  /* @__PURE__ */ r(S, { className: "sr-only", children: "Close" })
                 ]
               }
             )
@@ -640,46 +875,46 @@ const pt = i.forwardRef(
     ] });
   }
 );
-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 })),
+_t.displayName = u.Content?.displayName || "SheetContent";
+const Jt = ({ className: t, ...e }) => /* @__PURE__ */ r(i, { className: n("flex flex-col space-y-2 text-center sm:text-left", t), ...e });
+Jt.displayName = "SheetHeader";
+const Kt = ({ className: t, ...e }) => /* @__PURE__ */ r(i, { className: n("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t), ...e });
+Kt.displayName = "SheetFooter";
+const Qt = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(u.Title, { ref: o, className: n("text-foreground text-lg font-semibold", t), ...e }));
+Qt.displayName = u.Title?.displayName || "SheetTitle";
+const Zt = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(u.Description, { ref: o, className: n("text-muted-foreground text-sm", t), ...e }));
+Zt.displayName = u.Description?.displayName || "SheetDescription";
+function go({ className: t, ...e }) {
+  const o = Me(0.5);
+  a.useEffect(() => {
+    o.value = Ue(
+      $e(Y(0.2, { duration: 500 }), Y(0.5, { duration: 500 })),
       -1,
       !0
     );
   }, []);
-  const n = W(() => ({
-    opacity: a.value
+  const s = ce(() => ({
+    opacity: o.value
   }));
-  return /* @__PURE__ */ e(y.View, { className: o("bg-muted rounded-md", r), style: n, ...t });
+  return /* @__PURE__ */ r(k.View, { className: n("bg-muted rounded-md", t), style: s, ...e });
 }
-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,
+const bo = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "slider is not yet implemented for React Native" }) }), ho = () => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "Toaster (Sonner) is not yet implemented for React Native" }) }), er = a.forwardRef(
+  ({ className: t, checked: e, onCheckedChange: o, ...s }, l) => /* @__PURE__ */ r(
+    Q.Root,
     {
-      className: o(
+      className: n(
         "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
+        t
       ),
-      ...n,
-      checked: t ?? !1,
-      onCheckedChange: a || (() => {
+      ...s,
+      checked: e ?? !1,
+      onCheckedChange: o || (() => {
       }),
-      ref: d,
-      children: /* @__PURE__ */ e(
-        j.Thumb,
+      ref: l,
+      children: /* @__PURE__ */ r(
+        Q.Thumb,
         {
-          className: o(
+          className: n(
             "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"
           )
         }
@@ -687,404 +922,529 @@ const Ir = () => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { childre
     }
   )
 );
-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 })
+er.displayName = Q.Root?.displayName || "Switch";
+const tr = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(i, { ref: o, className: n("w-full caption-bottom text-sm", t), ...e })
 );
-Nt.displayName = "Table";
-const wt = i.forwardRef(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(s, { ref: a, className: o("border-border border-b", r), ...t })
+tr.displayName = "Table";
+const rr = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(i, { ref: o, className: n("border-border border-b", t), ...e })
 );
-wt.displayName = "TableHeader";
-const vt = i.forwardRef(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(s, { ref: a, className: o("flex-1", r), ...t })
+rr.displayName = "TableHeader";
+const or = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(i, { ref: o, className: n("flex-1", t), ...e })
 );
-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 })
+or.displayName = "TableBody";
+const ar = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(i, { ref: o, className: n("bg-muted/50 font-medium [&>tr]:last:border-b-0", t), ...e })
 );
-Rt.displayName = "TableFooter";
-const Tt = i.forwardRef(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    s,
+ar.displayName = "TableFooter";
+const nr = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(
+    i,
     {
-      ref: a,
-      className: o(
+      ref: o,
+      className: n(
         "border-border hover:bg-muted/50 data-[state=selected]:bg-muted flex-row border-b transition-colors",
-        r
+        t
       ),
-      ...t
+      ...e
     }
   )
 );
-Tt.displayName = "TableRow";
-const Ct = i.forwardRef(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    C,
+nr.displayName = "TableRow";
+const sr = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(
+    S,
     {
-      ref: a,
-      className: o(
+      ref: o,
+      className: n(
         "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
-        r
+        t
       ),
-      ...t
+      ...e
     }
   )
 );
-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 })
+sr.displayName = "TableHead";
+const ir = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(S, { ref: o, className: n("p-4 align-middle [&:has([role=checkbox])]:pr-0", t), ...e })
 );
-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 })
+ir.displayName = "TableCell";
+const lr = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(S, { ref: o, className: n("text-muted-foreground mt-4 text-sm", t), ...e })
 );
-Dt.displayName = "TableCaption";
-const Fr = N.Root, kt = i.forwardRef(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    N.List,
+lr.displayName = "TableCaption";
+const dr = a.forwardRef((t, e) => /* @__PURE__ */ r(F.Root, { ref: e, ...t }));
+dr.displayName = "Tabs";
+const cr = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(
+    F.List,
     {
-      ref: a,
-      className: o(
+      ref: o,
+      className: n(
         "bg-muted text-muted-foreground inline-flex h-10 flex-row items-center justify-center rounded-md p-1",
-        r
+        t
       ),
-      ...t
+      ...e
     }
   )
 );
-kt.displayName = N.List?.displayName || "TabsList";
-const At = i.forwardRef(
-  ({ className: r, ...t }, a) => {
-    const { value: n } = N.useRootContext();
-    return /* @__PURE__ */ e(
-      U.Provider,
+cr.displayName = F.List?.displayName || "TabsList";
+const mr = a.forwardRef(
+  ({ className: t, ...e }, o) => {
+    const { value: s } = F.useRootContext();
+    return /* @__PURE__ */ r(
+      ae.Provider,
       {
-        value: o(
+        value: n(
           "text-sm native:text-base font-medium text-muted-foreground web:transition-all",
-          n === t.value && "text-foreground"
+          s === e.value && "text-foreground"
         ),
-        children: /* @__PURE__ */ e(
-          N.Trigger,
+        children: /* @__PURE__ */ r(
+          F.Trigger,
           {
-            ref: a,
-            className: o(
+            ref: o,
+            className: n(
               "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
+              e.disabled && "opacity-50",
+              s === e.value && "bg-background shadow-foreground/10 shadow-sm",
+              t
             ),
-            ...t
+            ...e
           }
         )
       }
     );
   }
 );
-At.displayName = N.Trigger?.displayName || "TabsTrigger";
-const Pt = i.forwardRef(
-  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
-    N.Content,
+mr.displayName = F.Trigger?.displayName || "TabsTrigger";
+const ur = a.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r(
+    F.Content,
     {
-      ref: a,
-      className: o(
+      ref: o,
+      className: n(
         "ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
-        r
+        t
       ),
-      ...t
+      ...e
     }
   )
 );
-Pt.displayName = N.Content?.displayName || "TabsContent";
-const zt = i.forwardRef(
-  ({ className: r, placeholderClassName: t, ...a }, n) => /* @__PURE__ */ e(
-    q,
+ur.displayName = F.Content?.displayName || "TabsContent";
+const fr = a.forwardRef(
+  ({ className: t, placeholderClassName: e, ...o }, s) => /* @__PURE__ */ r(
+    ie,
     {
-      ref: n,
+      ref: s,
       multiline: !0,
-      numberOfLines: a.numberOfLines || 3,
-      className: o(
+      numberOfLines: o.numberOfLines || 3,
+      className: n(
         "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
+        t
       ),
-      placeholderClassName: o("text-muted-foreground", t),
+      placeholderClassName: n("text-muted-foreground", e),
       textAlignVertical: "top",
-      ...a
+      ...o
     }
   )
 );
-zt.displayName = "Textarea";
-const It = i.forwardRef(
-  ({ className: r, variant: t, size: a, ...n }, d) => /* @__PURE__ */ e(
-    U.Provider,
+fr.displayName = "Textarea";
+const pr = a.forwardRef(
+  ({ className: t, variant: e, size: o, ...s }, l) => /* @__PURE__ */ r(
+    ae.Provider,
     {
-      value: o(
+      value: n(
         "text-sm native:text-base text-foreground font-medium",
-        n.pressed && "text-accent-foreground",
-        r
+        s.pressed && "text-accent-foreground",
+        t
       ),
-      children: /* @__PURE__ */ e(
-        _.Root,
+      children: /* @__PURE__ */ r(
+        fe.Root,
         {
-          ref: d,
-          className: o(X({ variant: t, size: a, className: r })),
-          ...n,
-          pressed: n.pressed || !1,
-          onPressedChange: n.onPressedChange || (() => {
+          ref: l,
+          className: n(ue({ variant: e, size: o, className: t })),
+          ...s,
+          pressed: s.pressed || !1,
+          onPressedChange: s.onPressedChange || (() => {
           })
         }
       )
     }
   )
 );
-It.displayName = _.Root?.displayName || "Toggle";
-const ee = i.createContext({
+pr.displayName = fe.Root?.displayName || "Toggle";
+const Re = a.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,
+}), gr = a.forwardRef(
+  ({ className: t, variant: e, size: o, children: s, type: l, value: d, onValueChange: c, ...f }, y) => /* @__PURE__ */ r(
+    X.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 })
+      ref: y,
+      type: l,
+      value: d,
+      onValueChange: c,
+      className: n("flex flex-row items-center justify-center gap-1", t),
+      ...f,
+      children: /* @__PURE__ */ r(Re.Provider, { value: { variant: e, size: o }, children: s })
     }
   )
 );
-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,
+gr.displayName = X.Root?.displayName || "ToggleGroup";
+const br = a.forwardRef(
+  ({ className: t, children: e, variant: o, size: s, value: l, ...d }, c) => {
+    const f = a.useContext(Re);
+    return /* @__PURE__ */ r(
+      ae.Provider,
       {
-        value: o(
+        value: n(
           "text-sm native:text-base text-foreground font-medium",
-          f.disabled && "web:cursor-not-allowed opacity-50",
-          d === "" && "text-accent-foreground",
-          r
+          d.disabled && "web:cursor-not-allowed opacity-50",
+          l === "" && "text-accent-foreground",
+          t
         ),
-        children: /* @__PURE__ */ e(
-          I.Item,
+        children: /* @__PURE__ */ r(
+          X.Item,
           {
-            ref: u,
-            value: d,
-            className: o(
-              X({
-                variant: h.variant || a,
-                size: h.size || n
+            ref: c,
+            value: l,
+            className: n(
+              ue({
+                variant: f.variant || o,
+                size: f.size || s
               }),
-              r
+              t
             ),
-            ...f,
-            children: t
+            ...d,
+            children: e
           }
         )
       }
     );
   }
 );
-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,
+br.displayName = X.Item?.displayName || "ToggleGroupItem";
+const yo = M.Root, xo = M.Trigger, hr = a.forwardRef(({ className: t, portalHost: e, ...o }, s) => /* @__PURE__ */ r(M.Portal, { hostName: e, children: /* @__PURE__ */ r(M.Overlay, { style: H.OS !== "web" ? U.absoluteFill : void 0, children: /* @__PURE__ */ r(
+  k.View,
   {
-    ref: n,
-    className: o(
+    entering: L,
+    exiting: j,
+    className: n(
+      "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",
+      t
+    ),
+    children: /* @__PURE__ */ r(S, { className: "text-popover-foreground native:text-base text-sm", children: o.children })
+  }
+) }) }));
+hr.displayName = M.Content?.displayName || "TooltipContent";
+const No = ({ children: t }) => /* @__PURE__ */ r(W, { children: t }), yr = a.forwardRef(({ className: t, variant: e = "default", ...o }, s) => /* @__PURE__ */ r(
+  A.Root,
+  {
+    ref: s,
+    className: n(
       "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
+      e === "default" ? "border-border bg-background" : "border-destructive bg-destructive",
+      t
     ),
-    ...a,
-    children: /* @__PURE__ */ e(y.View, { entering: ye, exiting: he, layout: be, className: "w-full flex-row items-center", children: a.children })
+    ...o,
+    children: /* @__PURE__ */ r(k.View, { entering: We, exiting: qe, layout: Ye, className: "w-full flex-row items-center", children: o.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,
+yr.displayName = A.Root?.displayName || "Toast";
+const xr = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(A.Title, { ref: o, className: n("text-foreground text-sm font-semibold", t), ...e }));
+xr.displayName = A.Title?.displayName || "ToastTitle";
+const Nr = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  A.Description,
   {
-    ref: a,
-    className: o("text-muted-foreground text-sm opacity-90", r),
-    ...t
+    ref: o,
+    className: n("text-muted-foreground text-sm opacity-90", t),
+    ...e
   }
 ));
-Lt.displayName = x.Description.displayName;
-const Gt = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
-  x.Close,
+Nr.displayName = A.Description?.displayName || "ToastDescription";
+const wr = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  A.Close,
   {
-    ref: a,
-    className: o(
+    ref: o,
+    className: n(
       "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
     ),
-    ...t,
-    children: /* @__PURE__ */ e(G, { size: 16, className: "text-muted-foreground" })
+    ...e,
+    children: /* @__PURE__ */ r(ee, { size: 16, className: "text-muted-foreground" })
   }
 ));
-Gt.displayName = x.Close.displayName;
-const Bt = i.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ e(
-  x.Action,
+wr.displayName = A.Close?.displayName || "ToastClose";
+const vr = a.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ r(
+  A.Action,
   {
-    ref: a,
-    className: o(
+    ref: o,
+    className: n(
       "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
     ),
-    ...t
+    ...e
   }
 ));
-Bt.displayName = x.Action.displayName;
-function Lr({ children: r }) {
-  return /* @__PURE__ */ e(s, { style: { flex: 1 }, children: r });
+vr.displayName = A.Action?.displayName || "ToastAction";
+function wo({ children: t }) {
+  return /* @__PURE__ */ r(i, { style: { flex: 1 }, children: t });
+}
+function vo() {
+  return /* @__PURE__ */ r(le, { onPress: () => {
+  }, children: /* @__PURE__ */ r(i, { style: { padding: 10, backgroundColor: "#eee", borderRadius: 5 }, children: /* @__PURE__ */ r(m, { children: "Toggle Theme" }) }) });
+}
+function Ro() {
+  return /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: "Toaster is not yet implemented for React Native" }) });
+}
+const Te = a.createContext(void 0);
+function ne() {
+  const t = a.useContext(Te);
+  if (!t)
+    throw new Error("useTOC must be used within a TableOfContents provider");
+  return t;
+}
+function se({ children: t, activeId: e }) {
+  const [o, s] = a.useState([]), [l, d] = a.useState(null), c = a.useRef(null), f = a.useMemo(() => {
+    const b = e || l;
+    return o.find((h) => h.id === b)?.text || null;
+  }, [o, l, e]), y = a.useCallback((b, h, v, R) => {
+    s((D) => {
+      const z = D.find((x) => x.id === b);
+      return z && Math.abs(z.pageY - R) < 1 ? D : (z ? D.map((x) => x.id === b ? { id: b, text: h, level: v, pageY: R } : x) : [...D, { id: b, text: h, level: v, pageY: R }]).sort((x, Ce) => x.pageY - Ce.pageY);
+    });
+  }, []), w = a.useCallback((b) => {
+    s((h) => h.filter((v) => v.id !== b));
+  }, []), O = a.useCallback(
+    (b) => {
+      const h = o.find((v) => v.id === b);
+      h && c.current && c.current.scrollTo({ y: h.pageY - 20, animated: !0 });
+    },
+    [o]
+  ), I = a.useCallback(
+    (b) => {
+      const h = b.nativeEvent.contentOffset.y;
+      let v = null;
+      for (let R = o.length - 1; R >= 0; R--)
+        if (h >= o[R].pageY - 100) {
+          v = o[R].id;
+          break;
+        }
+      v !== l && d(v);
+    },
+    [o, l]
+  ), V = a.useMemo(
+    () => ({
+      headings: o,
+      activeId: e || l,
+      activeHeadingText: f,
+      registerHeading: y,
+      unregisterHeading: w,
+      scrollToHeading: O,
+      onScroll: I,
+      scrollViewRef: c
+    }),
+    [
+      o,
+      l,
+      e,
+      f,
+      y,
+      w,
+      O,
+      I
+    ]
+  );
+  return /* @__PURE__ */ r(Te.Provider, { value: V, children: /* @__PURE__ */ r(i, { className: "flex-1", children: t }) });
+}
+function Rr({
+  children: t,
+  level: e = 2,
+  id: o,
+  className: s
+}) {
+  const { registerHeading: l, unregisterHeading: d } = ne(), c = o || Xe(t), f = a.useCallback(
+    (y) => {
+      const { y: w } = y.nativeEvent.layout;
+      l(c, t, e, w);
+    },
+    [c, t, e, l]
+  );
+  return a.useEffect(() => () => d(c), [c, d]), /* @__PURE__ */ r(i, { onLayout: f, children: /* @__PURE__ */ r(S, { variant: e === 1 ? "h1" : e === 2 ? "h2" : e === 3 ? "h3" : "h4", className: s, children: t }) });
 }
-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 Tr({ className: t }) {
+  const { headings: e, activeId: o, scrollToHeading: s } = ne();
+  if (e.length === 0)
+    return null;
+  const l = Math.min(...e.map((d) => d.level));
+  return /* @__PURE__ */ g(i, { className: n("space-y-2 p-4", t), children: [
+    /* @__PURE__ */ r(S, { variant: "overline", className: "mb-2 font-bold", children: "On this page" }),
+    e.map((d) => {
+      const c = o === d.id, f = (d.level - l) * 16;
+      return /* @__PURE__ */ r(
+        le,
+        {
+          onPress: () => s(d.id),
+          style: { paddingLeft: f },
+          className: "py-1",
+          children: /* @__PURE__ */ r(m, { className: n("text-sm", c ? "text-primary font-bold" : "text-muted-foreground"), children: d.text })
+        },
+        d.id
+      );
+    })
+  ] });
 }
-function Br() {
-  return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { children: "Toaster is not yet implemented for React Native" }) });
+function Cr({ children: t, className: e }) {
+  const { scrollViewRef: o, onScroll: s } = ne();
+  return /* @__PURE__ */ r(
+    De,
+    {
+      ref: o,
+      onScroll: s,
+      className: n("flex-1", e),
+      ...H.OS !== "web" && {
+        scrollEventThrottle: 16,
+        contentContainerStyle: { padding: 16 }
+      },
+      children: t
+    }
+  );
 }
+se.List = Tr;
+se.Content = Cr;
+se.Heading = Rr;
 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
+  _e as Accordion,
+  Ze as AccordionContent,
+  Je as AccordionItem,
+  Qe as AccordionTrigger,
+  tt as Alert,
+  ot as AlertDescription,
+  zr as AlertDialog,
+  mt as AlertDialogAction,
+  ut as AlertDialogCancel,
+  st as AlertDialogContent,
+  ct as AlertDialogDescription,
+  lt as AlertDialogFooter,
+  it as AlertDialogHeader,
+  pe as AlertDialogOverlay,
+  nt as AlertDialogPortal,
+  dt as AlertDialogTitle,
+  Hr as AlertDialogTrigger,
+  rt as AlertTitle,
+  Fr as AspectRatio,
+  ft as Avatar,
+  gt as AvatarFallback,
+  pt as AvatarImage,
+  jr as Badge,
+  Lr as Breadcrumb,
+  q as Button,
+  Br as Calendar,
+  yt as Card,
+  vt as CardContent,
+  wt as CardDescription,
+  Rt as CardFooter,
+  xt as CardHeader,
+  Nt as CardTitle,
+  Er as Carousel,
+  Gr as Chart,
+  Tt as Checkbox,
+  Mr as Collapsible,
+  $r as CollapsibleContent,
+  Ur as CollapsibleTrigger,
+  Yr as Command,
+  qr as ContextMenu,
+  Ct as Dialog,
+  Xr as DialogClose,
+  be as DialogContent,
+  xe as DialogDescription,
+  kt as DialogFooter,
+  he as DialogHeader,
+  ye as DialogTitle,
+  Wr as DialogTrigger,
+  _r as Drawer,
+  Jr as DropdownMenu,
+  Kr as Form,
+  Qr as HoverCard,
+  At as Input,
+  Dt as Label,
+  Zr as Menubar,
+  eo as NavigationMenu,
+  to as Pagination,
+  Pt as Popover,
+  It as PopoverAnchor,
+  Vt as PopoverContent,
+  Ot as PopoverTrigger,
+  zt as Progress,
+  Ht as RadioGroup,
+  Ft as RadioGroupItem,
+  ao as ResizableHandle,
+  oo as ResizablePanel,
+  ro as ResizablePanelGroup,
+  no as ScrollArea,
+  Mt as ScrollToTop,
+  so as Search,
+  io as Select,
+  Lt as SelectContent,
+  lo as SelectGroup,
+  Et as SelectItem,
+  Bt as SelectLabel,
+  we as SelectScrollDownButton,
+  Ne as SelectScrollUpButton,
+  Gt as SelectSeparator,
+  jt as SelectTrigger,
+  co as SelectValue,
+  Wt as Separator,
+  uo as Sheet,
+  po as SheetClose,
+  _t as SheetContent,
+  Zt as SheetDescription,
+  Kt as SheetFooter,
+  Jt as SheetHeader,
+  ve as SheetOverlay,
+  Xt as SheetPortal,
+  Qt as SheetTitle,
+  fo as SheetTrigger,
+  go as Skeleton,
+  bo as Slider,
+  ho as Sonner,
+  mo as SupportFab,
+  er as Switch,
+  tr as Table,
+  or as TableBody,
+  lr as TableCaption,
+  ir as TableCell,
+  ar as TableFooter,
+  sr as TableHead,
+  rr as TableHeader,
+  se as TableOfContents,
+  Cr as TableOfContentsContent,
+  Rr as TableOfContentsHeading,
+  Tr as TableOfContentsList,
+  nr as TableRow,
+  dr as Tabs,
+  ur as TabsContent,
+  cr as TabsList,
+  mr as TabsTrigger,
+  S as Text,
+  fr as Textarea,
+  wo as ThemeProvider,
+  vo as ThemeToggle,
+  yr as Toast,
+  Ro as Toaster,
+  pr as Toggle,
+  gr as ToggleGroup,
+  br as ToggleGroupItem,
+  yo as Tooltip,
+  hr as TooltipContent,
+  No as TooltipProvider,
+  xo as TooltipTrigger,
+  bt as badgeVariants,
+  re as buttonVariants,
+  n as cn,
+  Ut as textVariants,
+  So as toggleVariants,
+  _ as wrapTextChildren
 };