@gv-tech/ui-web 2.9.1 → 2.12.0

package/dist/accordion.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-nZSsnGb7.js"),a=require("react"),te=require("./index-D2HnlO3y.js"),re=require("./index-BGIK9FQF.js"),ne=require("./index-_XxjJPRD.js"),y=require("./index-BtZvtDmp.js"),M=require("./index-Ce5TOFAK.js"),v=require("./index-C0dlIQIi.js"),ce=require("./index-CefEQe_4.js"),ie=require("./index-Dko2XdTk.js"),se=require("lucide-react"),S=require("./utils-IjLH3w2e.js");function ae(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return r.default=o,Object.freeze(r)}const O=ae(a);var d="Accordion",le=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[D,de,ue]=re.createCollection(d),[C]=te.createContextScope(d,[ue,v.createCollapsibleScope]),k=v.createCollapsibleScope(),$=a.forwardRef((o,r)=>{const{type:e,...t}=o,i=t,n=t;return c.jsxRuntimeExports.jsx(D.Provider,{scope:o.__scopeAccordion,children:e==="multiple"?c.jsxRuntimeExports.jsx(fe,{...n,ref:r}):c.jsxRuntimeExports.jsx(me,{...i,ref:r})})});$.displayName=d;var[V,pe]=C(d),[H,xe]=C(d,{collapsible:!1}),me=a.forwardRef((o,r)=>{const{value:e,defaultValue:t,onValueChange:i=()=>{},collapsible:n=!1,...l}=o,[s,u]=M.useControllableState({prop:e,defaultProp:t??"",onChange:i,caller:d});return c.jsxRuntimeExports.jsx(V,{scope:o.__scopeAccordion,value:a.useMemo(()=>s?[s]:[],[s]),onItemOpen:u,onItemClose:a.useCallback(()=>n&&u(""),[n,u]),children:c.jsxRuntimeExports.jsx(H,{scope:o.__scopeAccordion,collapsible:n,children:c.jsxRuntimeExports.jsx(K,{...l,ref:r})})})}),fe=a.forwardRef((o,r)=>{const{value:e,defaultValue:t,onValueChange:i=()=>{},...n}=o,[l,s]=M.useControllableState({prop:e,defaultProp:t??[],onChange:i,caller:d}),u=a.useCallback(f=>s((x=[])=>[...x,f]),[s]),m=a.useCallback(f=>s((x=[])=>x.filter(b=>b!==f)),[s]);return c.jsxRuntimeExports.jsx(V,{scope:o.__scopeAccordion,value:l,onItemOpen:u,onItemClose:m,children:c.jsxRuntimeExports.jsx(H,{scope:o.__scopeAccordion,collapsible:!0,children:c.jsxRuntimeExports.jsx(K,{...n,ref:r})})})}),[ve,R]=C(d),K=a.forwardRef((o,r)=>{const{__scopeAccordion:e,disabled:t,dir:i,orientation:n="vertical",...l}=o,s=a.useRef(null),u=ne.useComposedRefs(s,r),m=de(e),x=ie.useDirection(i)==="ltr",b=y.composeEventHandlers(o.onKeyDown,A=>{if(!le.includes(A.key))return;const ee=A.target,h=m().filter(N=>!N.ref.current?.disabled),j=h.findIndex(N=>N.ref.current===ee),q=h.length;if(j===-1)return;A.preventDefault();let p=j;const E=0,I=q-1,w=()=>{p=j+1,p>I&&(p=E)},_=()=>{p=j-1,p<E&&(p=I)};switch(A.key){case"Home":p=E;break;case"End":p=I;break;case"ArrowRight":n==="horizontal"&&(x?w():_());break;case"ArrowDown":n==="vertical"&&w();break;case"ArrowLeft":n==="horizontal"&&(x?_():w());break;case"ArrowUp":n==="vertical"&&_();break}const oe=p%q;h[oe].ref.current?.focus()});return c.jsxRuntimeExports.jsx(ve,{scope:e,disabled:t,direction:i,orientation:n,children:c.jsxRuntimeExports.jsx(D.Slot,{scope:e,children:c.jsxRuntimeExports.jsx(y.Primitive.div,{...l,"data-orientation":n,ref:u,onKeyDown:t?void 0:b})})})}),g="AccordionItem",[Ae,T]=C(g),z=a.forwardRef((o,r)=>{const{__scopeAccordion:e,value:t,...i}=o,n=R(g,e),l=pe(g,e),s=k(e),u=ce.useId(),m=t&&l.value.includes(t)||!1,f=n.disabled||o.disabled;return c.jsxRuntimeExports.jsx(Ae,{scope:e,open:m,disabled:f,triggerId:u,children:c.jsxRuntimeExports.jsx(v.Root,{"data-orientation":n.orientation,"data-state":F(m),...s,...i,ref:r,disabled:f,open:m,onOpenChange:x=>{x?l.onItemOpen(t):l.onItemClose(t)}})})});z.displayName=g;var L="AccordionHeader",G=a.forwardRef((o,r)=>{const{__scopeAccordion:e,...t}=o,i=R(d,e),n=T(L,e);return c.jsxRuntimeExports.jsx(y.Primitive.h3,{"data-orientation":i.orientation,"data-state":F(n.open),"data-disabled":n.disabled?"":void 0,...t,ref:r})});G.displayName=L;var P="AccordionTrigger",U=a.forwardRef((o,r)=>{const{__scopeAccordion:e,...t}=o,i=R(d,e),n=T(P,e),l=xe(P,e),s=k(e);return c.jsxRuntimeExports.jsx(D.ItemSlot,{scope:e,children:c.jsxRuntimeExports.jsx(v.Trigger,{"aria-disabled":n.open&&!l.collapsible||void 0,"data-orientation":i.orientation,id:n.triggerId,...s,...t,ref:r})})});U.displayName=P;var Y="AccordionContent",B=a.forwardRef((o,r)=>{const{__scopeAccordion:e,...t}=o,i=R(d,e),n=T(Y,e),l=k(e);return c.jsxRuntimeExports.jsx(v.Content,{role:"region","aria-labelledby":n.triggerId,"data-orientation":i.orientation,...l,...t,ref:r,style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)",...o.style}})});B.displayName=Y;function F(o){return o?"open":"closed"}var je=$,ge=z,Ce=G,J=U,Q=B;const Re=je,W=O.forwardRef(({className:o,...r},e)=>c.jsxRuntimeExports.jsx(ge,{ref:e,className:S.cn("border-b",o),...r}));W.displayName="AccordionItem";const X=O.forwardRef(({className:o,children:r,...e},t)=>c.jsxRuntimeExports.jsx(Ce,{className:"flex",children:c.jsxRuntimeExports.jsxs(J,{ref:t,className:S.cn("flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",o),...e,children:[r,c.jsxRuntimeExports.jsx(se.ChevronDown,{className:"text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200"})]})}));X.displayName=J.displayName;const Z=O.forwardRef(({className:o,children:r,...e},t)=>c.jsxRuntimeExports.jsx(Q,{ref:t,className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",...e,children:c.jsxRuntimeExports.jsx("div",{className:S.cn("pt-0 pb-4",o),children:r})}));Z.displayName=Q.displayName;exports.Accordion=Re;exports.AccordionContent=Z;exports.AccordionItem=W;exports.AccordionTrigger=X;

package/dist/accordion.d.ts

@@ -0,0 +1,18 @@
+import { AccordionContentBaseProps } from '../../ui-core/src';
+import { AccordionItemBaseProps } from '../../ui-core/src';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { AccordionBaseProps as AccordionProps } from '../../ui-core/src';
+import { AccordionTriggerBaseProps } from '../../ui-core/src';
+import * as React_2 from 'react';
+
+export declare const Accordion: React_2.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AccordionContent: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & AccordionContentBaseProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & AccordionItemBaseProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { AccordionProps }
+
+export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & AccordionTriggerBaseProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export { }

package/dist/accordion.es.js

@@ -0,0 +1,259 @@
+import { j as n } from "./jsx-runtime-tc70JA_2.mjs";
+import * as y from "react";
+import l from "react";
+import { c as Z } from "./index-IZ2gq03c.mjs";
+import { c as ee } from "./index-DFdF7K7v.mjs";
+import { u as oe } from "./index-DLcqcWxM.mjs";
+import { P as O, c as re } from "./index-K9FzbxYw.mjs";
+import { u as M } from "./index-p6xVFRb4.mjs";
+import { R as te, T as ne, b as ce, c as V } from "./index-DSxf1gN6.mjs";
+import { u as ae } from "./index-DnFcfnA9.mjs";
+import { u as ie } from "./index-CD6_IrA-.mjs";
+import { ChevronDown as se } from "lucide-react";
+import { c as E } from "./utils-B6yFEsav.mjs";
+var d = "Accordion", le = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [S, de, pe] = ee(d), [g] = Z(d, [
+  pe,
+  V
+]), k = V(), H = l.forwardRef(
+  (o, c) => {
+    const { type: e, ...t } = o, a = t, r = t;
+    return /* @__PURE__ */ n.jsx(S.Provider, { scope: o.__scopeAccordion, children: e === "multiple" ? /* @__PURE__ */ n.jsx(xe, { ...r, ref: c }) : /* @__PURE__ */ n.jsx(ue, { ...a, ref: c }) });
+  }
+);
+H.displayName = d;
+var [K, me] = g(d), [$, fe] = g(
+  d,
+  { collapsible: !1 }
+), ue = l.forwardRef(
+  (o, c) => {
+    const {
+      value: e,
+      defaultValue: t,
+      onValueChange: a = () => {
+      },
+      collapsible: r = !1,
+      ...s
+    } = o, [i, p] = M({
+      prop: e,
+      defaultProp: t ?? "",
+      onChange: a,
+      caller: d
+    });
+    return /* @__PURE__ */ n.jsx(
+      K,
+      {
+        scope: o.__scopeAccordion,
+        value: l.useMemo(() => i ? [i] : [], [i]),
+        onItemOpen: p,
+        onItemClose: l.useCallback(() => r && p(""), [r, p]),
+        children: /* @__PURE__ */ n.jsx($, { scope: o.__scopeAccordion, collapsible: r, children: /* @__PURE__ */ n.jsx(L, { ...s, ref: c }) })
+      }
+    );
+  }
+), xe = l.forwardRef((o, c) => {
+  const {
+    value: e,
+    defaultValue: t,
+    onValueChange: a = () => {
+    },
+    ...r
+  } = o, [s, i] = M({
+    prop: e,
+    defaultProp: t ?? [],
+    onChange: a,
+    caller: d
+  }), p = l.useCallback(
+    (x) => i((f = []) => [...f, x]),
+    [i]
+  ), u = l.useCallback(
+    (x) => i((f = []) => f.filter((b) => b !== x)),
+    [i]
+  );
+  return /* @__PURE__ */ n.jsx(
+    K,
+    {
+      scope: o.__scopeAccordion,
+      value: s,
+      onItemOpen: p,
+      onItemClose: u,
+      children: /* @__PURE__ */ n.jsx($, { scope: o.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ n.jsx(L, { ...r, ref: c }) })
+    }
+  );
+}), [ve, h] = g(d), L = l.forwardRef(
+  (o, c) => {
+    const { __scopeAccordion: e, disabled: t, dir: a, orientation: r = "vertical", ...s } = o, i = l.useRef(null), p = oe(i, c), u = de(e), f = ie(a) === "ltr", b = re(o.onKeyDown, (v) => {
+      if (!le.includes(v.key)) return;
+      const W = v.target, I = u().filter((N) => !N.ref.current?.disabled), A = I.findIndex((N) => N.ref.current === W), T = I.length;
+      if (A === -1) return;
+      v.preventDefault();
+      let m = A;
+      const w = 0, R = T - 1, _ = () => {
+        m = A + 1, m > R && (m = w);
+      }, j = () => {
+        m = A - 1, m < w && (m = R);
+      };
+      switch (v.key) {
+        case "Home":
+          m = w;
+          break;
+        case "End":
+          m = R;
+          break;
+        case "ArrowRight":
+          r === "horizontal" && (f ? _() : j());
+          break;
+        case "ArrowDown":
+          r === "vertical" && _();
+          break;
+        case "ArrowLeft":
+          r === "horizontal" && (f ? j() : _());
+          break;
+        case "ArrowUp":
+          r === "vertical" && j();
+          break;
+      }
+      const X = m % T;
+      I[X].ref.current?.focus();
+    });
+    return /* @__PURE__ */ n.jsx(
+      ve,
+      {
+        scope: e,
+        disabled: t,
+        direction: a,
+        orientation: r,
+        children: /* @__PURE__ */ n.jsx(S.Slot, { scope: e, children: /* @__PURE__ */ n.jsx(
+          O.div,
+          {
+            ...s,
+            "data-orientation": r,
+            ref: p,
+            onKeyDown: t ? void 0 : b
+          }
+        ) })
+      }
+    );
+  }
+), C = "AccordionItem", [Ae, D] = g(C), z = l.forwardRef(
+  (o, c) => {
+    const { __scopeAccordion: e, value: t, ...a } = o, r = h(C, e), s = me(C, e), i = k(e), p = ae(), u = t && s.value.includes(t) || !1, x = r.disabled || o.disabled;
+    return /* @__PURE__ */ n.jsx(
+      Ae,
+      {
+        scope: e,
+        open: u,
+        disabled: x,
+        triggerId: p,
+        children: /* @__PURE__ */ n.jsx(
+          te,
+          {
+            "data-orientation": r.orientation,
+            "data-state": F(u),
+            ...i,
+            ...a,
+            ref: c,
+            disabled: x,
+            open: u,
+            onOpenChange: (f) => {
+              f ? s.onItemOpen(t) : s.onItemClose(t);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+z.displayName = C;
+var G = "AccordionHeader", U = l.forwardRef(
+  (o, c) => {
+    const { __scopeAccordion: e, ...t } = o, a = h(d, e), r = D(G, e);
+    return /* @__PURE__ */ n.jsx(
+      O.h3,
+      {
+        "data-orientation": a.orientation,
+        "data-state": F(r.open),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...t,
+        ref: c
+      }
+    );
+  }
+);
+U.displayName = G;
+var P = "AccordionTrigger", Y = l.forwardRef(
+  (o, c) => {
+    const { __scopeAccordion: e, ...t } = o, a = h(d, e), r = D(P, e), s = fe(P, e), i = k(e);
+    return /* @__PURE__ */ n.jsx(S.ItemSlot, { scope: e, children: /* @__PURE__ */ n.jsx(
+      ne,
+      {
+        "aria-disabled": r.open && !s.collapsible || void 0,
+        "data-orientation": a.orientation,
+        id: r.triggerId,
+        ...i,
+        ...t,
+        ref: c
+      }
+    ) });
+  }
+);
+Y.displayName = P;
+var q = "AccordionContent", B = l.forwardRef(
+  (o, c) => {
+    const { __scopeAccordion: e, ...t } = o, a = h(d, e), r = D(q, e), s = k(e);
+    return /* @__PURE__ */ n.jsx(
+      ce,
+      {
+        role: "region",
+        "aria-labelledby": r.triggerId,
+        "data-orientation": a.orientation,
+        ...s,
+        ...t,
+        ref: c,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...o.style
+        }
+      }
+    );
+  }
+);
+B.displayName = q;
+function F(o) {
+  return o ? "open" : "closed";
+}
+var Ce = H, ge = z, he = U, J = Y, Q = B;
+const Me = Ce, be = y.forwardRef(({ className: o, ...c }, e) => /* @__PURE__ */ n.jsx(ge, { ref: e, className: E("border-b", o), ...c }));
+be.displayName = "AccordionItem";
+const Ie = y.forwardRef(({ className: o, children: c, ...e }, t) => /* @__PURE__ */ n.jsx(he, { className: "flex", children: /* @__PURE__ */ n.jsxs(
+  J,
+  {
+    ref: t,
+    className: E(
+      "flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      o
+    ),
+    ...e,
+    children: [
+      c,
+      /* @__PURE__ */ n.jsx(se, { className: "text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+Ie.displayName = J.displayName;
+const we = y.forwardRef(({ className: o, children: c, ...e }, t) => /* @__PURE__ */ n.jsx(
+  Q,
+  {
+    ref: t,
+    className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+    ...e,
+    children: /* @__PURE__ */ n.jsx("div", { className: E("pt-0 pb-4", o), children: c })
+  }
+));
+we.displayName = Q.displayName;
+export {
+  Me as Accordion,
+  we as AccordionContent,
+  be as AccordionItem,
+  Ie as AccordionTrigger
+};

package/dist/alert-dialog.cjs.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-nZSsnGb7.js"),B=require("react"),J=require("./index-D2HnlO3y.js"),f=require("./index-_XxjJPRD.js"),l=require("./index-ByiPJW53.js"),A=require("./index-BtZvtDmp.js"),D=require("./button.cjs.js"),c=require("./utils-IjLH3w2e.js");function K(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const s=K(B);var v="AlertDialog",[Q]=J.createContextScope(v,[l.createDialogScope]),n=l.createDialogScope(),R=e=>{const{__scopeAlertDialog:t,...o}=e,r=n(t);return a.jsxRuntimeExports.jsx(l.Root,{...r,...o,modal:!0})};R.displayName=v;var U="AlertDialogTrigger",j=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,i=n(o);return a.jsxRuntimeExports.jsx(l.Trigger,{...i,...r,ref:t})});j.displayName=U;var X="AlertDialogPortal",y=e=>{const{__scopeAlertDialog:t,...o}=e,r=n(t);return a.jsxRuntimeExports.jsx(l.Portal,{...r,...o})};y.displayName=X;var Z="AlertDialogOverlay",N=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,i=n(o);return a.jsxRuntimeExports.jsx(l.Overlay,{...i,...r,ref:t})});N.displayName=Z;var d="AlertDialogContent",[ee,te]=Q(d),oe=A.createSlottable("AlertDialogContent"),E=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,children:r,...i}=e,g=n(o),u=s.useRef(null),Y=f.useComposedRefs(t,u),x=s.useRef(null);return a.jsxRuntimeExports.jsx(l.WarningProvider,{contentName:d,titleName:b,docsSlug:"alert-dialog",children:a.jsxRuntimeExports.jsx(ee,{scope:o,cancelRef:x,children:a.jsxRuntimeExports.jsxs(l.Content,{role:"alertdialog",...g,...i,ref:Y,onOpenAutoFocus:A.composeEventHandlers(i.onOpenAutoFocus,p=>{p.preventDefault(),x.current?.focus({preventScroll:!0})}),onPointerDownOutside:p=>p.preventDefault(),onInteractOutside:p=>p.preventDefault(),children:[a.jsxRuntimeExports.jsx(oe,{children:r}),a.jsxRuntimeExports.jsx(re,{contentRef:u})]})})})});E.displayName=d;var b="AlertDialogTitle",_=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,i=n(o);return a.jsxRuntimeExports.jsx(l.Title,{...i,...r,ref:t})});_.displayName=b;var C="AlertDialogDescription",S=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,i=n(o);return a.jsxRuntimeExports.jsx(l.Description,{...i,...r,ref:t})});S.displayName=C;var ae="AlertDialogAction",w=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,i=n(o);return a.jsxRuntimeExports.jsx(l.Close,{...i,...r,ref:t})});w.displayName=ae;var O="AlertDialogCancel",P=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,{cancelRef:i}=te(O,o),g=n(o),u=f.useComposedRefs(t,i);return a.jsxRuntimeExports.jsx(l.Close,{...g,...r,ref:u})});P.displayName=O;var re=({contentRef:e})=>{const t=`\`${d}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${d}\` by passing a \`${C}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${d}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;return s.useEffect(()=>{document.getElementById(e.current?.getAttribute("aria-describedby"))||console.warn(t)},[t,e]),null},se=R,ie=j,le=y,T=N,h=E,$=w,M=P,q=_,I=S;const ne=se,ce=ie,F=le,m=s.forwardRef(({className:e,...t},o)=>a.jsxRuntimeExports.jsx(T,{className:c.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",e),...t,ref:o}));m.displayName=T.displayName;const z=s.forwardRef(({className:e,...t},o)=>a.jsxRuntimeExports.jsxs(F,{children:[a.jsxRuntimeExports.jsx(m,{}),a.jsxRuntimeExports.jsx(h,{ref:o,className:c.cn("bg-background 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%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",e),...t})]}));z.displayName=h.displayName;const H=({className:e,...t})=>a.jsxRuntimeExports.jsx("div",{className:c.cn("flex flex-col space-y-2 text-center sm:text-left",e),...t});H.displayName="AlertDialogHeader";const L=({className:e,...t})=>a.jsxRuntimeExports.jsx("div",{className:c.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});L.displayName="AlertDialogFooter";const k=s.forwardRef(({className:e,...t},o)=>a.jsxRuntimeExports.jsx(q,{ref:o,className:c.cn("text-lg font-semibold",e),...t}));k.displayName=q.displayName;const G=s.forwardRef(({className:e,...t},o)=>a.jsxRuntimeExports.jsx(I,{ref:o,className:c.cn("text-muted-foreground text-sm",e),...t}));G.displayName=I.displayName;const V=s.forwardRef(({className:e,...t},o)=>a.jsxRuntimeExports.jsx($,{ref:o,className:c.cn(D.buttonVariants(),e),...t}));V.displayName=$.displayName;const W=s.forwardRef(({className:e,...t},o)=>a.jsxRuntimeExports.jsx(M,{ref:o,className:c.cn(D.buttonVariants({variant:"outline"}),"mt-2 sm:mt-0",e),...t}));W.displayName=M.displayName;exports.AlertDialog=ne;exports.AlertDialogAction=V;exports.AlertDialogCancel=W;exports.AlertDialogContent=z;exports.AlertDialogDescription=G;exports.AlertDialogFooter=L;exports.AlertDialogHeader=H;exports.AlertDialogOverlay=m;exports.AlertDialogPortal=F;exports.AlertDialogTitle=k;exports.AlertDialogTrigger=ce;

package/dist/alert-dialog.d.ts

@@ -0,0 +1,43 @@
+import { AlertDialogActionBaseProps } from '../../ui-core/src';
+import { AlertDialogCancelBaseProps } from '../../ui-core/src';
+import { AlertDialogContentBaseProps } from '../../ui-core/src';
+import { AlertDialogDescriptionBaseProps } from '../../ui-core/src';
+import { AlertDialogFooterBaseProps } from '../../ui-core/src';
+import { AlertDialogHeaderBaseProps } from '../../ui-core/src';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { AlertDialogBaseProps as AlertDialogProps } from '../../ui-core/src';
+import { AlertDialogTitleBaseProps } from '../../ui-core/src';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const AlertDialog: React_2.FC<AlertDialogPrimitive.AlertDialogProps>;
+
+export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & AlertDialogActionBaseProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & AlertDialogCancelBaseProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & AlertDialogContentBaseProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & AlertDialogDescriptionBaseProps & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const AlertDialogFooter: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement> & AlertDialogFooterBaseProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const AlertDialogHeader: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement> & AlertDialogHeaderBaseProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const AlertDialogOverlay: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AlertDialogPortal: React_2.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+
+export { AlertDialogProps }
+
+export declare const AlertDialogTitle: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & AlertDialogTitleBaseProps & React_2.RefAttributes<HTMLHeadingElement>>;
+
+export declare const AlertDialogTrigger: React_2.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export { }

package/dist/alert-dialog.es.js

@@ -0,0 +1,171 @@
+import { j as o } from "./jsx-runtime-tc70JA_2.mjs";
+import * as s from "react";
+import { c as L } from "./index-IZ2gq03c.mjs";
+import { u as f } from "./index-DLcqcWxM.mjs";
+import { O as G, P as H, W, C as k, T as V, D as Y, a as u, c as A, R as q, b as B } from "./index-DlY82G31.mjs";
+import { c as J, b as K } from "./index-K9FzbxYw.mjs";
+import { buttonVariants as D } from "./button.es.js";
+import { c as n } from "./utils-B6yFEsav.mjs";
+var v = "AlertDialog", [Q] = L(v, [
+  A
+]), i = A(), x = (e) => {
+  const { __scopeAlertDialog: a, ...t } = e, r = i(a);
+  return /* @__PURE__ */ o.jsx(q, { ...r, ...t, modal: !0 });
+};
+x.displayName = v;
+var U = "AlertDialogTrigger", N = s.forwardRef(
+  (e, a) => {
+    const { __scopeAlertDialog: t, ...r } = e, l = i(t);
+    return /* @__PURE__ */ o.jsx(B, { ...l, ...r, ref: a });
+  }
+);
+N.displayName = U;
+var X = "AlertDialogPortal", y = (e) => {
+  const { __scopeAlertDialog: a, ...t } = e, r = i(a);
+  return /* @__PURE__ */ o.jsx(H, { ...r, ...t });
+};
+y.displayName = X;
+var Z = "AlertDialogOverlay", R = s.forwardRef(
+  (e, a) => {
+    const { __scopeAlertDialog: t, ...r } = e, l = i(t);
+    return /* @__PURE__ */ o.jsx(G, { ...l, ...r, ref: a });
+  }
+);
+R.displayName = Z;
+var c = "AlertDialogContent", [ee, ae] = Q(c), te = K("AlertDialogContent"), _ = s.forwardRef(
+  (e, a) => {
+    const { __scopeAlertDialog: t, children: r, ...l } = e, g = i(t), p = s.useRef(null), z = f(a, p), m = s.useRef(null);
+    return /* @__PURE__ */ o.jsx(
+      W,
+      {
+        contentName: c,
+        titleName: j,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ o.jsx(ee, { scope: t, cancelRef: m, children: /* @__PURE__ */ o.jsxs(
+          k,
+          {
+            role: "alertdialog",
+            ...g,
+            ...l,
+            ref: z,
+            onOpenAutoFocus: J(l.onOpenAutoFocus, (d) => {
+              d.preventDefault(), m.current?.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (d) => d.preventDefault(),
+            onInteractOutside: (d) => d.preventDefault(),
+            children: [
+              /* @__PURE__ */ o.jsx(te, { children: r }),
+              /* @__PURE__ */ o.jsx(re, { contentRef: p })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+_.displayName = c;
+var j = "AlertDialogTitle", b = s.forwardRef(
+  (e, a) => {
+    const { __scopeAlertDialog: t, ...r } = e, l = i(t);
+    return /* @__PURE__ */ o.jsx(V, { ...l, ...r, ref: a });
+  }
+);
+b.displayName = j;
+var C = "AlertDialogDescription", h = s.forwardRef((e, a) => {
+  const { __scopeAlertDialog: t, ...r } = e, l = i(t);
+  return /* @__PURE__ */ o.jsx(Y, { ...l, ...r, ref: a });
+});
+h.displayName = C;
+var oe = "AlertDialogAction", w = s.forwardRef(
+  (e, a) => {
+    const { __scopeAlertDialog: t, ...r } = e, l = i(t);
+    return /* @__PURE__ */ o.jsx(u, { ...l, ...r, ref: a });
+  }
+);
+w.displayName = oe;
+var E = "AlertDialogCancel", P = s.forwardRef(
+  (e, a) => {
+    const { __scopeAlertDialog: t, ...r } = e, { cancelRef: l } = ae(E, t), g = i(t), p = f(a, l);
+    return /* @__PURE__ */ o.jsx(u, { ...g, ...r, ref: p });
+  }
+);
+P.displayName = E;
+var re = ({ contentRef: e }) => {
+  const a = `\`${c}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${c}\` by passing a \`${C}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${c}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return s.useEffect(() => {
+    document.getElementById(
+      e.current?.getAttribute("aria-describedby")
+    ) || console.warn(a);
+  }, [a, e]), null;
+}, se = x, le = N, ie = y, T = R, S = _, O = w, $ = P, M = b, I = h;
+const _e = se, je = le, ne = ie, F = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(
+  T,
+  {
+    className: n(
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
+      e
+    ),
+    ...a,
+    ref: t
+  }
+));
+F.displayName = T.displayName;
+const ce = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsxs(ne, { children: [
+  /* @__PURE__ */ o.jsx(F, {}),
+  /* @__PURE__ */ o.jsx(
+    S,
+    {
+      ref: t,
+      className: n(
+        "bg-background 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%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
+        e
+      ),
+      ...a
+    }
+  )
+] }));
+ce.displayName = S.displayName;
+const de = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ o.jsx("div", { className: n("flex flex-col space-y-2 text-center sm:text-left", e), ...a });
+de.displayName = "AlertDialogHeader";
+const pe = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ o.jsx("div", { className: n("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...a });
+pe.displayName = "AlertDialogFooter";
+const ge = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(M, { ref: t, className: n("text-lg font-semibold", e), ...a }));
+ge.displayName = M.displayName;
+const me = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(I, { ref: t, className: n("text-muted-foreground text-sm", e), ...a }));
+me.displayName = I.displayName;
+const fe = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(O, { ref: t, className: n(D(), e), ...a }));
+fe.displayName = O.displayName;
+const ue = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(
+  $,
+  {
+    ref: t,
+    className: n(D({ variant: "outline" }), "mt-2 sm:mt-0", e),
+    ...a
+  }
+));
+ue.displayName = $.displayName;
+export {
+  _e as AlertDialog,
+  fe as AlertDialogAction,
+  ue as AlertDialogCancel,
+  ce as AlertDialogContent,
+  me as AlertDialogDescription,
+  pe as AlertDialogFooter,
+  de as AlertDialogHeader,
+  F as AlertDialogOverlay,
+  ne as AlertDialogPortal,
+  ge as AlertDialogTitle,
+  je as AlertDialogTrigger
+};

package/dist/alert.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./jsx-runtime-nZSsnGb7.js"),u=require("class-variance-authority"),d=require("react"),n=require("./utils-IjLH3w2e.js");function b(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=b(d),g=u.cva("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",warning:"border-amber-500/50 bg-amber-500/10 text-amber-600 dark:text-amber-400 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-400",info:"border-blue-500/50 bg-blue-500/10 text-blue-600 dark:text-blue-400 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400"}},defaultVariants:{variant:"default"}}),l=i.forwardRef(({className:e,variant:r,...t},a)=>s.jsxRuntimeExports.jsx("div",{ref:a,role:"alert",className:n.cn(g({variant:r}),e),...t}));l.displayName="Alert";const o=i.forwardRef(({className:e,...r},t)=>s.jsxRuntimeExports.jsx("h5",{ref:t,className:n.cn("mb-1 leading-none font-medium tracking-tight",e),...r}));o.displayName="AlertTitle";const c=i.forwardRef(({className:e,...r},t)=>s.jsxRuntimeExports.jsx("div",{ref:t,className:n.cn("text-sm [&_p]:leading-relaxed",e),...r}));c.displayName="AlertDescription";exports.Alert=l;exports.AlertDescription=c;exports.AlertTitle=o;

package/dist/alert.d.ts

@@ -0,0 +1,18 @@
+import { AlertDescriptionBaseProps } from '../../ui-core/src';
+import { AlertBaseProps as AlertProps } from '../../ui-core/src';
+import { AlertTitleBaseProps } from '../../ui-core/src';
+import { ClassProp } from 'class-variance-authority/types';
+import * as React_2 from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+export declare const Alert: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & AlertProps & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "warning" | "info" | null | undefined;
+} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AlertDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & AlertDescriptionBaseProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { AlertProps }
+
+export declare const AlertTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & AlertTitleBaseProps & React_2.RefAttributes<HTMLHeadingElement>>;
+
+export { }

package/dist/alert.es.js

@@ -0,0 +1,32 @@
+import { j as a } from "./jsx-runtime-tc70JA_2.mjs";
+import { cva as o } from "class-variance-authority";
+import * as s from "react";
+import { c as l } from "./utils-B6yFEsav.mjs";
+const i = o(
+  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+        warning: "border-amber-500/50 bg-amber-500/10 text-amber-600 dark:text-amber-400 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-400",
+        info: "border-blue-500/50 bg-blue-500/10 text-blue-600 dark:text-blue-400 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), n = s.forwardRef(({ className: e, variant: t, ...r }, d) => /* @__PURE__ */ a.jsx("div", { ref: d, role: "alert", className: l(i({ variant: t }), e), ...r }));
+n.displayName = "Alert";
+const m = s.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx("h5", { ref: r, className: l("mb-1 leading-none font-medium tracking-tight", e), ...t })
+);
+m.displayName = "AlertTitle";
+const v = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx("div", { ref: r, className: l("text-sm [&_p]:leading-relaxed", e), ...t }));
+v.displayName = "AlertDescription";
+export {
+  n as Alert,
+  v as AlertDescription,
+  m as AlertTitle
+};

package/dist/aspect-ratio.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./index-B39Lzq0v.js"),i=require("./jsx-runtime-nZSsnGb7.js");function p(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const u=p(n);var l="AspectRatio",a=u.forwardRef((t,o)=>{const{ratio:e=1/1,style:r,...s}=t;return i.jsxRuntimeExports.jsx("div",{style:{position:"relative",width:"100%",paddingBottom:`${100/e}%`},"data-radix-aspect-ratio-wrapper":"",children:i.jsxRuntimeExports.jsx(c.Primitive.div,{...s,ref:o,style:{...r,position:"absolute",top:0,right:0,bottom:0,left:0}})})});a.displayName=l;var d=a;const f=d;exports.AspectRatio=f;

package/dist/aspect-ratio.d.ts

@@ -0,0 +1,10 @@
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import { AspectRatioBaseProps as AspectRatioProps } from '../../ui-core/src';
+import { ForwardRefExoticComponent } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const AspectRatio: ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & RefAttributes<HTMLDivElement>>;
+
+export { AspectRatioProps }
+
+export { }

package/dist/aspect-ratio.es.js

@@ -0,0 +1,43 @@
+import * as p from "react";
+import { P as m } from "./index-DaILh3TV.mjs";
+import { j as t } from "./jsx-runtime-tc70JA_2.mjs";
+var d = "AspectRatio", o = p.forwardRef(
+  (i, r) => {
+    const { ratio: a = 1 / 1, style: e, ...s } = i;
+    return /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        style: {
+          // ensures inner element is contained
+          position: "relative",
+          // ensures padding bottom trick maths works
+          width: "100%",
+          paddingBottom: `${100 / a}%`
+        },
+        "data-radix-aspect-ratio-wrapper": "",
+        children: /* @__PURE__ */ t.jsx(
+          m.div,
+          {
+            ...s,
+            ref: r,
+            style: {
+              ...e,
+              // ensures children expand in ratio
+              position: "absolute",
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0
+            }
+          }
+        )
+      }
+    );
+  }
+);
+o.displayName = d;
+var c = o;
+const R = c;
+export {
+  R as AspectRatio
+};

package/dist/avatar.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./jsx-runtime-nZSsnGb7.js"),A=require("react"),K=require("./index-_wdrnYim.js"),F=require("./index-CzY-WZXL.js"),O=require("./index-MQ0c3ZX_.js"),R=require("./index-B39Lzq0v.js"),w=require("./utils-IjLH3w2e.js");function W(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const S=W(A);var g={exports:{}},h={};var b;function z(){if(b)return h;b=1;var e=A;function t(o,d){return o===d&&(o!==0||1/o===1/d)||o!==o&&d!==d}var r=typeof Object.is=="function"?Object.is:t,s=e.useState,u=e.useEffect,n=e.useLayoutEffect,v=e.useDebugValue;function l(o,d){var a=d(),i=s({inst:{value:a,getSnapshot:d}}),c=i[0].inst,m=i[1];return n(function(){c.value=a,c.getSnapshot=d,f(c)&&m({inst:c})},[o,a,d]),u(function(){return f(c)&&m({inst:c}),o(function(){f(c)&&m({inst:c})})},[o]),v(a),a}function f(o){var d=o.getSnapshot;o=o.value;try{var a=d();return!r(o,a)}catch{return!0}}function p(o,d){return d()}var _=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?p:l;return h.useSyncExternalStore=e.useSyncExternalStore!==void 0?e.useSyncExternalStore:_,h}var L={};var I;function Y(){return I||(I=1,process.env.NODE_ENV!=="production"&&(function(){function e(a,i){return a===i&&(a!==0||1/a===1/i)||a!==a&&i!==i}function t(a,i){_||u.startTransition===void 0||(_=!0,console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var c=i();if(!o){var m=i();n(c,m)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),o=!0)}m=v({inst:{value:c,getSnapshot:i}});var E=m[0].inst,x=m[1];return f(function(){E.value=c,E.getSnapshot=i,r(E)&&x({inst:E})},[a,c,i]),l(function(){return r(E)&&x({inst:E}),a(function(){r(E)&&x({inst:E})})},[a]),p(c),c}function r(a){var i=a.getSnapshot;a=a.value;try{var c=i();return!n(a,c)}catch{return!0}}function s(a,i){return i()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var u=A,n=typeof Object.is=="function"?Object.is:e,v=u.useState,l=u.useEffect,f=u.useLayoutEffect,p=u.useDebugValue,_=!1,o=!1,d=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?s:t;L.useSyncExternalStore=u.useSyncExternalStore!==void 0?u.useSyncExternalStore:d,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()),L}var N;function J(){return N||(N=1,process.env.NODE_ENV==="production"?g.exports=z():g.exports=Y()),g.exports}var Q=J();function X(){return Q.useSyncExternalStore(Z,()=>!0,()=>!1)}function Z(){return()=>{}}var j="Avatar",[ee]=K.createContextScope(j),[te,C]=ee(j),q=S.forwardRef((e,t)=>{const{__scopeAvatar:r,...s}=e,[u,n]=S.useState("idle");return y.jsxRuntimeExports.jsx(te,{scope:r,imageLoadingStatus:u,onImageLoadingStatusChange:n,children:y.jsxRuntimeExports.jsx(R.Primitive.span,{...s,ref:t})})});q.displayName=j;var D="AvatarImage",k=S.forwardRef((e,t)=>{const{__scopeAvatar:r,src:s,onLoadingStatusChange:u=()=>{},...n}=e,v=C(D,r),l=re(s,n),f=F.useCallbackRef(p=>{u(p),v.onImageLoadingStatusChange(p)});return O.useLayoutEffect2(()=>{l!=="idle"&&f(l)},[l,f]),l==="loaded"?y.jsxRuntimeExports.jsx(R.Primitive.img,{...n,ref:t,src:s}):null});k.displayName=D;var $="AvatarFallback",M=S.forwardRef((e,t)=>{const{__scopeAvatar:r,delayMs:s,...u}=e,n=C($,r),[v,l]=S.useState(s===void 0);return S.useEffect(()=>{if(s!==void 0){const f=window.setTimeout(()=>l(!0),s);return()=>window.clearTimeout(f)}},[s]),v&&n.imageLoadingStatus!=="loaded"?y.jsxRuntimeExports.jsx(R.Primitive.span,{...u,ref:t}):null});M.displayName=$;function T(e,t){return e?t?(e.src!==t&&(e.src=t),e.complete&&e.naturalWidth>0?"loaded":"loading"):"error":"idle"}function re(e,{referrerPolicy:t,crossOrigin:r}){const s=X(),u=S.useRef(null),n=s?(u.current||(u.current=new window.Image),u.current):null,[v,l]=S.useState(()=>T(n,e));return O.useLayoutEffect2(()=>{l(T(n,e))},[n,e]),O.useLayoutEffect2(()=>{const f=o=>()=>{l(o)};if(!n)return;const p=f("loaded"),_=f("error");return n.addEventListener("load",p),n.addEventListener("error",_),t&&(n.referrerPolicy=t),typeof r=="string"&&(n.crossOrigin=r),()=>{n.removeEventListener("load",p),n.removeEventListener("error",_)}},[n,r,t]),v}var G=q,V=k,P=M;const H=S.forwardRef(({className:e,...t},r)=>y.jsxRuntimeExports.jsx(G,{ref:r,className:w.cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",e),...t}));H.displayName=G.displayName;const U=S.forwardRef(({className:e,...t},r)=>y.jsxRuntimeExports.jsx(V,{ref:r,className:w.cn("aspect-square h-full w-full",e),...t}));U.displayName=V.displayName;const B=S.forwardRef(({className:e,...t},r)=>y.jsxRuntimeExports.jsx(P,{ref:r,className:w.cn("bg-muted flex h-full w-full items-center justify-center rounded-full",e),...t}));B.displayName=P.displayName;exports.Avatar=H;exports.AvatarFallback=B;exports.AvatarImage=U;