@skdx/react 0.28.0 → 0.30.0

package/dist/speed-dial/SpeedDial.cjs

@@ -1 +1,2 @@
-"use strict";var Ee=Object.create;var E=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var Oe=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,Le=Object.prototype.hasOwnProperty;var Ae=(t,r)=>{for(var e in r)E(t,e,{get:r[e],enumerable:!0})},U=(t,r,e,p)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of Oe(r))!Le.call(t,n)&&n!==e&&E(t,n,{get:()=>r[n],enumerable:!(p=xe(r,n))||p.enumerable});return t};var y=(t,r,e)=>(e=t!=null?Ee(be(t)):{},U(r||!t||!t.__esModule?E(e,"default",{value:t,enumerable:!0}):e,t)),He=t=>U(E({},"__esModule",{value:!0}),t);var _e={};Ae(_e,{ANY_ITEM_SELECTOR:()=>K,DIRECTION_SIDE:()=>F,ITEM_SELECTOR:()=>O,SpeedDial:()=>B,SpeedDialContent:()=>b,SpeedDialItem:()=>A,SpeedDialItemLabel:()=>H,SpeedDialItemProvider:()=>oe,SpeedDialOverlay:()=>N,SpeedDialPortal:()=>k,SpeedDialProvider:()=>Ce,SpeedDialRoot:()=>z,SpeedDialTrigger:()=>M,useSpeedDialContext:()=>c,useSpeedDialItemContext:()=>q});module.exports=He(_e);var l=y(require("react"),1),Re=require("../utils/createContext.cjs"),Pe=require("../utils/popper.cjs"),ge=require("../utils/presence.cjs"),ye=require("../utils/useControllableState.cjs"),ve=require("../utils/useOpenChangeComplete.cjs");var v=y(require("react"),1),W=require("../utils/composeRefs.cjs"),G=require("../utils/part.cjs"),J=require("../utils/popper.cjs"),x=require("../utils/primitive.cjs"),Q=require("../utils/useDismiss.cjs"),X=require("../utils/useRovingFocus.cjs");var Z=require("react/jsx-runtime");function Ne(t){v.useLayoutEffect(()=>{t.current?.querySelectorAll(K)?.forEach((e,p)=>{e.style.setProperty("--skdx-speed-dial-index",String(p)),e.style.setProperty("--skdx-speed-dial-offset",String(p+1))})})}var ke={up:"vertical",down:"vertical",left:"horizontal",right:"horizontal"},b=v.forwardRef(({forceMount:t,loop:r=!0,onEscapeKeyDown:e,onPointerDownOutside:p,onFocusOutside:n,onInteractOutside:i,align:f="center",sideOffset:R=8,...d},u)=>{let o=c("SpeedDialContent"),S=(0,W.useComposedRefs)(u,o.contentRef),s=ke[o.direction],D=(0,X.useRovingFocus)({orientation:s,loop:r,itemSelector:O,typeahead:!0});Ne(o.contentRef);let I=()=>{o.onOpenChange(!1),o.triggerRef.current?.focus()};return(0,Q.useDismiss)({enabled:o.open,onEscapeKeyDown:a=>{e?.(a),a.defaultPrevented||I()},onInteractOutside:i,onPointerDownOutside:a=>{p?.(a),a.defaultPrevented||o.onOpenChange(!1)},onFocusOutside:a=>{n?.(a),a.defaultPrevented||o.onOpenChange(!1)}},[o.contentRef,o.triggerRef]),v.useEffect(()=>{if(!o.open||o.openReason.current==="hover")return;let a=requestAnimationFrame(()=>{(o.contentRef.current?.querySelector(O)??o.contentRef.current)?.focus({preventScroll:!0})});return()=>cancelAnimationFrame(a)},[o.open,o.contentRef,o.openReason]),t||o.mounted?(0,Z.jsx)(J.PopperContent,{component:"speed-dial",role:"menu","aria-orientation":s,"aria-labelledby":o.triggerId,id:o.contentId,"data-state":o.open?"open":"closed","data-direction":o.direction,tabIndex:-1,side:F[o.direction],align:f,sideOffset:R,...d,...(0,G.skdxPart)("speed-dial","content",d.className),ref:S,onKeyDown:(0,x.composeEventHandlers)(d.onKeyDown,a=>{D(a),a.key==="Tab"&&(a.preventDefault(),I())}),onPointerEnter:(0,x.composeEventHandlers)(d.onPointerEnter,a=>{o.openOnHover&&a.pointerType!=="touch"&&o.onPointerEnter()}),onPointerLeave:(0,x.composeEventHandlers)(d.onPointerLeave,a=>{o.openOnHover&&a.pointerType!=="touch"&&o.onPointerLeave()})}):null});b.displayName="SpeedDialContent";var L=y(require("react"),1),$=require("../utils/createContext.cjs"),j=require("../utils/part.cjs"),ee=require("../utils/primitive.cjs"),te=require("../utils/useMenuItem.cjs");var V=require("react/jsx-runtime"),[oe,q]=(0,$.createSafeContext)("SpeedDialItem"),A=L.forwardRef(({disabled:t,onSelect:r,...e},p)=>{let n=c("SpeedDialItem"),[i,f]=L.useState(void 0),R=(0,te.useMenuItem)({disabled:t,onSelect:r,onSelected:()=>{n.onOpenChange(!1),n.triggerRef.current?.focus()},contentRef:n.contentRef,props:e});return(0,V.jsx)(oe,{labelId:i,setLabelId:f,children:(0,V.jsx)(ee.Primitive.div,{role:"menuitem","aria-labelledby":i,...e,...R,...(0,j.skdxPart)("speed-dial","item",e.className),ref:p})})});A.displayName="SpeedDialItem";var C=y(require("react"),1),re=require("../utils/part.cjs"),ne=require("../utils/primitive.cjs");var ie=require("react/jsx-runtime"),H=C.forwardRef((t,r)=>{let e=q("SpeedDialItemLabel"),p=C.useId(),n=t.id??p,{setLabelId:i}=e;return C.useLayoutEffect(()=>(i(n),()=>i(void 0)),[n,i]),(0,ie.jsx)(ne.Primitive.span,{...t,id:n,...(0,re.skdxPart)("speed-dial","item-label",t.className),ref:r})});H.displayName="SpeedDialItemLabel";var ae=y(require("react"),1),pe=require("../utils/part.cjs"),le=require("../utils/primitive.cjs");var de=require("react/jsx-runtime"),N=ae.forwardRef((t,r)=>{let e=c("SpeedDialOverlay");return e.mounted?(0,de.jsx)(le.Primitive.div,{"data-state":e.open?"open":"closed",...t,...(0,pe.skdxPart)("speed-dial","overlay",t.className),ref:r}):null});N.displayName="SpeedDialOverlay";var se=require("../utils/portal.cjs");var ce=require("react/jsx-runtime"),k=({forceMount:t,children:r,...e})=>{let p=c("SpeedDialPortal");return t||p.mounted?(0,ce.jsx)(se.Portal,{...e,children:r}):null};k.displayName="SpeedDialPortal";var me=y(require("react"),1),fe=require("../utils/composeRefs.cjs"),ue=require("../utils/part.cjs"),Se=require("../utils/popper.cjs"),g=require("../utils/primitive.cjs");var Y=require("react/jsx-runtime"),Me={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},M=me.forwardRef((t,r)=>{let e=c("SpeedDialTrigger"),p=(0,fe.useComposedRefs)(r,e.triggerRef),n=e.disabled||t.disabled;return(0,Y.jsx)(Se.PopperAnchor,{asChild:!0,children:(0,Y.jsx)(g.Primitive.button,{type:"button",id:e.triggerId,"aria-haspopup":"menu","aria-expanded":e.open,"aria-controls":e.contentId,"data-state":e.open?"open":"closed","data-direction":e.direction,...t,disabled:n,"data-disabled":n?"":void 0,...(0,ue.skdxPart)("speed-dial","trigger",t.className),ref:p,onClick:(0,g.composeEventHandlers)(t.onClick,()=>{e.onOpenChange(!e.open,"pointer")}),onKeyDown:(0,g.composeEventHandlers)(t.onKeyDown,i=>{Me[e.direction].includes(i.key)&&(i.preventDefault(),e.onOpenChange(!0,"keyboard"))}),onPointerEnter:(0,g.composeEventHandlers)(t.onPointerEnter,i=>{!e.openOnHover||i.pointerType==="touch"||e.onHoverOpen()}),onPointerLeave:(0,g.composeEventHandlers)(t.onPointerLeave,i=>{!e.openOnHover||i.pointerType==="touch"||e.onPointerLeave()})})})});M.displayName="SpeedDialTrigger";var m=require("react/jsx-runtime"),De=({trigger:t,actions:r=[],onSelect:e,overlay:p,passThrough:n})=>(0,m.jsxs)(m.Fragment,{children:[t?(0,m.jsx)(M,{asChild:!0,...n?.id?{"aria-controls":n.id}:{},children:t}):null,(0,m.jsxs)(k,{children:[p?(0,m.jsx)(N,{}):null,(0,m.jsx)(b,{...n,children:r.map((i,f)=>(0,m.jsxs)(A,{disabled:i.disabled,onSelect:()=>{i.onSelect?.(),e?.(i,f)},children:[i.icon,(0,m.jsx)(H,{children:i.label})]},f))})]})]});var h=require("react/jsx-runtime"),K='[role="menuitem"]',O='[role="menuitem"]:not([data-disabled])',F={up:"top",down:"bottom",left:"left",right:"right"},[Ce,c]=(0,Re.createSafeContext)("SpeedDial");function z({children:t,open:r,defaultOpen:e=!1,onOpenChange:p,onOpenChangeComplete:n,direction:i="up",openOnHover:f=!1,hoverCloseDelay:R=300,hoverOpenDelay:d=0,disabled:u=!1}){let o=l.useRef(null),S=l.useRef(null),s=l.useRef(0),D=l.useRef(0),I=l.useRef("programmatic"),[a=!1,P]=(0,ye.useControllableState)({prop:r,defaultProp:e,onChange:p}),Ie=(0,ge.usePresence)(a,S);(0,ve.useOpenChangeComplete)(a,S,n),l.useEffect(()=>()=>{window.clearTimeout(s.current),window.clearTimeout(D.current)},[]);let w=l.useCallback((T,_="programmatic")=>{window.clearTimeout(s.current),window.clearTimeout(D.current),!(T&&u)&&(I.current=_,P(T))},[u,P]);l.useEffect(()=>{if(!u||!a)return;let T=S.current?.ownerDocument.activeElement??null,_=!!T&&S.current?.contains(T)===!0;P(!1),_&&o.current?.focus()},[u,a,P]);let Te=l.useCallback(()=>{window.clearTimeout(s.current)},[]),he=l.useCallback(()=>{if(window.clearTimeout(s.current),window.clearTimeout(D.current),d<=0){w(!0,"hover");return}D.current=window.setTimeout(()=>w(!0,"hover"),d)},[w,d]),we=l.useCallback(()=>{window.clearTimeout(s.current),window.clearTimeout(D.current),s.current=window.setTimeout(()=>P(!1),R)},[R,P]);return(0,h.jsx)(Pe.PopperRoot,{children:(0,h.jsx)(Ce,{triggerRef:o,contentRef:S,contentId:l.useId(),triggerId:l.useId(),open:a,mounted:Ie,direction:i,disabled:u,openOnHover:f,openReason:I,onOpenChange:w,onPointerEnter:Te,onHoverOpen:he,onPointerLeave:we,children:t})})}z.displayName="SpeedDialRoot";function B({trigger:t,actions:r,onSelect:e,overlay:p=!1,open:n,defaultOpen:i,onOpenChange:f,onOpenChangeComplete:R,direction:d,openOnHover:u,hoverCloseDelay:o,hoverOpenDelay:S,disabled:s,...D}){return(0,h.jsx)(z,{open:n,defaultOpen:i,onOpenChange:f,onOpenChangeComplete:R,direction:d,openOnHover:u,hoverCloseDelay:o,hoverOpenDelay:S,disabled:s,children:(0,h.jsx)(De,{trigger:t,actions:r,onSelect:e,overlay:p,passThrough:D})})}B.displayName="SpeedDial";0&&(module.exports={ANY_ITEM_SELECTOR,DIRECTION_SIDE,ITEM_SELECTOR,SpeedDial,SpeedDialContent,SpeedDialItem,SpeedDialItemLabel,SpeedDialItemProvider,SpeedDialOverlay,SpeedDialPortal,SpeedDialProvider,SpeedDialRoot,SpeedDialTrigger,useSpeedDialContext,useSpeedDialItemContext});
+'use client';
+"use strict";var Oe=Object.create;var E=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var we=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,Le=Object.prototype.hasOwnProperty;var Ae=(t,r)=>{for(var e in r)E(t,e,{get:r[e],enumerable:!0})},q=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of we(r))!Le.call(t,i)&&i!==e&&E(t,i,{get:()=>r[i],enumerable:!(o=xe(r,i))||o.enumerable});return t};var T=(t,r,e)=>(e=t!=null?Oe(be(t)):{},q(r||!t||!t.__esModule?E(e,"default",{value:t,enumerable:!0}):e,t)),Ne=t=>q(E({},"__esModule",{value:!0}),t);var _e={};Ae(_e,{ANY_ITEM_SELECTOR:()=>_,DIRECTION_SIDE:()=>z,ITEM_SELECTOR:()=>O,SpeedDial:()=>V,SpeedDialContent:()=>w,SpeedDialItem:()=>b,SpeedDialItemLabel:()=>A,SpeedDialItemProvider:()=>ne,SpeedDialOverlay:()=>N,SpeedDialPortal:()=>k,SpeedDialProvider:()=>Ie,SpeedDialRoot:()=>F,SpeedDialTrigger:()=>H,useSpeedDialContext:()=>u,useSpeedDialItemContext:()=>J});module.exports=Ne(_e);var d=T(require("react"),1),Pe=require("../utils/createContext.cjs"),ge=require("../utils/popper.cjs"),ye=require("../utils/recipeAxis.cjs"),Ce=require("../utils/useControllableState.cjs"),ve=require("../utils/useOpenChangeComplete.cjs");var x=T(require("react"),1),Y=require("../utils/composeRefs.cjs"),U=require("../utils/dismissal.cjs"),B=require("../utils/part.cjs"),W=require("../utils/popper.cjs"),h=require("../utils/primitive.cjs"),G=require("../utils/useDismiss.cjs"),Q=require("../utils/useRovingFocus.cjs");var Z=require("react/jsx-runtime");function ke(t){x.useLayoutEffect(()=>{t.current?.querySelectorAll(_)?.forEach((e,o)=>{e.style.setProperty("--skdx-speed-dial-index",String(o)),e.style.setProperty("--skdx-speed-dial-offset",String(o+1))})})}var He={up:"vertical",down:"vertical",left:"horizontal",right:"horizontal"},w=({forceMount:t,loop:r=!0,onEscapeKeyDown:e,onPointerDownOutside:o,onFocusOutside:i,onInteractOutside:l,align:p="center",sideOffset:c=8,ref:D,...s})=>{let n=u("SpeedDialContent"),P=(0,Y.useComposedRefs)(D,n.contentRef),m=He[n.direction],R=(0,Q.useRovingFocus)({orientation:m,loop:r,itemSelector:O,typeahead:!0});ke(n.contentRef);let g=()=>{n.onOpenChange(!1),n.triggerRef.current?.focus()};return(0,G.useDismiss)({enabled:n.open,onEscapeKeyDown:a=>{e?.(a),a.defaultPrevented||g()},onInteractOutside:l,onPointerDownOutside:a=>{o?.(a),a.defaultPrevented||n.onOpenChange(!1)},onFocusOutside:a=>{i?.(a),a.defaultPrevented||n.onOpenChange(!1)}},[n.contentRef,n.triggerRef]),x.useEffect(()=>{if(!n.open||n.openReason.current==="hover")return;let a=requestAnimationFrame(()=>{let f=n.contentRef.current;if(!f||f.contains(document.activeElement))return;let C=f.querySelector(O);(0,U.focusOnOpen)(()=>(C??f).focus({preventScroll:!0}))});return()=>cancelAnimationFrame(a)},[n.open,n.contentRef,n.openReason]),t||n.open?(0,Z.jsx)(W.PopperContent,{component:"speed-dial",role:"menu","aria-orientation":m,"aria-labelledby":n.triggerId,id:n.contentId,"data-state":n.open?"open":"closed","data-direction":n.direction,tabIndex:-1,side:z[n.direction],align:p,sideOffset:c,...s,...(0,B.skdxPart)("speed-dial","content",s.className),ref:P,onKeyDown:(0,h.composeEventHandlers)(s.onKeyDown,a=>{R(a),a.key==="Tab"&&(a.preventDefault(),g())}),onPointerEnter:(0,h.composeEventHandlers)(s.onPointerEnter,a=>{n.openOnHover&&a.pointerType!=="touch"&&n.onPointerEnter()}),onPointerLeave:(0,h.composeEventHandlers)(s.onPointerLeave,a=>{n.openOnHover&&a.pointerType!=="touch"&&n.onPointerLeave()})}):null};w.displayName="SpeedDialContent";var $=T(require("react"),1),j=require("../utils/appearance.cjs"),ee=require("../utils/createContext.cjs"),te=require("../utils/part.cjs"),oe=require("../utils/primitive.cjs"),re=require("../utils/useMenuItem.cjs");var K=require("react/jsx-runtime"),[ne,J]=(0,ee.createSafeContext)("SpeedDialItem"),b=({disabled:t,onSelect:r,ref:e,size:o,...i})=>{let l=u("SpeedDialItem"),[p,c]=$.useState(void 0),D=(0,re.useMenuItem)({disabled:t,onSelect:r,onSelected:()=>{l.onOpenChange(!1),l.triggerRef.current?.focus()},contentRef:l.contentRef,props:i});return(0,K.jsx)(ne,{labelId:p,setLabelId:c,children:(0,K.jsx)(oe.Primitive.div,{role:"menuitem","aria-labelledby":p,...i,...D,...(0,j.appearanceAttrs)({size:o},i),...(0,te.skdxPart)("speed-dial","item",i.className),ref:e})})};b.displayName="SpeedDialItem";var L=T(require("react"),1),ie=require("../utils/part.cjs"),ae=require("../utils/primitive.cjs");var pe=require("react/jsx-runtime"),A=({ref:t,...r})=>{let e=J("SpeedDialItemLabel"),o=L.useId(),i=r.id??o,{setLabelId:l}=e;return L.useLayoutEffect(()=>(l(i),()=>l(void 0)),[i,l]),(0,pe.jsx)(ae.Primitive.span,{...r,id:i,...(0,ie.skdxPart)("speed-dial","item-label",r.className),ref:t})};A.displayName="SpeedDialItemLabel";var le=require("../utils/part.cjs"),de=require("../utils/primitive.cjs");var se=require("react/jsx-runtime"),N=({ref:t,...r})=>{let e=u("SpeedDialOverlay");return(0,se.jsx)(de.Primitive.div,{"data-state":e.open?"open":"closed",...r,...(0,le.skdxPart)("speed-dial","overlay",r.className),ref:t})};N.displayName="SpeedDialOverlay";var ce=require("../utils/portal.cjs");var me=require("react/jsx-runtime"),k=({forceMount:t,children:r,...e})=>{let o=u("SpeedDialPortal");return t||o.open?(0,me.jsx)(ce.Portal,{...e,children:r}):null};k.displayName="SpeedDialPortal";var fe=require("../utils/appearance.cjs"),ue=require("../utils/composeRefs.cjs"),Se=require("../utils/part.cjs"),De=require("../utils/popper.cjs"),y=require("../utils/primitive.cjs");var X=require("react/jsx-runtime"),Me={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},H=({ref:t,size:r,...e})=>{let o=u("SpeedDialTrigger"),i=(0,ue.useComposedRefs)(t,o.triggerRef),l=o.disabled||e.disabled;return(0,X.jsx)(De.PopperAnchor,{asChild:!0,children:(0,X.jsx)(y.Primitive.button,{type:"button",id:o.triggerId,"aria-haspopup":"menu","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":o.open?"open":"closed","data-direction":o.direction,...e,disabled:l,"data-disabled":l?"":void 0,...(0,fe.appearanceAttrs)({size:r},e),...(0,Se.skdxPart)("speed-dial","trigger",e.className),ref:i,onClick:(0,y.composeEventHandlers)(e.onClick,()=>{o.onOpenChange(!o.open,"pointer")}),onKeyDown:(0,y.composeEventHandlers)(e.onKeyDown,p=>{Me[o.direction].includes(p.key)&&(p.preventDefault(),o.onOpenChange(!0,"keyboard"))}),onPointerEnter:(0,y.composeEventHandlers)(e.onPointerEnter,p=>{!o.openOnHover||p.pointerType==="touch"||o.onHoverOpen()}),onPointerLeave:(0,y.composeEventHandlers)(e.onPointerLeave,p=>{!o.openOnHover||p.pointerType==="touch"||o.onPointerLeave()})})})};H.displayName="SpeedDialTrigger";var S=require("react/jsx-runtime"),Re=({size:t,trigger:r,actions:e=[],onSelect:o,overlay:i,passThrough:l})=>(0,S.jsxs)(S.Fragment,{children:[r?(0,S.jsx)(H,{asChild:!0,size:t,...l?.id?{"aria-controls":l.id}:{},children:r}):null,(0,S.jsxs)(k,{children:[i?(0,S.jsx)(N,{}):null,(0,S.jsx)(w,{...l,"data-size":void 0,children:e.map((p,c)=>(0,S.jsxs)(b,{size:t,disabled:p.disabled,onSelect:()=>{p.onSelect?.(),o?.(p,c)},children:[p.icon,(0,S.jsx)(A,{children:p.label})]},c))})]})]});var I=require("react/jsx-runtime"),_='[role="menuitem"]',O='[role="menuitem"]:not([data-disabled])',z={up:"top",down:"bottom",left:"left",right:"right"},[Ie,u]=(0,Pe.createSafeContext)("SpeedDial");function F({children:t,open:r,defaultOpen:e=!1,onOpenChange:o,onOpenChangeComplete:i,direction:l="up",openOnHover:p=!1,hoverCloseDelay:c=300,hoverOpenDelay:D=0,disabled:s=!1}){let n=d.useRef(null),P=d.useRef(null),m=d.useRef(0),R=d.useRef(0),g=d.useRef("programmatic"),[a=!1,f]=(0,Ce.useControllableState)({prop:r,defaultProp:e,onChange:o});(0,ve.useOpenChangeComplete)(a,P,i),d.useEffect(()=>()=>{window.clearTimeout(m.current),window.clearTimeout(R.current)},[]);let C=d.useCallback((v,M="programmatic")=>{window.clearTimeout(m.current),window.clearTimeout(R.current),!(v&&s)&&(g.current=M,f(v))},[s,f]);d.useEffect(()=>{if(!s||!a)return;let v=P.current?.ownerDocument.activeElement??null,M=!!v&&P.current?.contains(v)===!0;f(!1),M&&n.current?.focus()},[s,a,f]);let Ee=d.useCallback(()=>{window.clearTimeout(m.current)},[]),Te=d.useCallback(()=>{if(window.clearTimeout(m.current),window.clearTimeout(R.current),D<=0){C(!0,"hover");return}R.current=window.setTimeout(()=>C(!0,"hover"),D)},[C,D]),he=d.useCallback(()=>{window.clearTimeout(m.current),window.clearTimeout(R.current),m.current=window.setTimeout(()=>f(!1),c)},[c,f]);return(0,I.jsx)(ge.PopperRoot,{children:(0,I.jsx)(Ie,{triggerRef:n,contentRef:P,contentId:d.useId(),triggerId:d.useId(),open:a,direction:l,disabled:s,openOnHover:p,openReason:g,onOpenChange:C,onPointerEnter:Ee,onHoverOpen:Te,onPointerLeave:he,children:t})})}F.displayName="SpeedDialRoot";function V({trigger:t,actions:r,onSelect:e,overlay:o=!1,open:i,defaultOpen:l,onOpenChange:p,onOpenChangeComplete:c,direction:D,openOnHover:s,hoverCloseDelay:n,hoverOpenDelay:P,disabled:m,size:R,...g}){return(0,I.jsx)(F,{open:i,defaultOpen:l,onOpenChange:p,onOpenChangeComplete:c,direction:D,openOnHover:s,hoverCloseDelay:n,hoverOpenDelay:P,disabled:m,children:(0,I.jsx)(Re,{size:(0,ye.recipeAxis)(R,g,"data-size"),trigger:t,actions:r,onSelect:e,overlay:o,passThrough:g})})}V.displayName="SpeedDial";0&&(module.exports={ANY_ITEM_SELECTOR,DIRECTION_SIDE,ITEM_SELECTOR,SpeedDial,SpeedDialContent,SpeedDialItem,SpeedDialItemLabel,SpeedDialItemProvider,SpeedDialOverlay,SpeedDialPortal,SpeedDialProvider,SpeedDialRoot,SpeedDialTrigger,useSpeedDialContext,useSpeedDialItemContext});

package/dist/speed-dial/SpeedDial.d.cts

@@ -1,38 +1,25 @@
 import * as React from 'react';
 import { type Side } from '../utils/popper.cjs';
 import type { SpeedDialContextValue, SpeedDialDirection, SpeedDialProps } from './types.cjs';
-/**
- * @internal Every action slot, disabled ones included. Used for the
- * positional custom properties: a disabled action still occupies its place in
- * the fan, so numbering around it would make the remaining actions jump.
- */
+/** @internal Every action slot, including disabled ones, so positional numbering doesn't shift. */
 export declare const ANY_ITEM_SELECTOR = "[role=\"menuitem\"]";
 /** @internal Focusable, non-disabled actions — the set arrow keys and typeahead move between. */
 export declare const ITEM_SELECTOR = "[role=\"menuitem\"]:not([data-disabled])";
 /** @internal The popper side each fan direction positions its content on. */
 export declare const DIRECTION_SIDE: Record<SpeedDialDirection, Side>;
-export declare const SpeedDialProvider: {
-    (props: SpeedDialContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useSpeedDialContext: (consumerName: string) => SpeedDialContextValue;
+export declare const SpeedDialProvider: React.FC<SpeedDialContextValue & {
+    children: React.ReactNode;
+}>, useSpeedDialContext: (consumerName: string) => SpeedDialContextValue;
 /** Props for {@link SpeedDialRoot}: {@link SpeedDialProps} minus the derived-anatomy-only props, plus the parts as `children`. */
 export type SpeedDialRootProps = Omit<SpeedDialProps, 'trigger' | 'actions' | 'onSelect' | 'overlay'> & {
     /**
      * Trigger and portal; fan DOM rendered by SpeedDialPortal elsewhere.
      * @default undefined
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 };
 /**
- * SpeedDial's state/context primitive; owns open state passed to children via context.
- * Renders no DOM itself; wraps children in popper positioning root.
- *
- * A WAI-ARIA menu: trigger has aria-haspopup=menu, content is role=menu, items are role=menuitem.
- * One tab stop with arrow/typeahead navigation. Direction controls fan geometry; stagger is CSS.
- *
- * Supports controlled (open + onOpenChange) or uncontrolled (defaultOpen).
+ * SpeedDial's state and context primitive; renders no DOM and positions children via a popper root.
  *
  * @example
  * ```tsx
@@ -56,11 +43,6 @@ export declare namespace SpeedDialRoot {
 /**
  * Floating action button that fans actions out along one axis as a WAI-ARIA menu.
  *
- * Derives anatomy from trigger and actions: button, portal, optional scrim, and fan.
- * No children; use SpeedDialRoot directly for full manual composition.
- *
- * Supports controlled (open + onOpenChange) or uncontrolled (defaultOpen).
- *
  * @example
  * ```tsx
  * <SpeedDial
@@ -71,22 +53,8 @@ export declare namespace SpeedDialRoot {
  *   ]}
  * />
  * ```
- *
- * @example Full manual composition via SpeedDialRoot (primitives/speed-dial).
- * ```tsx
- * <SpeedDialRoot>
- *   <SpeedDialTrigger aria-label="Actions">+</SpeedDialTrigger>
- *   <SpeedDialPortal>
- *     <SpeedDialContent>
- *       <SpeedDialItem onSelect={share}>
- *         <SpeedDialItemLabel>Share</SpeedDialItemLabel>
- *       </SpeedDialItem>
- *     </SpeedDialContent>
- *   </SpeedDialPortal>
- * </SpeedDialRoot>
- * ```
  */
-export declare function SpeedDial({ trigger, actions, onSelect, overlay, open, defaultOpen, onOpenChange, onOpenChangeComplete, direction, openOnHover, hoverCloseDelay, hoverOpenDelay, disabled, ...rest }: SpeedDialProps): React.JSX.Element;
+export declare function SpeedDial({ trigger, actions, onSelect, overlay, open, defaultOpen, onOpenChange, onOpenChangeComplete, direction, openOnHover, hoverCloseDelay, hoverOpenDelay, disabled, size, ...rest }: SpeedDialProps): React.JSX.Element;
 export declare namespace SpeedDial {
     var displayName: string;
 }

package/dist/speed-dial/SpeedDial.d.ts

@@ -1,38 +1,25 @@
 import * as React from 'react';
 import { type Side } from '../utils/popper.js';
 import type { SpeedDialContextValue, SpeedDialDirection, SpeedDialProps } from './types.js';
-/**
- * @internal Every action slot, disabled ones included. Used for the
- * positional custom properties: a disabled action still occupies its place in
- * the fan, so numbering around it would make the remaining actions jump.
- */
+/** @internal Every action slot, including disabled ones, so positional numbering doesn't shift. */
 export declare const ANY_ITEM_SELECTOR = "[role=\"menuitem\"]";
 /** @internal Focusable, non-disabled actions — the set arrow keys and typeahead move between. */
 export declare const ITEM_SELECTOR = "[role=\"menuitem\"]:not([data-disabled])";
 /** @internal The popper side each fan direction positions its content on. */
 export declare const DIRECTION_SIDE: Record<SpeedDialDirection, Side>;
-export declare const SpeedDialProvider: {
-    (props: SpeedDialContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useSpeedDialContext: (consumerName: string) => SpeedDialContextValue;
+export declare const SpeedDialProvider: React.FC<SpeedDialContextValue & {
+    children: React.ReactNode;
+}>, useSpeedDialContext: (consumerName: string) => SpeedDialContextValue;
 /** Props for {@link SpeedDialRoot}: {@link SpeedDialProps} minus the derived-anatomy-only props, plus the parts as `children`. */
 export type SpeedDialRootProps = Omit<SpeedDialProps, 'trigger' | 'actions' | 'onSelect' | 'overlay'> & {
     /**
      * Trigger and portal; fan DOM rendered by SpeedDialPortal elsewhere.
      * @default undefined
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 };
 /**
- * SpeedDial's state/context primitive; owns open state passed to children via context.
- * Renders no DOM itself; wraps children in popper positioning root.
- *
- * A WAI-ARIA menu: trigger has aria-haspopup=menu, content is role=menu, items are role=menuitem.
- * One tab stop with arrow/typeahead navigation. Direction controls fan geometry; stagger is CSS.
- *
- * Supports controlled (open + onOpenChange) or uncontrolled (defaultOpen).
+ * SpeedDial's state and context primitive; renders no DOM and positions children via a popper root.
  *
  * @example
  * ```tsx
@@ -56,11 +43,6 @@ export declare namespace SpeedDialRoot {
 /**
  * Floating action button that fans actions out along one axis as a WAI-ARIA menu.
  *
- * Derives anatomy from trigger and actions: button, portal, optional scrim, and fan.
- * No children; use SpeedDialRoot directly for full manual composition.
- *
- * Supports controlled (open + onOpenChange) or uncontrolled (defaultOpen).
- *
  * @example
  * ```tsx
  * <SpeedDial
@@ -71,22 +53,8 @@ export declare namespace SpeedDialRoot {
  *   ]}
  * />
  * ```
- *
- * @example Full manual composition via SpeedDialRoot (primitives/speed-dial).
- * ```tsx
- * <SpeedDialRoot>
- *   <SpeedDialTrigger aria-label="Actions">+</SpeedDialTrigger>
- *   <SpeedDialPortal>
- *     <SpeedDialContent>
- *       <SpeedDialItem onSelect={share}>
- *         <SpeedDialItemLabel>Share</SpeedDialItemLabel>
- *       </SpeedDialItem>
- *     </SpeedDialContent>
- *   </SpeedDialPortal>
- * </SpeedDialRoot>
- * ```
  */
-export declare function SpeedDial({ trigger, actions, onSelect, overlay, open, defaultOpen, onOpenChange, onOpenChangeComplete, direction, openOnHover, hoverCloseDelay, hoverOpenDelay, disabled, ...rest }: SpeedDialProps): React.JSX.Element;
+export declare function SpeedDial({ trigger, actions, onSelect, overlay, open, defaultOpen, onOpenChange, onOpenChangeComplete, direction, openOnHover, hoverCloseDelay, hoverOpenDelay, disabled, size, ...rest }: SpeedDialProps): React.JSX.Element;
 export declare namespace SpeedDial {
     var displayName: string;
 }

package/dist/speed-dial/SpeedDial.js

@@ -1 +1,2 @@
-import*as l from"react";import{createSafeContext as Te}from"../utils/createContext.js";import{PopperRoot as he}from"../utils/popper.js";import{usePresence as we}from"../utils/presence.js";import{useControllableState as Ee}from"../utils/useControllableState.js";import{useOpenChangeComplete as xe}from"../utils/useOpenChangeComplete.js";import*as P from"react";import{useComposedRefs as Z}from"../utils/composeRefs.js";import{skdxPart as $}from"../utils/part.js";import{PopperContent as j}from"../utils/popper.js";import{composeEventHandlers as x}from"../utils/primitive.js";import{useDismiss as ee}from"../utils/useDismiss.js";import{useRovingFocus as te}from"../utils/useRovingFocus.js";import{jsx as ne}from"react/jsx-runtime";function oe(o){P.useLayoutEffect(()=>{o.current?.querySelectorAll(_)?.forEach((e,p)=>{e.style.setProperty("--skdx-speed-dial-index",String(p)),e.style.setProperty("--skdx-speed-dial-offset",String(p+1))})})}var re={up:"vertical",down:"vertical",left:"horizontal",right:"horizontal"},b=P.forwardRef(({forceMount:o,loop:a=!0,onEscapeKeyDown:e,onPointerDownOutside:p,onFocusOutside:i,onInteractOutside:r,align:c="center",sideOffset:D=8,...d},f)=>{let t=m("SpeedDialContent"),u=Z(f,t.contentRef),s=re[t.direction],S=te({orientation:s,loop:a,itemSelector:O,typeahead:!0});oe(t.contentRef);let y=()=>{t.onOpenChange(!1),t.triggerRef.current?.focus()};return ee({enabled:t.open,onEscapeKeyDown:n=>{e?.(n),n.defaultPrevented||y()},onInteractOutside:r,onPointerDownOutside:n=>{p?.(n),n.defaultPrevented||t.onOpenChange(!1)},onFocusOutside:n=>{i?.(n),n.defaultPrevented||t.onOpenChange(!1)}},[t.contentRef,t.triggerRef]),P.useEffect(()=>{if(!t.open||t.openReason.current==="hover")return;let n=requestAnimationFrame(()=>{(t.contentRef.current?.querySelector(O)??t.contentRef.current)?.focus({preventScroll:!0})});return()=>cancelAnimationFrame(n)},[t.open,t.contentRef,t.openReason]),o||t.mounted?ne(j,{component:"speed-dial",role:"menu","aria-orientation":s,"aria-labelledby":t.triggerId,id:t.contentId,"data-state":t.open?"open":"closed","data-direction":t.direction,tabIndex:-1,side:K[t.direction],align:c,sideOffset:D,...d,...$("speed-dial","content",d.className),ref:u,onKeyDown:x(d.onKeyDown,n=>{S(n),n.key==="Tab"&&(n.preventDefault(),y())}),onPointerEnter:x(d.onPointerEnter,n=>{t.openOnHover&&n.pointerType!=="touch"&&t.onPointerEnter()}),onPointerLeave:x(d.onPointerLeave,n=>{t.openOnHover&&n.pointerType!=="touch"&&t.onPointerLeave()})}):null});b.displayName="SpeedDialContent";import*as I from"react";import{createSafeContext as ie}from"../utils/createContext.js";import{skdxPart as ae}from"../utils/part.js";import{Primitive as pe}from"../utils/primitive.js";import{useMenuItem as le}from"../utils/useMenuItem.js";import{jsx as F}from"react/jsx-runtime";var[de,V]=ie("SpeedDialItem"),L=I.forwardRef(({disabled:o,onSelect:a,...e},p)=>{let i=m("SpeedDialItem"),[r,c]=I.useState(void 0),D=le({disabled:o,onSelect:a,onSelected:()=>{i.onOpenChange(!1),i.triggerRef.current?.focus()},contentRef:i.contentRef,props:e});return F(de,{labelId:r,setLabelId:c,children:F(pe.div,{role:"menuitem","aria-labelledby":r,...e,...D,...ae("speed-dial","item",e.className),ref:p})})});L.displayName="SpeedDialItem";import*as g from"react";import{skdxPart as se}from"../utils/part.js";import{Primitive as ce}from"../utils/primitive.js";import{jsx as me}from"react/jsx-runtime";var A=g.forwardRef((o,a)=>{let e=V("SpeedDialItemLabel"),p=g.useId(),i=o.id??p,{setLabelId:r}=e;return g.useLayoutEffect(()=>(r(i),()=>r(void 0)),[i,r]),me(ce.span,{...o,id:i,...se("speed-dial","item-label",o.className),ref:a})});A.displayName="SpeedDialItemLabel";import*as q from"react";import{skdxPart as fe}from"../utils/part.js";import{Primitive as ue}from"../utils/primitive.js";import{jsx as Se}from"react/jsx-runtime";var H=q.forwardRef((o,a)=>{let e=m("SpeedDialOverlay");return e.mounted?Se(ue.div,{"data-state":e.open?"open":"closed",...o,...fe("speed-dial","overlay",o.className),ref:a}):null});H.displayName="SpeedDialOverlay";import{Portal as De}from"../utils/portal.js";import{jsx as Re}from"react/jsx-runtime";var N=({forceMount:o,children:a,...e})=>{let p=m("SpeedDialPortal");return o||p.mounted?Re(De,{...e,children:a}):null};N.displayName="SpeedDialPortal";import*as z from"react";import{useComposedRefs as Pe}from"../utils/composeRefs.js";import{skdxPart as ge}from"../utils/part.js";import{PopperAnchor as ye}from"../utils/popper.js";import{composeEventHandlers as T,Primitive as ve}from"../utils/primitive.js";import{jsx as Y}from"react/jsx-runtime";var Ce={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},k=z.forwardRef((o,a)=>{let e=m("SpeedDialTrigger"),p=Pe(a,e.triggerRef),i=e.disabled||o.disabled;return Y(ye,{asChild:!0,children:Y(ve.button,{type:"button",id:e.triggerId,"aria-haspopup":"menu","aria-expanded":e.open,"aria-controls":e.contentId,"data-state":e.open?"open":"closed","data-direction":e.direction,...o,disabled:i,"data-disabled":i?"":void 0,...ge("speed-dial","trigger",o.className),ref:p,onClick:T(o.onClick,()=>{e.onOpenChange(!e.open,"pointer")}),onKeyDown:T(o.onKeyDown,r=>{Ce[e.direction].includes(r.key)&&(r.preventDefault(),e.onOpenChange(!0,"keyboard"))}),onPointerEnter:T(o.onPointerEnter,r=>{!e.openOnHover||r.pointerType==="touch"||e.onHoverOpen()}),onPointerLeave:T(o.onPointerLeave,r=>{!e.openOnHover||r.pointerType==="touch"||e.onPointerLeave()})})})});k.displayName="SpeedDialTrigger";import{Fragment as Ie,jsx as h,jsxs as M}from"react/jsx-runtime";var B=({trigger:o,actions:a=[],onSelect:e,overlay:p,passThrough:i})=>M(Ie,{children:[o?h(k,{asChild:!0,...i?.id?{"aria-controls":i.id}:{},children:o}):null,M(N,{children:[p?h(H,{}):null,h(b,{...i,children:a.map((r,c)=>M(L,{disabled:r.disabled,onSelect:()=>{r.onSelect?.(),e?.(r,c)},children:[r.icon,h(A,{children:r.label})]},c))})]})]});import{jsx as w}from"react/jsx-runtime";var _='[role="menuitem"]',O='[role="menuitem"]:not([data-disabled])',K={up:"top",down:"bottom",left:"left",right:"right"},[Oe,m]=Te("SpeedDial");function U({children:o,open:a,defaultOpen:e=!1,onOpenChange:p,onOpenChangeComplete:i,direction:r="up",openOnHover:c=!1,hoverCloseDelay:D=300,hoverOpenDelay:d=0,disabled:f=!1}){let t=l.useRef(null),u=l.useRef(null),s=l.useRef(0),S=l.useRef(0),y=l.useRef("programmatic"),[n=!1,R]=Ee({prop:a,defaultProp:e,onChange:p}),G=we(n,u);xe(n,u,i),l.useEffect(()=>()=>{window.clearTimeout(s.current),window.clearTimeout(S.current)},[]);let C=l.useCallback((v,E="programmatic")=>{window.clearTimeout(s.current),window.clearTimeout(S.current),!(v&&f)&&(y.current=E,R(v))},[f,R]);l.useEffect(()=>{if(!f||!n)return;let v=u.current?.ownerDocument.activeElement??null,E=!!v&&u.current?.contains(v)===!0;R(!1),E&&t.current?.focus()},[f,n,R]);let J=l.useCallback(()=>{window.clearTimeout(s.current)},[]),Q=l.useCallback(()=>{if(window.clearTimeout(s.current),window.clearTimeout(S.current),d<=0){C(!0,"hover");return}S.current=window.setTimeout(()=>C(!0,"hover"),d)},[C,d]),X=l.useCallback(()=>{window.clearTimeout(s.current),window.clearTimeout(S.current),s.current=window.setTimeout(()=>R(!1),D)},[D,R]);return w(he,{children:w(Oe,{triggerRef:t,contentRef:u,contentId:l.useId(),triggerId:l.useId(),open:n,mounted:G,direction:r,disabled:f,openOnHover:c,openReason:y,onOpenChange:C,onPointerEnter:J,onHoverOpen:Q,onPointerLeave:X,children:o})})}U.displayName="SpeedDialRoot";function W({trigger:o,actions:a,onSelect:e,overlay:p=!1,open:i,defaultOpen:r,onOpenChange:c,onOpenChangeComplete:D,direction:d,openOnHover:f,hoverCloseDelay:t,hoverOpenDelay:u,disabled:s,...S}){return w(U,{open:i,defaultOpen:r,onOpenChange:c,onOpenChangeComplete:D,direction:d,openOnHover:f,hoverCloseDelay:t,hoverOpenDelay:u,disabled:s,children:w(B,{trigger:o,actions:a,onSelect:e,overlay:p,passThrough:S})})}W.displayName="SpeedDial";export{_ as ANY_ITEM_SELECTOR,K as DIRECTION_SIDE,O as ITEM_SELECTOR,W as SpeedDial,b as SpeedDialContent,L as SpeedDialItem,A as SpeedDialItemLabel,de as SpeedDialItemProvider,H as SpeedDialOverlay,N as SpeedDialPortal,Oe as SpeedDialProvider,U as SpeedDialRoot,k as SpeedDialTrigger,m as useSpeedDialContext,V as useSpeedDialItemContext};
+'use client';
+import*as d from"react";import{createSafeContext as Ee}from"../utils/createContext.js";import{PopperRoot as Te}from"../utils/popper.js";import{recipeAxis as he}from"../utils/recipeAxis.js";import{useControllableState as Oe}from"../utils/useControllableState.js";import{useOpenChangeComplete as xe}from"../utils/useOpenChangeComplete.js";import*as C from"react";import{useComposedRefs as W}from"../utils/composeRefs.js";import{focusOnOpen as G}from"../utils/dismissal.js";import{skdxPart as Q}from"../utils/part.js";import{PopperContent as Z}from"../utils/popper.js";import{composeEventHandlers as O}from"../utils/primitive.js";import{useDismiss as $}from"../utils/useDismiss.js";import{useRovingFocus as j}from"../utils/useRovingFocus.js";import{jsx as oe}from"react/jsx-runtime";function ee(a){C.useLayoutEffect(()=>{a.current?.querySelectorAll(M)?.forEach((o,e)=>{o.style.setProperty("--skdx-speed-dial-index",String(e)),o.style.setProperty("--skdx-speed-dial-offset",String(e+1))})})}var te={up:"vertical",down:"vertical",left:"horizontal",right:"horizontal"},w=({forceMount:a,loop:n=!0,onEscapeKeyDown:o,onPointerDownOutside:e,onFocusOutside:l,onInteractOutside:p,align:i="center",sideOffset:c=8,ref:S,...s})=>{let t=u("SpeedDialContent"),R=W(S,t.contentRef),m=te[t.direction],D=j({orientation:m,loop:n,itemSelector:x,typeahead:!0});ee(t.contentRef);let P=()=>{t.onOpenChange(!1),t.triggerRef.current?.focus()};return $({enabled:t.open,onEscapeKeyDown:r=>{o?.(r),r.defaultPrevented||P()},onInteractOutside:p,onPointerDownOutside:r=>{e?.(r),r.defaultPrevented||t.onOpenChange(!1)},onFocusOutside:r=>{l?.(r),r.defaultPrevented||t.onOpenChange(!1)}},[t.contentRef,t.triggerRef]),C.useEffect(()=>{if(!t.open||t.openReason.current==="hover")return;let r=requestAnimationFrame(()=>{let f=t.contentRef.current;if(!f||f.contains(document.activeElement))return;let g=f.querySelector(x);G(()=>(g??f).focus({preventScroll:!0}))});return()=>cancelAnimationFrame(r)},[t.open,t.contentRef,t.openReason]),a||t.open?oe(Z,{component:"speed-dial",role:"menu","aria-orientation":m,"aria-labelledby":t.triggerId,id:t.contentId,"data-state":t.open?"open":"closed","data-direction":t.direction,tabIndex:-1,side:_[t.direction],align:i,sideOffset:c,...s,...Q("speed-dial","content",s.className),ref:R,onKeyDown:O(s.onKeyDown,r=>{D(r),r.key==="Tab"&&(r.preventDefault(),P())}),onPointerEnter:O(s.onPointerEnter,r=>{t.openOnHover&&r.pointerType!=="touch"&&t.onPointerEnter()}),onPointerLeave:O(s.onPointerLeave,r=>{t.openOnHover&&r.pointerType!=="touch"&&t.onPointerLeave()})}):null};w.displayName="SpeedDialContent";import*as K from"react";import{appearanceAttrs as re}from"../utils/appearance.js";import{createSafeContext as ne}from"../utils/createContext.js";import{skdxPart as ie}from"../utils/part.js";import{Primitive as ae}from"../utils/primitive.js";import{useMenuItem as pe}from"../utils/useMenuItem.js";import{jsx as z}from"react/jsx-runtime";var[le,J]=ne("SpeedDialItem"),b=({disabled:a,onSelect:n,ref:o,size:e,...l})=>{let p=u("SpeedDialItem"),[i,c]=K.useState(void 0),S=pe({disabled:a,onSelect:n,onSelected:()=>{p.onOpenChange(!1),p.triggerRef.current?.focus()},contentRef:p.contentRef,props:l});return z(le,{labelId:i,setLabelId:c,children:z(ae.div,{role:"menuitem","aria-labelledby":i,...l,...S,...re({size:e},l),...ie("speed-dial","item",l.className),ref:o})})};b.displayName="SpeedDialItem";import*as v from"react";import{skdxPart as de}from"../utils/part.js";import{Primitive as se}from"../utils/primitive.js";import{jsx as ce}from"react/jsx-runtime";var L=({ref:a,...n})=>{let o=J("SpeedDialItemLabel"),e=v.useId(),l=n.id??e,{setLabelId:p}=o;return v.useLayoutEffect(()=>(p(l),()=>p(void 0)),[l,p]),ce(se.span,{...n,id:l,...de("speed-dial","item-label",n.className),ref:a})};L.displayName="SpeedDialItemLabel";import{skdxPart as me}from"../utils/part.js";import{Primitive as fe}from"../utils/primitive.js";import{jsx as ue}from"react/jsx-runtime";var A=({ref:a,...n})=>{let o=u("SpeedDialOverlay");return ue(fe.div,{"data-state":o.open?"open":"closed",...n,...me("speed-dial","overlay",n.className),ref:a})};A.displayName="SpeedDialOverlay";import{Portal as Se}from"../utils/portal.js";import{jsx as De}from"react/jsx-runtime";var N=({forceMount:a,children:n,...o})=>{let e=u("SpeedDialPortal");return a||e.open?De(Se,{...o,children:n}):null};N.displayName="SpeedDialPortal";import{appearanceAttrs as Re}from"../utils/appearance.js";import{useComposedRefs as Pe}from"../utils/composeRefs.js";import{skdxPart as ge}from"../utils/part.js";import{PopperAnchor as ye}from"../utils/popper.js";import{composeEventHandlers as I,Primitive as Ce}from"../utils/primitive.js";import{jsx as X}from"react/jsx-runtime";var ve={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},k=({ref:a,size:n,...o})=>{let e=u("SpeedDialTrigger"),l=Pe(a,e.triggerRef),p=e.disabled||o.disabled;return X(ye,{asChild:!0,children:X(Ce.button,{type:"button",id:e.triggerId,"aria-haspopup":"menu","aria-expanded":e.open,"aria-controls":e.contentId,"data-state":e.open?"open":"closed","data-direction":e.direction,...o,disabled:p,"data-disabled":p?"":void 0,...Re({size:n},o),...ge("speed-dial","trigger",o.className),ref:l,onClick:I(o.onClick,()=>{e.onOpenChange(!e.open,"pointer")}),onKeyDown:I(o.onKeyDown,i=>{ve[e.direction].includes(i.key)&&(i.preventDefault(),e.onOpenChange(!0,"keyboard"))}),onPointerEnter:I(o.onPointerEnter,i=>{!e.openOnHover||i.pointerType==="touch"||e.onHoverOpen()}),onPointerLeave:I(o.onPointerLeave,i=>{!e.openOnHover||i.pointerType==="touch"||e.onPointerLeave()})})})};k.displayName="SpeedDialTrigger";import{Fragment as Ie,jsx as E,jsxs as H}from"react/jsx-runtime";var F=({size:a,trigger:n,actions:o=[],onSelect:e,overlay:l,passThrough:p})=>H(Ie,{children:[n?E(k,{asChild:!0,size:a,...p?.id?{"aria-controls":p.id}:{},children:n}):null,H(N,{children:[l?E(A,{}):null,E(w,{...p,"data-size":void 0,children:o.map((i,c)=>H(b,{size:a,disabled:i.disabled,onSelect:()=>{i.onSelect?.(),e?.(i,c)},children:[i.icon,E(L,{children:i.label})]},c))})]})]});import{jsx as T}from"react/jsx-runtime";var M='[role="menuitem"]',x='[role="menuitem"]:not([data-disabled])',_={up:"top",down:"bottom",left:"left",right:"right"},[we,u]=Ee("SpeedDial");function V({children:a,open:n,defaultOpen:o=!1,onOpenChange:e,onOpenChangeComplete:l,direction:p="up",openOnHover:i=!1,hoverCloseDelay:c=300,hoverOpenDelay:S=0,disabled:s=!1}){let t=d.useRef(null),R=d.useRef(null),m=d.useRef(0),D=d.useRef(0),P=d.useRef("programmatic"),[r=!1,f]=Oe({prop:n,defaultProp:o,onChange:e});xe(r,R,l),d.useEffect(()=>()=>{window.clearTimeout(m.current),window.clearTimeout(D.current)},[]);let g=d.useCallback((y,h="programmatic")=>{window.clearTimeout(m.current),window.clearTimeout(D.current),!(y&&s)&&(P.current=h,f(y))},[s,f]);d.useEffect(()=>{if(!s||!r)return;let y=R.current?.ownerDocument.activeElement??null,h=!!y&&R.current?.contains(y)===!0;f(!1),h&&t.current?.focus()},[s,r,f]);let Y=d.useCallback(()=>{window.clearTimeout(m.current)},[]),U=d.useCallback(()=>{if(window.clearTimeout(m.current),window.clearTimeout(D.current),S<=0){g(!0,"hover");return}D.current=window.setTimeout(()=>g(!0,"hover"),S)},[g,S]),B=d.useCallback(()=>{window.clearTimeout(m.current),window.clearTimeout(D.current),m.current=window.setTimeout(()=>f(!1),c)},[c,f]);return T(Te,{children:T(we,{triggerRef:t,contentRef:R,contentId:d.useId(),triggerId:d.useId(),open:r,direction:p,disabled:s,openOnHover:i,openReason:P,onOpenChange:g,onPointerEnter:Y,onHoverOpen:U,onPointerLeave:B,children:a})})}V.displayName="SpeedDialRoot";function q({trigger:a,actions:n,onSelect:o,overlay:e=!1,open:l,defaultOpen:p,onOpenChange:i,onOpenChangeComplete:c,direction:S,openOnHover:s,hoverCloseDelay:t,hoverOpenDelay:R,disabled:m,size:D,...P}){return T(V,{open:l,defaultOpen:p,onOpenChange:i,onOpenChangeComplete:c,direction:S,openOnHover:s,hoverCloseDelay:t,hoverOpenDelay:R,disabled:m,children:T(F,{size:he(D,P,"data-size"),trigger:a,actions:n,onSelect:o,overlay:e,passThrough:P})})}q.displayName="SpeedDial";export{M as ANY_ITEM_SELECTOR,_ as DIRECTION_SIDE,x as ITEM_SELECTOR,q as SpeedDial,w as SpeedDialContent,b as SpeedDialItem,L as SpeedDialItemLabel,le as SpeedDialItemProvider,A as SpeedDialOverlay,N as SpeedDialPortal,we as SpeedDialProvider,V as SpeedDialRoot,k as SpeedDialTrigger,u as useSpeedDialContext,J as useSpeedDialItemContext};

package/dist/speed-dial/SpeedDialAnatomy.d.cts

@@ -1,21 +1,12 @@
 import type * as React from 'react';
 import type { PassThroughProps } from '../utils/passThrough.cjs';
-import type { SpeedDialAction } from './types.cjs';
-/**
- * The anatomy a {@link SpeedDial} draws from `trigger` and `actions`: the
- * floating action button (merged onto `trigger` via `asChild`), the portal,
- * the optional scrim, and the fan holding one `SpeedDialItem` per entry wrapping an
- * `SpeedDialItemLabel`.
- *
- * Every entry gets an Item, disabled ones included — the positional custom
- * properties count them, so skipping one would make the fan jump.
- *
- * @internal
- */
-export declare const SpeedDialAnatomy: ({ trigger, actions, onSelect, overlay, passThrough, }: {
-    trigger?: React.ReactElement;
-    actions?: ReadonlyArray<SpeedDialAction>;
-    onSelect?: (action: SpeedDialAction, index: number) => void;
+import type { SpeedDialAction, SpeedDialTriggerProps } from './types.cjs';
+/** @internal Renders the trigger, portal, optional scrim, and fan of `SpeedDialItem`s for a {@link SpeedDial}. */
+export declare const SpeedDialAnatomy: ({ size, trigger, actions, onSelect, overlay, passThrough, }: {
+    size?: SpeedDialTriggerProps["size"] | undefined;
+    trigger?: React.ReactElement | undefined;
+    actions?: ReadonlyArray<SpeedDialAction> | undefined;
+    onSelect?: ((action: SpeedDialAction, index: number) => void) | undefined;
     overlay: boolean;
-    passThrough?: PassThroughProps;
+    passThrough?: PassThroughProps | undefined;
 }) => React.JSX.Element;

package/dist/speed-dial/SpeedDialAnatomy.d.ts

@@ -1,21 +1,12 @@
 import type * as React from 'react';
 import type { PassThroughProps } from '../utils/passThrough.js';
-import type { SpeedDialAction } from './types.js';
-/**
- * The anatomy a {@link SpeedDial} draws from `trigger` and `actions`: the
- * floating action button (merged onto `trigger` via `asChild`), the portal,
- * the optional scrim, and the fan holding one `SpeedDialItem` per entry wrapping an
- * `SpeedDialItemLabel`.
- *
- * Every entry gets an Item, disabled ones included — the positional custom
- * properties count them, so skipping one would make the fan jump.
- *
- * @internal
- */
-export declare const SpeedDialAnatomy: ({ trigger, actions, onSelect, overlay, passThrough, }: {
-    trigger?: React.ReactElement;
-    actions?: ReadonlyArray<SpeedDialAction>;
-    onSelect?: (action: SpeedDialAction, index: number) => void;
+import type { SpeedDialAction, SpeedDialTriggerProps } from './types.js';
+/** @internal Renders the trigger, portal, optional scrim, and fan of `SpeedDialItem`s for a {@link SpeedDial}. */
+export declare const SpeedDialAnatomy: ({ size, trigger, actions, onSelect, overlay, passThrough, }: {
+    size?: SpeedDialTriggerProps["size"] | undefined;
+    trigger?: React.ReactElement | undefined;
+    actions?: ReadonlyArray<SpeedDialAction> | undefined;
+    onSelect?: ((action: SpeedDialAction, index: number) => void) | undefined;
     overlay: boolean;
-    passThrough?: PassThroughProps;
+    passThrough?: PassThroughProps | undefined;
 }) => React.JSX.Element;

package/dist/speed-dial/SpeedDialContent.d.cts

@@ -1,27 +1,7 @@
 import * as React from 'react';
 import type { SpeedDialContentProps } from './types.cjs';
 /**
- * The fanned-out actions: `role="menu"` with `aria-orientation` matching the
- * fan's axis, `data-state` (`open`/`closed`) and `data-direction`, positioned
- * by the shared popper layer against the trigger on the side the root's
- * `direction` dictates. `align` (defaults to `'center'`), `sideOffset`
- * (defaults to `8`), `alignOffset`, `avoidCollisions` and `collisionPadding`
- * are yours; `side` is not, because it *is* the direction. Also exposes
- * `data-side`/`data-align` reflecting the resolved placement, which can differ
- * from the requested one after a collision flip.
- *
- * Holds one tab stop for the whole fan: arrow keys along the axis move between
- * actions in DOM order (wrapping unless `loop` is `false`), Home/End jump to
- * the ends, and typing letters jumps to the action whose label starts with
- * them. Under `dir="rtl"` the horizontal arrows swap. Focus moves to the first
- * action on open, and Escape, Tab, or selecting an action returns it to the
- * trigger.
- *
- * Closes on Escape, on Tab (per the WAI-ARIA menu pattern), or on an outside
- * interaction: pointer-down outside or focus moving outside, each reported to
- * `onPointerDownOutside`/`onFocusOutside` and, just before them and with the
- * same event, to `onInteractOutside`. Any of those (or `onEscapeKeyDown`)
- * calling `event.preventDefault()` keeps it open.
+ * Positioned, roving-focus `role="menu"` holding the fanned-out actions, dismissed on Escape, Tab, or an outside interaction.
  *
  * @example
  * ```tsx
@@ -35,4 +15,7 @@ import type { SpeedDialContentProps } from './types.cjs';
  * </SpeedDialPortal>
  * ```
  */
-export declare const SpeedDialContent: React.ForwardRefExoticComponent<Omit<SpeedDialContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SpeedDialContent: {
+    ({ forceMount, loop, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, align, sideOffset, ref: forwardedRef, ...props }: SpeedDialContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/speed-dial/SpeedDialContent.d.ts

@@ -1,27 +1,7 @@
 import * as React from 'react';
 import type { SpeedDialContentProps } from './types.js';
 /**
- * The fanned-out actions: `role="menu"` with `aria-orientation` matching the
- * fan's axis, `data-state` (`open`/`closed`) and `data-direction`, positioned
- * by the shared popper layer against the trigger on the side the root's
- * `direction` dictates. `align` (defaults to `'center'`), `sideOffset`
- * (defaults to `8`), `alignOffset`, `avoidCollisions` and `collisionPadding`
- * are yours; `side` is not, because it *is* the direction. Also exposes
- * `data-side`/`data-align` reflecting the resolved placement, which can differ
- * from the requested one after a collision flip.
- *
- * Holds one tab stop for the whole fan: arrow keys along the axis move between
- * actions in DOM order (wrapping unless `loop` is `false`), Home/End jump to
- * the ends, and typing letters jumps to the action whose label starts with
- * them. Under `dir="rtl"` the horizontal arrows swap. Focus moves to the first
- * action on open, and Escape, Tab, or selecting an action returns it to the
- * trigger.
- *
- * Closes on Escape, on Tab (per the WAI-ARIA menu pattern), or on an outside
- * interaction: pointer-down outside or focus moving outside, each reported to
- * `onPointerDownOutside`/`onFocusOutside` and, just before them and with the
- * same event, to `onInteractOutside`. Any of those (or `onEscapeKeyDown`)
- * calling `event.preventDefault()` keeps it open.
+ * Positioned, roving-focus `role="menu"` holding the fanned-out actions, dismissed on Escape, Tab, or an outside interaction.
  *
  * @example
  * ```tsx
@@ -35,4 +15,7 @@ import type { SpeedDialContentProps } from './types.js';
  * </SpeedDialPortal>
  * ```
  */
-export declare const SpeedDialContent: React.ForwardRefExoticComponent<Omit<SpeedDialContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SpeedDialContent: {
+    ({ forceMount, loop, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, align, sideOffset, ref: forwardedRef, ...props }: SpeedDialContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/speed-dial/SpeedDialItem.d.cts

@@ -1,25 +1,10 @@
 import * as React from 'react';
 import type { SpeedDialItemContextValue, SpeedDialItemProps } from './types.cjs';
-export declare const SpeedDialItemProvider: {
-    (props: SpeedDialItemContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useSpeedDialItemContext: (consumerName: string) => SpeedDialItemContextValue;
+export declare const SpeedDialItemProvider: React.FC<SpeedDialItemContextValue & {
+    children: React.ReactNode;
+}>, useSpeedDialItemContext: (consumerName: string) => SpeedDialItemContextValue;
 /**
- * Action in the fan, activated by click, Enter, or Space. Fires `onSelect`,
- * closes the dial, and returns focus to trigger (unless `preventDefault()` called).
- * Carries `--skdx-speed-dial-index` and `-offset` for CSS positioning/stagger.
- *
- * ```css
- * .my-speed-dial-item {
- *   transition: transform 160ms;
- *   transition-delay: calc(var(--skdx-speed-dial-index) * 40ms);
- * }
- * [data-direction='up'] .my-speed-dial-item {
- *   transform: translateY(calc(var(--skdx-speed-dial-offset) * -3.5rem));
- * }
- * ```
+ * Action in the fan, activated by click, Enter, or Space; exposes `--skdx-speed-dial-index`/`-offset` custom properties for CSS positioning.
  *
  * @example
  * ```tsx
@@ -29,4 +14,7 @@ export declare const SpeedDialItemProvider: {
  * </SpeedDialItem>
  * ```
  */
-export declare const SpeedDialItem: React.ForwardRefExoticComponent<Omit<SpeedDialItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SpeedDialItem: {
+    ({ disabled, onSelect, ref: forwardedRef, size, ...props }: SpeedDialItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/speed-dial/SpeedDialItem.d.ts

@@ -1,25 +1,10 @@
 import * as React from 'react';
 import type { SpeedDialItemContextValue, SpeedDialItemProps } from './types.js';
-export declare const SpeedDialItemProvider: {
-    (props: SpeedDialItemContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useSpeedDialItemContext: (consumerName: string) => SpeedDialItemContextValue;
+export declare const SpeedDialItemProvider: React.FC<SpeedDialItemContextValue & {
+    children: React.ReactNode;
+}>, useSpeedDialItemContext: (consumerName: string) => SpeedDialItemContextValue;
 /**
- * Action in the fan, activated by click, Enter, or Space. Fires `onSelect`,
- * closes the dial, and returns focus to trigger (unless `preventDefault()` called).
- * Carries `--skdx-speed-dial-index` and `-offset` for CSS positioning/stagger.
- *
- * ```css
- * .my-speed-dial-item {
- *   transition: transform 160ms;
- *   transition-delay: calc(var(--skdx-speed-dial-index) * 40ms);
- * }
- * [data-direction='up'] .my-speed-dial-item {
- *   transform: translateY(calc(var(--skdx-speed-dial-offset) * -3.5rem));
- * }
- * ```
+ * Action in the fan, activated by click, Enter, or Space; exposes `--skdx-speed-dial-index`/`-offset` custom properties for CSS positioning.
  *
  * @example
  * ```tsx
@@ -29,4 +14,7 @@ export declare const SpeedDialItemProvider: {
  * </SpeedDialItem>
  * ```
  */
-export declare const SpeedDialItem: React.ForwardRefExoticComponent<Omit<SpeedDialItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SpeedDialItem: {
+    ({ disabled, onSelect, ref: forwardedRef, size, ...props }: SpeedDialItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/speed-dial/SpeedDialItemLabel.d.cts

@@ -1,32 +1,7 @@
 import * as React from 'react';
 import type { SpeedDialItemLabelProps } from './types.cjs';
 /**
- * The visible text naming its `SpeedDialItem` — the little caption that sits
- * beside an icon-only action. It registers its `id` with the item, which
- * points `aria-labelledby` at it, so the action is named by the very element
- * the sighted user reads.
- *
- * A real element, not a `title` attribute: it's visible, stylable, announced
- * consistently across screen readers, and works on touch.
- *
- * Reveal it however you like; the item's own `:hover`/`:focus-within` is the
- * usual hook, and nothing here hides it, so a dial that shows every label
- * permanently needs no override:
- *
- * ```css
- * .my-speed-dial-label {
- *   opacity: 0;
- *   transition: opacity 120ms;
- * }
- * .my-speed-dial-item:hover .my-speed-dial-label,
- * .my-speed-dial-item:focus-within .my-speed-dial-label {
- *   opacity: 1;
- * }
- * ```
- *
- * Keep it visible to assistive technology even while it is visually hidden —
- * `opacity: 0` and `visibility: hidden` differ here, and `display: none`
- * would drop the accessible name along with the text.
+ * The visible text naming its `SpeedDialItem`, registered as the item's `aria-labelledby` target.
  *
  * @example
  * ```tsx
@@ -36,4 +11,7 @@ import type { SpeedDialItemLabelProps } from './types.cjs';
  * </SpeedDialItem>
  * ```
  */
-export declare const SpeedDialItemLabel: React.ForwardRefExoticComponent<Omit<SpeedDialItemLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const SpeedDialItemLabel: {
+    ({ ref: forwardedRef, ...props }: SpeedDialItemLabelProps): React.ReactNode;
+    displayName: string;
+};

package/dist/speed-dial/SpeedDialItemLabel.d.ts

@@ -1,32 +1,7 @@
 import * as React from 'react';
 import type { SpeedDialItemLabelProps } from './types.js';
 /**
- * The visible text naming its `SpeedDialItem` — the little caption that sits
- * beside an icon-only action. It registers its `id` with the item, which
- * points `aria-labelledby` at it, so the action is named by the very element
- * the sighted user reads.
- *
- * A real element, not a `title` attribute: it's visible, stylable, announced
- * consistently across screen readers, and works on touch.
- *
- * Reveal it however you like; the item's own `:hover`/`:focus-within` is the
- * usual hook, and nothing here hides it, so a dial that shows every label
- * permanently needs no override:
- *
- * ```css
- * .my-speed-dial-label {
- *   opacity: 0;
- *   transition: opacity 120ms;
- * }
- * .my-speed-dial-item:hover .my-speed-dial-label,
- * .my-speed-dial-item:focus-within .my-speed-dial-label {
- *   opacity: 1;
- * }
- * ```
- *
- * Keep it visible to assistive technology even while it is visually hidden —
- * `opacity: 0` and `visibility: hidden` differ here, and `display: none`
- * would drop the accessible name along with the text.
+ * The visible text naming its `SpeedDialItem`, registered as the item's `aria-labelledby` target.
  *
  * @example
  * ```tsx
@@ -36,4 +11,7 @@ import type { SpeedDialItemLabelProps } from './types.js';
  * </SpeedDialItem>
  * ```
  */
-export declare const SpeedDialItemLabel: React.ForwardRefExoticComponent<Omit<SpeedDialItemLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const SpeedDialItemLabel: {
+    ({ ref: forwardedRef, ...props }: SpeedDialItemLabelProps): React.ReactNode;
+    displayName: string;
+};

package/dist/speed-dial/SpeedDialOverlay.d.cts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { SpeedDialOverlayProps } from './types.cjs';
 /**
- * Optional scrim behind `SpeedDialContent`. Opt-in by composition (render
- * inside portal for scrim, omit for none). Not modal; pointer-down closes fan.
+ * Optional scrim behind `SpeedDialContent`, opt-in by composition and not modal — pointer-down still closes the fan.
  *
  * @example
  * ```tsx
@@ -12,4 +11,7 @@ import type { SpeedDialOverlayProps } from './types.cjs';
  * </SpeedDialPortal>
  * ```
  */
-export declare const SpeedDialOverlay: React.ForwardRefExoticComponent<Omit<SpeedDialOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SpeedDialOverlay: {
+    ({ ref: forwardedRef, ...props }: SpeedDialOverlayProps): React.ReactNode;
+    displayName: string;
+};

package/dist/speed-dial/SpeedDialOverlay.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { SpeedDialOverlayProps } from './types.js';
 /**
- * Optional scrim behind `SpeedDialContent`. Opt-in by composition (render
- * inside portal for scrim, omit for none). Not modal; pointer-down closes fan.
+ * Optional scrim behind `SpeedDialContent`, opt-in by composition and not modal — pointer-down still closes the fan.
  *
  * @example
  * ```tsx
@@ -12,4 +11,7 @@ import type { SpeedDialOverlayProps } from './types.js';
  * </SpeedDialPortal>
  * ```
  */
-export declare const SpeedDialOverlay: React.ForwardRefExoticComponent<Omit<SpeedDialOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SpeedDialOverlay: {
+    ({ ref: forwardedRef, ...props }: SpeedDialOverlayProps): React.ReactNode;
+    displayName: string;
+};

package/dist/speed-dial/SpeedDialPortal.d.cts

@@ -1,7 +1,7 @@
+import type { JSX } from 'react';
 import type { SpeedDialPortalProps } from './types.cjs';
 /**
- * Teleports content to `document.body` (or custom `container`) so the fan
- * escapes `overflow` ancestors. Remains mounted during exit animations.
+ * Teleports content to `document.body` (or a custom `container`) so the fan escapes `overflow` ancestors.
  *
  * @example
  * ```tsx
@@ -14,6 +14,6 @@ import type { SpeedDialPortalProps } from './types.cjs';
  * ```
  */
 export declare const SpeedDialPortal: {
-    ({ forceMount, children, ...props }: SpeedDialPortalProps): import("react").JSX.Element | null;
+    ({ forceMount, children, ...props }: SpeedDialPortalProps): JSX.Element | null;
     displayName: string;
 };