@gv-tech/ui-web 2.20.0 → 2.21.1

package/dist/alert-dialog-Bwn2-Uyf.mjs

@@ -0,0 +1,164 @@
+import { t as e } from "./utils-A_oVsYw5.mjs";
+import { n as t } from "./dist-Bm8Cuttq.mjs";
+import { n } from "./dist-DAe-fOIM.mjs";
+import { a as r, r as i } from "./dist-BjEG16aJ.mjs";
+import { a, c as o, i as s, l as ee, n as c, o as l, r as u, s as d, t as f, u as p } from "./dist-C5EZ0AD6.mjs";
+import { buttonVariants as m } from "./button.mjs";
+import * as h from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@radix-ui+react-alert-dialog@1.1.15+2d3f272c3a65784a/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs
+var v = "AlertDialog", [y, te] = t(v, [p]), b = p(), x = (e) => {
+	let { __scopeAlertDialog: t, ...n } = e;
+	return /* @__PURE__ */ g(l, {
+		...b(t),
+		...n,
+		modal: !0
+	});
+};
+x.displayName = v;
+var S = "AlertDialogTrigger", C = h.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ g(o, {
+		...b(n),
+		...r,
+		ref: t
+	});
+});
+C.displayName = S;
+var w = "AlertDialogPortal", T = (e) => {
+	let { __scopeAlertDialog: t, ...n } = e;
+	return /* @__PURE__ */ g(a, {
+		...b(t),
+		...n
+	});
+};
+T.displayName = w;
+var E = "AlertDialogOverlay", D = h.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ g(s, {
+		...b(n),
+		...r,
+		ref: t
+	});
+});
+D.displayName = E;
+var O = "AlertDialogContent", [ne, re] = y(O), ie = r("AlertDialogContent"), k = h.forwardRef((e, t) => {
+	let { __scopeAlertDialog: r, children: a, ...o } = e, s = b(r), l = h.useRef(null), u = n(t, l), d = h.useRef(null);
+	return /* @__PURE__ */ g(ee, {
+		contentName: O,
+		titleName: A,
+		docsSlug: "alert-dialog",
+		children: /* @__PURE__ */ g(ne, {
+			scope: r,
+			cancelRef: d,
+			children: /* @__PURE__ */ _(c, {
+				role: "alertdialog",
+				...s,
+				...o,
+				ref: u,
+				onOpenAutoFocus: i(o.onOpenAutoFocus, (e) => {
+					e.preventDefault(), d.current?.focus({ preventScroll: !0 });
+				}),
+				onPointerDownOutside: (e) => e.preventDefault(),
+				onInteractOutside: (e) => e.preventDefault(),
+				children: [/* @__PURE__ */ g(ie, { children: a }), /* @__PURE__ */ g(oe, { contentRef: l })]
+			})
+		})
+	});
+});
+k.displayName = O;
+var A = "AlertDialogTitle", j = h.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ g(d, {
+		...b(n),
+		...r,
+		ref: t
+	});
+});
+j.displayName = A;
+var M = "AlertDialogDescription", N = h.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ g(u, {
+		...b(n),
+		...r,
+		ref: t
+	});
+});
+N.displayName = M;
+var ae = "AlertDialogAction", P = h.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e;
+	return /* @__PURE__ */ g(f, {
+		...b(n),
+		...r,
+		ref: t
+	});
+});
+P.displayName = ae;
+var F = "AlertDialogCancel", I = h.forwardRef((e, t) => {
+	let { __scopeAlertDialog: r, ...i } = e, { cancelRef: a } = re(F, r), o = b(r), s = n(t, a);
+	return /* @__PURE__ */ g(f, {
+		...o,
+		...i,
+		ref: s
+	});
+});
+I.displayName = F;
+var oe = ({ contentRef: e }) => {
+	let t = `\`${O}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${O}\` by passing a \`${M}\` 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 \`${O}\`. 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 h.useEffect(() => {
+		document.getElementById(e.current?.getAttribute("aria-describedby")) || console.warn(t);
+	}, [t, e]), null;
+}, se = x, ce = C, le = T, L = D, R = k, z = P, B = I, V = j, H = N, U = se, W = ce, G = le, K = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ g(L, {
+	className: e("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", t),
+	...n,
+	ref: r
+}));
+K.displayName = L?.displayName || "AlertDialogOverlay";
+var q = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ _(G, { children: [/* @__PURE__ */ g(K, {}), /* @__PURE__ */ g(R, {
+	ref: r,
+	className: e("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", t),
+	...n
+})] }));
+q.displayName = R?.displayName || "AlertDialogContent";
+var J = ({ className: t, ...n }) => /* @__PURE__ */ g("div", {
+	className: e("flex flex-col space-y-2 text-center sm:text-left", t),
+	...n
+});
+J.displayName = "AlertDialogHeader";
+var Y = ({ className: t, ...n }) => /* @__PURE__ */ g("div", {
+	className: e("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t),
+	...n
+});
+Y.displayName = "AlertDialogFooter";
+var X = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ g(V, {
+	ref: r,
+	className: e("text-lg font-semibold", t),
+	...n
+}));
+X.displayName = V?.displayName || "AlertDialogTitle";
+var Z = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ g(H, {
+	ref: r,
+	className: e("text-muted-foreground text-sm", t),
+	...n
+}));
+Z.displayName = H?.displayName || "AlertDialogDescription";
+var Q = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ g(z, {
+	ref: r,
+	className: e(m(), t),
+	...n
+}));
+Q.displayName = z?.displayName || "AlertDialogAction";
+var $ = h.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ g(B, {
+	ref: r,
+	className: e(m({ variant: "outline" }), "mt-2 sm:mt-0", t),
+	...n
+}));
+$.displayName = B?.displayName || "AlertDialogCancel";
+//#endregion
+export { Z as a, K as c, W as d, q as i, G as l, Q as n, Y as o, $ as r, J as s, U as t, X as u };

package/dist/alert-dialog-DBMX5E0-.js

@@ -0,0 +1,7 @@
+const e=require("./chunk-mLOUI7ql.js"),t=require("./utils-ChMUqofy.js"),n=require("./dist-CSkpam6a.js"),r=require("./dist-BTPL2C0R.js"),i=require("./dist-Dw6-GQAn.js"),a=require("./dist-DwGlbIjj.js"),o=require("./button.cjs");let s=require("react"),c=e.r(s,1);s=e.r(s);let l=require("react/jsx-runtime");var u=`AlertDialog`,[d,f]=n.n(u,[a.u]),p=a.u(),m=e=>{let{__scopeAlertDialog:t,...n}=e,r=p(t);return(0,l.jsx)(a.o,{...r,...n,modal:!0})};m.displayName=u;var h=`AlertDialogTrigger`,g=c.forwardRef((e,t)=>{let{__scopeAlertDialog:n,...r}=e,i=p(n);return(0,l.jsx)(a.c,{...i,...r,ref:t})});g.displayName=h;var _=`AlertDialogPortal`,v=e=>{let{__scopeAlertDialog:t,...n}=e,r=p(t);return(0,l.jsx)(a.a,{...r,...n})};v.displayName=_;var ee=`AlertDialogOverlay`,y=c.forwardRef((e,t)=>{let{__scopeAlertDialog:n,...r}=e,i=p(n);return(0,l.jsx)(a.i,{...i,...r,ref:t})});y.displayName=ee;var b=`AlertDialogContent`,[x,S]=d(b),C=i.a(`AlertDialogContent`),w=c.forwardRef((e,t)=>{let{__scopeAlertDialog:n,children:o,...s}=e,u=p(n),d=c.useRef(null),f=r.n(t,d),m=c.useRef(null);return(0,l.jsx)(a.l,{contentName:b,titleName:T,docsSlug:`alert-dialog`,children:(0,l.jsx)(x,{scope:n,cancelRef:m,children:(0,l.jsxs)(a.n,{role:`alertdialog`,...u,...s,ref:f,onOpenAutoFocus:i.r(s.onOpenAutoFocus,e=>{e.preventDefault(),m.current?.focus({preventScroll:!0})}),onPointerDownOutside:e=>e.preventDefault(),onInteractOutside:e=>e.preventDefault(),children:[(0,l.jsx)(C,{children:o}),(0,l.jsx)(N,{contentRef:d})]})})})});w.displayName=b;var T=`AlertDialogTitle`,E=c.forwardRef((e,t)=>{let{__scopeAlertDialog:n,...r}=e,i=p(n);return(0,l.jsx)(a.s,{...i,...r,ref:t})});E.displayName=T;var D=`AlertDialogDescription`,O=c.forwardRef((e,t)=>{let{__scopeAlertDialog:n,...r}=e,i=p(n);return(0,l.jsx)(a.r,{...i,...r,ref:t})});O.displayName=D;var k=`AlertDialogAction`,A=c.forwardRef((e,t)=>{let{__scopeAlertDialog:n,...r}=e,i=p(n);return(0,l.jsx)(a.t,{...i,...r,ref:t})});A.displayName=k;var j=`AlertDialogCancel`,M=c.forwardRef((e,t)=>{let{__scopeAlertDialog:n,...i}=e,{cancelRef:o}=S(j,n),s=p(n),c=r.n(t,o);return(0,l.jsx)(a.t,{...s,...i,ref:c})});M.displayName=j;var N=({contentRef:e})=>{let t=`\`${b}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${b}\` by passing a \`${D}\` 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 \`${b}\`. 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 c.useEffect(()=>{document.getElementById(e.current?.getAttribute(`aria-describedby`))||console.warn(t)},[t,e]),null},P=m,F=g,I=v,L=y,R=w,z=A,B=M,V=E,H=O,U=P,W=F,G=I,K=s.forwardRef(({className:e,...n},r)=>(0,l.jsx)(L,{className:t.t(`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),...n,ref:r}));K.displayName=L?.displayName||`AlertDialogOverlay`;var q=s.forwardRef(({className:e,...n},r)=>(0,l.jsxs)(G,{children:[(0,l.jsx)(K,{}),(0,l.jsx)(R,{ref:r,className:t.t(`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),...n})]}));q.displayName=R?.displayName||`AlertDialogContent`;var J=({className:e,...n})=>(0,l.jsx)(`div`,{className:t.t(`flex flex-col space-y-2 text-center sm:text-left`,e),...n});J.displayName=`AlertDialogHeader`;var Y=({className:e,...n})=>(0,l.jsx)(`div`,{className:t.t(`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2`,e),...n});Y.displayName=`AlertDialogFooter`;var X=s.forwardRef(({className:e,...n},r)=>(0,l.jsx)(V,{ref:r,className:t.t(`text-lg font-semibold`,e),...n}));X.displayName=V?.displayName||`AlertDialogTitle`;var Z=s.forwardRef(({className:e,...n},r)=>(0,l.jsx)(H,{ref:r,className:t.t(`text-muted-foreground text-sm`,e),...n}));Z.displayName=H?.displayName||`AlertDialogDescription`;var Q=s.forwardRef(({className:e,...n},r)=>(0,l.jsx)(z,{ref:r,className:t.t(o.buttonVariants(),e),...n}));Q.displayName=z?.displayName||`AlertDialogAction`;var $=s.forwardRef(({className:e,...n},r)=>(0,l.jsx)(B,{ref:r,className:t.t(o.buttonVariants({variant:`outline`}),`mt-2 sm:mt-0`,e),...n}));$.displayName=B?.displayName||`AlertDialogCancel`,Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return X}});

package/dist/alert-dialog.cjs

@@ -1,7 +1 @@
-"use client";"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"),i=require("./index-ByiPJW53.js"),A=require("./index-BtZvtDmp.js"),D=require("./button.cjs"),c=require("./utils-cdbZV8DZ.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,[i.createDialogScope]),n=i.createDialogScope(),R=e=>{const{__scopeAlertDialog:t,...o}=e,r=n(t);return a.jsxRuntimeExports.jsx(i.Root,{...r,...o,modal:!0})};R.displayName=v;var U="AlertDialogTrigger",j=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,l=n(o);return a.jsxRuntimeExports.jsx(i.Trigger,{...l,...r,ref:t})});j.displayName=U;var X="AlertDialogPortal",y=e=>{const{__scopeAlertDialog:t,...o}=e,r=n(t);return a.jsxRuntimeExports.jsx(i.Portal,{...r,...o})};y.displayName=X;var Z="AlertDialogOverlay",N=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,l=n(o);return a.jsxRuntimeExports.jsx(i.Overlay,{...l,...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,...l}=e,u=n(o),g=s.useRef(null),Y=f.useComposedRefs(t,g),x=s.useRef(null);return a.jsxRuntimeExports.jsx(i.WarningProvider,{contentName:d,titleName:b,docsSlug:"alert-dialog",children:a.jsxRuntimeExports.jsx(ee,{scope:o,cancelRef:x,children:a.jsxRuntimeExports.jsxs(i.Content,{role:"alertdialog",...u,...l,ref:Y,onOpenAutoFocus:A.composeEventHandlers(l.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:g})]})})})});E.displayName=d;var b="AlertDialogTitle",_=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,l=n(o);return a.jsxRuntimeExports.jsx(i.Title,{...l,...r,ref:t})});_.displayName=b;var C="AlertDialogDescription",O=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,l=n(o);return a.jsxRuntimeExports.jsx(i.Description,{...l,...r,ref:t})});O.displayName=C;var ae="AlertDialogAction",S=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,l=n(o);return a.jsxRuntimeExports.jsx(i.Close,{...l,...r,ref:t})});S.displayName=ae;var T="AlertDialogCancel",w=s.forwardRef((e,t)=>{const{__scopeAlertDialog:o,...r}=e,{cancelRef:l}=te(T,o),u=n(o),g=f.useComposedRefs(t,l);return a.jsxRuntimeExports.jsx(i.Close,{...u,...r,ref:g})});w.displayName=T;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,le=j,ie=y,P=N,h=E,$=S,M=w,q=_,I=O;const ne=se,ce=le,F=ie,m=s.forwardRef(({className:e,...t},o)=>a.jsxRuntimeExports.jsx(P,{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=P?.displayName||"AlertDialogOverlay";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||"AlertDialogContent";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||"AlertDialogTitle";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||"AlertDialogDescription";const V=s.forwardRef(({className:e,...t},o)=>a.jsxRuntimeExports.jsx($,{ref:o,className:c.cn(D.buttonVariants(),e),...t}));V.displayName=$?.displayName||"AlertDialogAction";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||"AlertDialogCancel";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;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./alert-dialog-DBMX5E0-.js");require("./button.cjs"),exports.AlertDialog=e.t,exports.AlertDialogAction=e.n,exports.AlertDialogCancel=e.r,exports.AlertDialogContent=e.i,exports.AlertDialogDescription=e.a,exports.AlertDialogFooter=e.o,exports.AlertDialogHeader=e.s,exports.AlertDialogOverlay=e.c,exports.AlertDialogPortal=e.l,exports.AlertDialogTitle=e.u,exports.AlertDialogTrigger=e.d;

package/dist/alert-dialog.d.ts

@@ -1,43 +1,2 @@
-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 { }
+export * from './packages/ui-web/src/alert-dialog'
+export {}

package/dist/alert-dialog.mjs

@@ -1,172 +1,5 @@
 "use client";
-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.mjs";
-import { c as n } from "./utils-DY6fhrgS.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", C = s.forwardRef(
-  (e, a) => {
-    const { __scopeAlertDialog: t, ...r } = e, l = i(t);
-    return /* @__PURE__ */ o.jsx(V, { ...l, ...r, ref: a });
-  }
-);
-C.displayName = j;
-var b = "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 = b;
-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", T = 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 });
-  }
-);
-T.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 \`${b}\` 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, P = R, S = _, O = w, $ = T, M = C, I = h;
-const _e = se, je = le, ne = ie, F = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(
-  P,
-  {
-    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 = P?.displayName || "AlertDialogOverlay";
-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 || "AlertDialogContent";
-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 || "AlertDialogTitle";
-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 || "AlertDialogDescription";
-const fe = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(O, { ref: t, className: n(D(), e), ...a }));
-fe.displayName = O?.displayName || "AlertDialogAction";
-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 || "AlertDialogCancel";
-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
-};
+"use client";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./alert-dialog-Bwn2-Uyf.mjs";
+import "./button.mjs";
+export { l as AlertDialog, a as AlertDialogAction, s as AlertDialogCancel, r as AlertDialogContent, e as AlertDialogDescription, o as AlertDialogFooter, c as AlertDialogHeader, t as AlertDialogOverlay, i as AlertDialogPortal, u as AlertDialogTitle, n as AlertDialogTrigger };

package/dist/alert.cjs

@@ -1 +1 @@
-"use client";"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-cdbZV8DZ.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;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunk-mLOUI7ql.js"),t=require("./utils-ChMUqofy.js");let n=require("react");n=e.r(n);let r=require("react/jsx-runtime");var i=(0,require("class-variance-authority").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`}}),a=n.forwardRef(({className:e,variant:n,...a},o)=>(0,r.jsx)(`div`,{ref:o,role:`alert`,className:t.t(i({variant:n}),e),...a}));a.displayName=`Alert`;var o=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`h5`,{ref:i,className:t.t(`mb-1 leading-none font-medium tracking-tight`,e),...n}));o.displayName=`AlertTitle`;var s=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,className:t.t(`text-sm [&_p]:leading-relaxed`,e),...n}));s.displayName=`AlertDescription`,exports.Alert=a,exports.AlertDescription=s,exports.AlertTitle=o;

package/dist/alert.d.ts

@@ -1,18 +1,2 @@
-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 { }
+export * from './packages/ui-web/src/alert'
+export {}

package/dist/alert.mjs

@@ -1,33 +1,36 @@
 "use client";
-import { j as a } from "./jsx-runtime-tc70JA_2.mjs";
-import { cva as i } from "class-variance-authority";
-import * as s from "react";
-import { c as l } from "./utils-DY6fhrgS.mjs";
-const o = i(
-  "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(o({ 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
-};
+"use client";
+import { t as e } from "./utils-A_oVsYw5.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+//#region src/alert.tsx
+var i = r("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" }
+}), a = t.forwardRef(({ className: t, variant: r, ...a }, o) => /* @__PURE__ */ n("div", {
+	ref: o,
+	role: "alert",
+	className: e(i({ variant: r }), t),
+	...a
+}));
+a.displayName = "Alert";
+var o = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("h5", {
+	ref: i,
+	className: e("mb-1 leading-none font-medium tracking-tight", t),
+	...r
+}));
+o.displayName = "AlertTitle";
+var s = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("text-sm [&_p]:leading-relaxed", t),
+	...r
+}));
+s.displayName = "AlertDescription";
+//#endregion
+export { a as Alert, s as AlertDescription, o as AlertTitle };

package/dist/aspect-ratio-CFWobEnT.mjs

@@ -0,0 +1,33 @@
+import { t as e } from "./dist-Bjlzl0jN.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@radix-ui+react-aspect-ratio@1.1.8+2d3f272c3a65784a/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
+var r = "AspectRatio", i = t.forwardRef((t, r) => {
+	let { ratio: i = 1 / 1, style: a, ...o } = t;
+	return /* @__PURE__ */ n("div", {
+		style: {
+			position: "relative",
+			width: "100%",
+			paddingBottom: `${100 / i}%`
+		},
+		"data-radix-aspect-ratio-wrapper": "",
+		children: /* @__PURE__ */ n(e.div, {
+			...o,
+			ref: r,
+			style: {
+				...a,
+				position: "absolute",
+				top: 0,
+				right: 0,
+				bottom: 0,
+				left: 0
+			}
+		})
+	});
+});
+i.displayName = r;
+//#endregion
+//#region src/aspect-ratio.tsx
+var a = i;
+//#endregion
+export { a as t };

package/dist/aspect-ratio-D9dApiWv.js

@@ -0,0 +1 @@
+const e=require("./chunk-mLOUI7ql.js"),t=require("./dist-GaBUW_Tu.js");let n=require("react");n=e.r(n,1);let r=require("react/jsx-runtime");var i=`AspectRatio`,a=n.forwardRef((e,n)=>{let{ratio:i=1/1,style:a,...o}=e;return(0,r.jsx)(`div`,{style:{position:`relative`,width:`100%`,paddingBottom:`${100/i}%`},"data-radix-aspect-ratio-wrapper":``,children:(0,r.jsx)(t.t.div,{...o,ref:n,style:{...a,position:`absolute`,top:0,right:0,bottom:0,left:0}})})});a.displayName=i;var o=a;Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/aspect-ratio.cjs

@@ -1 +1 @@
-"use client";"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;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./aspect-ratio-D9dApiWv.js");exports.AspectRatio=e.t;

package/dist/aspect-ratio.d.ts

@@ -1,10 +1,2 @@
-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 { }
+export * from './packages/ui-web/src/aspect-ratio'
+export {}

package/dist/aspect-ratio.mjs

@@ -1,44 +1,4 @@
 "use client";
-import * as p from "react";
-import { P as m } from "./index-DaILh3TV.mjs";
-import { j as t } from "./jsx-runtime-tc70JA_2.mjs";
-var c = "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 = c;
-var d = o;
-const R = d;
-export {
-  R as AspectRatio
-};
+"use client";
+import { t as e } from "./aspect-ratio-CFWobEnT.mjs";
+export { e as AspectRatio };