@darthcharles/greda 1.0.0 → 1.2.0

package/dist/index.js

@@ -1,17 +1,18 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import * as i from "react";
-import { Slot as S } from "@radix-ui/react-slot";
-import { cva as f } from "class-variance-authority";
+import { Slot as V } from "@radix-ui/react-slot";
+import { cva as x } from "class-variance-authority";
 import { cn as r } from "./utils.js";
-import * as y from "@radix-ui/react-label";
-import * as s from "@radix-ui/react-select";
-import { Check as b, ChevronDown as x, ChevronUp as k, X as h, Minus as P } from "lucide-react";
-import * as n from "@radix-ui/react-dialog";
-import * as v from "@radix-ui/react-checkbox";
-import * as u from "@radix-ui/react-tabs";
+import * as N from "@radix-ui/react-label";
+import * as n from "@radix-ui/react-select";
+import { Check as C, ChevronDown as R, ChevronUp as j, X as T, Minus as I } from "lucide-react";
+import * as d from "@radix-ui/react-dialog";
+import * as h from "@radix-ui/react-checkbox";
+import * as p from "@radix-ui/react-tabs";
 import * as l from "@radix-ui/react-toast";
-import * as p from "@radix-ui/react-tooltip";
-const z = f(
+import * as f from "@radix-ui/react-tooltip";
+import * as m from "@radix-ui/react-popover";
+const B = x(
   "comal-ui inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all active:[&:not([aria-haspopup])]:translate-y-px motion-reduce:active:[&:not([aria-haspopup])]:transform-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-disabled [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
@@ -35,31 +36,31 @@ const z = f(
       size: "default"
     }
   }
-), V = i.forwardRef(
+), L = i.forwardRef(
   ({
     className: e,
     variant: t,
     size: a,
-    asChild: d = !1,
+    asChild: s = !1,
     loading: c = !1,
     disabled: g,
-    type: C,
-    ...T
-  }, D) => /* @__PURE__ */ o(
-    d ? S : "button",
+    type: v,
+    ...y
+  }, b) => /* @__PURE__ */ o(
+    s ? V : "button",
     {
-      className: r(z({ variant: t, size: a, className: e })),
-      ref: D,
-      type: d ? void 0 : C ?? "button",
-      disabled: d ? void 0 : g || c,
+      className: r(B({ variant: t, size: a, className: e })),
+      ref: b,
+      type: s ? void 0 : v ?? "button",
+      disabled: s ? void 0 : g || c,
       "aria-busy": c || void 0,
-      ...T
+      ...y
     }
   )
 );
-V.displayName = "Button";
-const j = i.forwardRef(
-  ({ className: e, type: t, ...a }, d) => /* @__PURE__ */ o(
+L.displayName = "Button";
+const O = i.forwardRef(
+  ({ className: e, type: t, ...a }, s) => /* @__PURE__ */ o(
     "input",
     {
       type: t,
@@ -68,13 +69,13 @@ const j = i.forwardRef(
         "flex h-9 w-full rounded-md border border-primary bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-primary placeholder:text-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled aria-[invalid=true]:border-destructive md:text-sm",
         e
       ),
-      ref: d,
+      ref: s,
       ...a
     }
   )
 );
-j.displayName = "Input";
-const I = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+O.displayName = "Input";
+const A = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   "textarea",
   {
     className: r(
@@ -86,22 +87,22 @@ const I = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-I.displayName = "Textarea";
-const B = f(
+A.displayName = "Textarea";
+const F = x(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), L = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  y.Root,
+), H = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  N.Root,
   {
     ref: a,
-    className: r("comal-ui", B(), e),
+    className: r("comal-ui", F(), e),
     ...t
   }
 ));
-L.displayName = y.Root.displayName;
-const be = s.Root, xe = s.Group, he = s.Value, F = i.forwardRef(({ className: e, children: t, ...a }, d) => /* @__PURE__ */ m(
-  s.Trigger,
+H.displayName = N.Root.displayName;
+const Re = n.Root, Te = n.Group, De = n.Value, U = i.forwardRef(({ className: e, children: t, ...a }, s) => /* @__PURE__ */ u(
+  n.Trigger,
   {
-    ref: d,
+    ref: s,
     className: r(
       "comal-ui",
       "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-primary bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-disabled aria-[invalid=true]:border-destructive [&>span]:line-clamp-1",
@@ -110,13 +111,13 @@ const be = s.Root, xe = s.Group, he = s.Value, F = i.forwardRef(({ className: e,
     ...a,
     children: [
       t,
-      /* @__PURE__ */ o(s.Icon, { asChild: !0, children: /* @__PURE__ */ o(x, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ o(n.Icon, { asChild: !0, children: /* @__PURE__ */ o(R, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-F.displayName = s.Trigger.displayName;
-const w = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  s.ScrollUpButton,
+U.displayName = n.Trigger.displayName;
+const D = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  n.ScrollUpButton,
   {
     ref: a,
     className: r(
@@ -125,12 +126,12 @@ const w = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
       e
     ),
     ...t,
-    children: /* @__PURE__ */ o(k, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ o(j, { className: "h-4 w-4" })
   }
 ));
-w.displayName = s.ScrollUpButton.displayName;
-const N = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  s.ScrollDownButton,
+D.displayName = n.ScrollUpButton.displayName;
+const P = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  n.ScrollDownButton,
   {
     ref: a,
     className: r(
@@ -139,42 +140,42 @@ const N = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
       e
     ),
     ...t,
-    children: /* @__PURE__ */ o(x, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ o(R, { className: "h-4 w-4" })
   }
 ));
-N.displayName = s.ScrollDownButton.displayName;
-const H = i.forwardRef(({ className: e, container: t, children: a, position: d = "popper", ...c }, g) => /* @__PURE__ */ o(s.Portal, { container: t, children: /* @__PURE__ */ m(
-  s.Content,
+P.displayName = n.ScrollDownButton.displayName;
+const _ = i.forwardRef(({ className: e, container: t, children: a, position: s = "popper", ...c }, g) => /* @__PURE__ */ o(n.Portal, { container: t, children: /* @__PURE__ */ u(
+  n.Content,
   {
     ref: g,
     className: r(
       "comal-ui",
       "relative z-popover max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border surface-raised text-primary shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
-      d === "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 === "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",
       e
     ),
-    position: d,
+    position: s,
     ...c,
     children: [
-      /* @__PURE__ */ o(w, {}),
+      /* @__PURE__ */ o(D, {}),
       /* @__PURE__ */ o(
-        s.Viewport,
+        n.Viewport,
         {
           className: r(
             "comal-ui",
             "p-1",
-            d === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
           children: a
         }
       ),
-      /* @__PURE__ */ o(N, {})
+      /* @__PURE__ */ o(P, {})
     ]
   }
 ) }));
-H.displayName = s.Content.displayName;
-const U = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  s.Label,
+_.displayName = n.Content.displayName;
+const G = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  n.Label,
   {
     ref: a,
     className: r(
@@ -185,11 +186,11 @@ const U = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-U.displayName = s.Label.displayName;
-const A = i.forwardRef(({ className: e, children: t, ...a }, d) => /* @__PURE__ */ m(
-  s.Item,
+G.displayName = n.Label.displayName;
+const E = i.forwardRef(({ className: e, children: t, ...a }, s) => /* @__PURE__ */ u(
+  n.Item,
   {
-    ref: d,
+    ref: s,
     className: r(
       "comal-ui",
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
@@ -197,14 +198,14 @@ const A = i.forwardRef(({ className: e, children: t, ...a }, d) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ o("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(s.ItemIndicator, { children: /* @__PURE__ */ o(b, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ o(s.ItemText, { children: t })
+      /* @__PURE__ */ o("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(n.ItemIndicator, { children: /* @__PURE__ */ o(C, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ o(n.ItemText, { children: t })
     ]
   }
 ));
-A.displayName = s.Item.displayName;
-const O = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  s.Separator,
+E.displayName = n.Item.displayName;
+const X = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  n.Separator,
   {
     ref: a,
     className: r(
@@ -215,9 +216,9 @@ const O = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-O.displayName = s.Separator.displayName;
-const we = n.Root, Ne = n.Trigger, _ = n.Portal, Re = n.Close, R = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  n.Overlay,
+X.displayName = n.Separator.displayName;
+const Pe = d.Root, Se = d.Trigger, q = d.Portal, ke = d.Close, S = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  d.Overlay,
   {
     ref: a,
     className: r(
@@ -228,11 +229,11 @@ const we = n.Root, Ne = n.Trigger, _ = n.Portal, Re = n.Close, R = i.forwardRef(
     ...t
   }
 ));
-R.displayName = n.Overlay.displayName;
-const G = i.forwardRef(({ className: e, container: t, children: a, ...d }, c) => /* @__PURE__ */ m(_, { container: t, children: [
-  /* @__PURE__ */ o(R, {}),
-  /* @__PURE__ */ m(
-    n.Content,
+S.displayName = d.Overlay.displayName;
+const J = i.forwardRef(({ className: e, container: t, children: a, ...s }, c) => /* @__PURE__ */ u(q, { container: t, children: [
+  /* @__PURE__ */ o(S, {}),
+  /* @__PURE__ */ u(
+    d.Content,
     {
       ref: c,
       className: r(
@@ -240,19 +241,19 @@ const G = i.forwardRef(({ className: e, container: t, children: a, ...d }, c) =>
         "fixed left-[50%] top-[50%] z-overlay grid text-primary w-[calc(100%-2rem)] max-w-lg max-h-[calc(100dvh-2rem)] overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 border surface-primary p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         e
       ),
-      ...d,
+      ...s,
       children: [
         a,
-        /* @__PURE__ */ m(n.Close, { className: "comal-ui absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted", children: [
-          /* @__PURE__ */ o(h, { className: "h-4 w-4" }),
+        /* @__PURE__ */ u(d.Close, { className: "comal-ui absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted", children: [
+          /* @__PURE__ */ o(T, { className: "h-4 w-4" }),
           /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
-G.displayName = n.Content.displayName;
-const M = ({
+J.displayName = d.Content.displayName;
+const K = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ o(
@@ -266,8 +267,8 @@ const M = ({
     ...t
   }
 );
-M.displayName = "DialogHeader";
-const X = ({
+K.displayName = "DialogHeader";
+const M = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ o(
@@ -281,9 +282,9 @@ const X = ({
     ...t
   }
 );
-X.displayName = "DialogFooter";
-const q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  n.Title,
+M.displayName = "DialogFooter";
+const Q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  d.Title,
   {
     ref: a,
     className: r(
@@ -294,17 +295,17 @@ const q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-q.displayName = n.Title.displayName;
-const E = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  n.Description,
+Q.displayName = d.Title.displayName;
+const W = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  d.Description,
   {
     ref: a,
     className: r("comal-ui", "text-sm text-muted", e),
     ...t
   }
 ));
-E.displayName = n.Description.displayName;
-const J = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+W.displayName = d.Description.displayName;
+const Y = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   "div",
   {
     ref: a,
@@ -316,8 +317,8 @@ const J = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-J.displayName = "Card";
-const K = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+Y.displayName = "Card";
+const Z = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   "div",
   {
     ref: a,
@@ -329,8 +330,8 @@ const K = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-K.displayName = "CardHeader";
-const Q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+Z.displayName = "CardHeader";
+const $ = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   "div",
   {
     ref: a,
@@ -342,8 +343,8 @@ const Q = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-Q.displayName = "CardTitle";
-const W = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+$.displayName = "CardTitle";
+const ee = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   "div",
   {
     ref: a,
@@ -351,8 +352,8 @@ const W = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-W.displayName = "CardDescription";
-const Y = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+ee.displayName = "CardDescription";
+const te = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   "div",
   {
     ref: a,
@@ -360,8 +361,8 @@ const Y = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-Y.displayName = "CardContent";
-const Z = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+te.displayName = "CardContent";
+const ae = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   "div",
   {
     ref: a,
@@ -373,8 +374,8 @@ const Z = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-Z.displayName = "CardFooter";
-const $ = f(
+ae.displayName = "CardFooter";
+const oe = x(
   "comal-ui inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
@@ -390,11 +391,11 @@ const $ = f(
     }
   }
 );
-function Ce({ className: e, variant: t, ...a }) {
-  return /* @__PURE__ */ o("div", { className: r($({ variant: t }), e), ...a });
+function ze({ className: e, variant: t, ...a }) {
+  return /* @__PURE__ */ o("div", { className: r(oe({ variant: t }), e), ...a });
 }
-const ee = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  v.Root,
+const re = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  h.Root,
   {
     ref: a,
     className: r(
@@ -403,8 +404,8 @@ const ee = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
       e
     ),
     ...t,
-    children: /* @__PURE__ */ m(
-      v.Indicator,
+    children: /* @__PURE__ */ u(
+      h.Indicator,
       {
         "data-slot": "checkbox-indicator",
         className: r(
@@ -412,16 +413,16 @@ const ee = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
           "grid place-content-center text-current"
         ),
         children: [
-          /* @__PURE__ */ o(b, { className: "h-4 w-4", "data-check-icon": "" }),
-          /* @__PURE__ */ o(P, { className: "h-4 w-4", "data-mixed-icon": "" })
+          /* @__PURE__ */ o(C, { className: "h-4 w-4", "data-check-icon": "" }),
+          /* @__PURE__ */ o(I, { className: "h-4 w-4", "data-mixed-icon": "" })
         ]
       }
     )
   }
 ));
-ee.displayName = v.Root.displayName;
-const Te = u.Root, te = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  u.List,
+re.displayName = h.Root.displayName;
+const Ve = p.Root, ie = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  p.List,
   {
     ref: a,
     className: r(
@@ -432,9 +433,9 @@ const Te = u.Root, te = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__
     ...t
   }
 ));
-te.displayName = u.List.displayName;
-const ae = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  u.Trigger,
+ie.displayName = p.List.displayName;
+const se = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  p.Trigger,
   {
     ref: a,
     className: r(
@@ -445,9 +446,9 @@ const ae = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-ae.displayName = u.Trigger.displayName;
-const oe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  u.Content,
+se.displayName = p.Trigger.displayName;
+const ne = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  p.Content,
   {
     ref: a,
     className: r(
@@ -458,8 +459,8 @@ const oe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-oe.displayName = u.Content.displayName;
-const De = l.Provider, re = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+ne.displayName = p.Content.displayName;
+const je = l.Provider, de = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   l.Viewport,
   {
     ref: a,
@@ -471,8 +472,8 @@ const De = l.Provider, re = i.forwardRef(({ className: e, ...t }, a) => /* @__PU
     ...t
   }
 ));
-re.displayName = l.Viewport.displayName;
-const ie = f(
+de.displayName = l.Viewport.displayName;
+const le = x(
   "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 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -485,16 +486,16 @@ const ie = f(
       variant: "default"
     }
   }
-), se = i.forwardRef(({ className: e, variant: t, ...a }, d) => /* @__PURE__ */ o(
+), ce = i.forwardRef(({ className: e, variant: t, ...a }, s) => /* @__PURE__ */ o(
   l.Root,
   {
-    ref: d,
-    className: r("comal-ui", ie({ variant: t }), e),
+    ref: s,
+    className: r("comal-ui", le({ variant: t }), e),
     ...a
   }
 ));
-se.displayName = l.Root.displayName;
-const de = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+ce.displayName = l.Root.displayName;
+const me = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   l.Action,
   {
     ref: a,
@@ -506,8 +507,8 @@ const de = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-de.displayName = l.Action.displayName;
-const ne = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+me.displayName = l.Action.displayName;
+const ue = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   l.Close,
   {
     ref: a,
@@ -519,11 +520,11 @@ const ne = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     "aria-label": "Dismiss notification",
     "toast-close": "",
     ...t,
-    children: /* @__PURE__ */ o(h, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ o(T, { className: "h-4 w-4" })
   }
 ));
-ne.displayName = l.Close.displayName;
-const le = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+ue.displayName = l.Close.displayName;
+const pe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   l.Title,
   {
     ref: a,
@@ -535,8 +536,8 @@ const le = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-le.displayName = l.Title.displayName;
-const ce = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+pe.displayName = l.Title.displayName;
+const fe = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   l.Description,
   {
     ref: a,
@@ -544,9 +545,9 @@ const ce = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-ce.displayName = l.Description.displayName;
-const Se = p.Provider, ke = p.Root, Pe = p.Trigger, me = i.forwardRef(({ className: e, container: t, sideOffset: a = 4, ...d }, c) => /* @__PURE__ */ o(p.Portal, { container: t, children: /* @__PURE__ */ o(
-  p.Content,
+fe.displayName = l.Description.displayName;
+const Ie = f.Provider, Be = f.Root, Le = f.Trigger, ge = i.forwardRef(({ className: e, container: t, sideOffset: a = 4, ...s }, c) => /* @__PURE__ */ o(f.Portal, { container: t, children: /* @__PURE__ */ o(
+  f.Content,
   {
     ref: c,
     sideOffset: a,
@@ -555,60 +556,113 @@ const Se = p.Provider, ke = p.Root, Pe = p.Trigger, me = i.forwardRef(({ classNa
       "z-popover max-w-[var(--tooltip-width)] overflow-hidden rounded-md surface-inverse px-3 py-1.5 text-xs text-inverse animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-[--radix-tooltip-content-transform-origin]",
       e
     ),
-    ...d
+    ...s
   }
 ) }));
-me.displayName = p.Content.displayName;
+ge.displayName = f.Content.displayName;
+const Oe = m.Anchor, k = i.createContext({ side: "bottom", align: "center", sideOffset: 4 });
+function Ae({ placement: e = "bottom", sideOffset: t = 4, ...a }) {
+  const [s, c = "center"] = e.split("-");
+  return /* @__PURE__ */ o(k.Provider, { value: { side: s, align: c, sideOffset: t }, children: /* @__PURE__ */ o(m.Root, { ...a }) });
+}
+const ve = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  m.Trigger,
+  {
+    ref: a,
+    className: r("comal-ui", e),
+    ...t
+  }
+));
+ve.displayName = m.Trigger.displayName;
+const ye = i.forwardRef(({ container: e, className: t, collisionPadding: a = 8, forceMount: s, ...c }, g) => {
+  const v = i.useContext(k), y = e && "current" in e ? e : void 0, [b, w] = i.useState(null);
+  if (i.useEffect(() => {
+    w(y?.current ?? null);
+  }, [y]), y && !b) return null;
+  const z = e && "current" in e ? b : e;
+  return /* @__PURE__ */ o(m.Portal, { container: z, forceMount: s, children: /* @__PURE__ */ o(
+    m.Content,
+    {
+      ref: g,
+      side: v.side,
+      align: v.align,
+      sideOffset: v.sideOffset,
+      collisionPadding: a,
+      forceMount: s,
+      className: r(
+        "comal-ui",
+        "z-popover w-72 max-w-[var(--radix-popover-content-available-width)] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto rounded-md border bg-popover p-4 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+        t
+      ),
+      ...c
+    }
+  ) });
+});
+ye.displayName = m.Content.displayName;
+const be = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  m.Close,
+  {
+    ref: a,
+    className: r("comal-ui", e),
+    ...t
+  }
+));
+be.displayName = m.Close.displayName;
 export {
-  Ce as Badge,
-  V as Button,
-  J as Card,
-  Y as CardContent,
-  W as CardDescription,
-  Z as CardFooter,
-  K as CardHeader,
-  Q as CardTitle,
-  ee as Checkbox,
-  we as Dialog,
-  Re as DialogClose,
-  G as DialogContent,
-  E as DialogDescription,
-  X as DialogFooter,
-  M as DialogHeader,
-  R as DialogOverlay,
-  _ as DialogPortal,
-  q as DialogTitle,
-  Ne as DialogTrigger,
-  j as Input,
-  L as Label,
-  be as Select,
-  H as SelectContent,
-  xe as SelectGroup,
-  A as SelectItem,
-  U as SelectLabel,
-  N as SelectScrollDownButton,
-  w as SelectScrollUpButton,
-  O as SelectSeparator,
-  F as SelectTrigger,
-  he as SelectValue,
-  Te as Tabs,
-  oe as TabsContent,
-  te as TabsList,
-  ae as TabsTrigger,
-  I as Textarea,
-  se as Toast,
-  de as ToastAction,
-  ne as ToastClose,
-  ce as ToastDescription,
-  De as ToastProvider,
-  le as ToastTitle,
-  re as ToastViewport,
-  ke as Tooltip,
-  me as TooltipContent,
-  Se as TooltipProvider,
-  Pe as TooltipTrigger,
-  $ as badgeVariants,
-  z as buttonVariants,
+  ze as Badge,
+  L as Button,
+  Y as Card,
+  te as CardContent,
+  ee as CardDescription,
+  ae as CardFooter,
+  Z as CardHeader,
+  $ as CardTitle,
+  re as Checkbox,
+  Pe as Dialog,
+  ke as DialogClose,
+  J as DialogContent,
+  W as DialogDescription,
+  M as DialogFooter,
+  K as DialogHeader,
+  S as DialogOverlay,
+  q as DialogPortal,
+  Q as DialogTitle,
+  Se as DialogTrigger,
+  O as Input,
+  H as Label,
+  Ae as Popover,
+  Oe as PopoverAnchor,
+  be as PopoverClose,
+  ye as PopoverContent,
+  ve as PopoverTrigger,
+  Re as Select,
+  _ as SelectContent,
+  Te as SelectGroup,
+  E as SelectItem,
+  G as SelectLabel,
+  P as SelectScrollDownButton,
+  D as SelectScrollUpButton,
+  X as SelectSeparator,
+  U as SelectTrigger,
+  De as SelectValue,
+  Ve as Tabs,
+  ne as TabsContent,
+  ie as TabsList,
+  se as TabsTrigger,
+  A as Textarea,
+  ce as Toast,
+  me as ToastAction,
+  ue as ToastClose,
+  fe as ToastDescription,
+  je as ToastProvider,
+  pe as ToastTitle,
+  de as ToastViewport,
+  Be as Tooltip,
+  ge as TooltipContent,
+  Ie as TooltipProvider,
+  Le as TooltipTrigger,
+  oe as badgeVariants,
+  B as buttonVariants,
   r as cn
 };
 //# sourceMappingURL=index.js.map