@anoki/fse-ui/dist/index.cjs296.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),T=require("./index.cjs329.js"),E=require("./index.cjs328.js"),n=require("./index.cjs230.js"),h=require("./index.cjs327.js"),w=require("./index.cjs338.js"),i=require("./index.cjs180.js");function M(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const l=M(b);var j="AlertDialog",[q,I]=T.createContextScope(j,[n.createDialogScope]),s=n.createDialogScope(),d=e=>{const{__scopeAlertDialog:o,...t}=e,r=s(o);return i.jsxRuntimeExports.jsx(n.Root,{...r,...t,modal:!0})};d.displayName=j;var $="AlertDialogTrigger",_=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Trigger,{...a,...r,ref:o})});_.displayName=$;var L="AlertDialogPortal",A=e=>{const{__scopeAlertDialog:o,...t}=e,r=s(o);return i.jsxRuntimeExports.jsx(n.Portal,{...r,...t})};A.displayName=L;var F="AlertDialogOverlay",D=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Overlay,{...a,...r,ref:o})});D.displayName=F;var c="AlertDialogContent",[G,W]=q(c),Y=w.createSlottable("AlertDialogContent"),v=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,children:r,...a}=e,u=s(t),g=l.useRef(null),P=E.useComposedRefs(o,g),R=l.useRef(null);return i.jsxRuntimeExports.jsx(n.WarningProvider,{contentName:c,titleName:C,docsSlug:"alert-dialog",children:i.jsxRuntimeExports.jsx(G,{scope:t,cancelRef:R,children:i.jsxRuntimeExports.jsxs(n.Content,{role:"alertdialog",...u,...a,ref:P,onOpenAutoFocus:h.composeEventHandlers(a.onOpenAutoFocus,p=>{var y;p.preventDefault(),(y=R.current)==null||y.focus({preventScroll:!0})}),onPointerDownOutside:p=>p.preventDefault(),onInteractOutside:p=>p.preventDefault(),children:[i.jsxRuntimeExports.jsx(Y,{children:r}),i.jsxRuntimeExports.jsx(z,{contentRef:g})]})})})});v.displayName=c;var C="AlertDialogTitle",f=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Title,{...a,...r,ref:o})});f.displayName=C;var N="AlertDialogDescription",x=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Description,{...a,...r,ref:o})});x.displayName=N;var k="AlertDialogAction",S=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Close,{...a,...r,ref:o})});S.displayName=k;var O="AlertDialogCancel",m=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,{cancelRef:a}=W(O,t),u=s(t),g=E.useComposedRefs(o,a);return i.jsxRuntimeExports.jsx(n.Close,{...u,...r,ref:g})});m.displayName=O;var z=({contentRef:e})=>{const o=`\`${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 \`${N}\` 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 l.useEffect(()=>{var r;document.getElementById((r=e.current)==null?void 0:r.getAttribute("aria-describedby"))||console.warn(o)},[o,e]),null},B=d,H=A,V=D,J=v,K=m,Q=f,U=x;exports.AlertDialog=d;exports.AlertDialogAction=S;exports.AlertDialogCancel=m;exports.AlertDialogContent=v;exports.AlertDialogDescription=x;exports.AlertDialogOverlay=D;exports.AlertDialogPortal=A;exports.AlertDialogTitle=f;exports.AlertDialogTrigger=_;exports.Cancel=K;exports.Content=J;exports.Description=U;exports.Overlay=V;exports.Portal=H;exports.Root=B;exports.Title=Q;exports.createAlertDialogScope=I;
//# sourceMappingURL=index.cjs296.js.map