fluid-primitives 0.2.0 → 0.2.2

package/Resources/Public/JavaScript/dist/{Accordion-eTTEZRA4.js → Accordion-DKI311fM.js}

@@ -1 +1 @@
-import{Component as e,Machine as t,normalizeProps as n}from"./Client-Bcuea237.js";import*as r from"@zag-js/accordion";var i=class extends e{name=`accordion`;initMachine(e){return new t(r.machine,{collapsible:!0,...e})}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElements(`item`);t.forEach(e=>{this.spreadProps(e,this.api.getItemProps({value:e.getAttribute(`data-value`),disabled:e.getAttribute(`data-disabled`)===`true`}))});let n=this.getElements(`item-trigger`);n.forEach(e=>{this.spreadProps(e,this.api.getItemTriggerProps({value:e.getAttribute(`data-value`),disabled:e.getAttribute(`data-disabled`)===`true`}))});let r=this.getElements(`item-content`);r.forEach(e=>{this.spreadProps(e,this.api.getItemContentProps({value:e.getAttribute(`data-value`),disabled:e.getAttribute(`data-disabled`)===`true`}))});let i=this.getElements(`item-indicator`);i.forEach(e=>{this.spreadProps(e,this.api.getItemIndicatorProps({value:e.getAttribute(`data-value`),disabled:e.getAttribute(`data-disabled`)===`true`}))}),this.getElements(`item-header`)}};export{i as Accordion};
+import{Component as e,Machine as t,normalizeProps as n}from"./Client-BEjJ50yU.js";import*as r from"@zag-js/accordion";var i=class extends e{name=`accordion`;initMachine(e){return new t(r.machine,{collapsible:!0,...e})}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElements(`item`);t.forEach(e=>{this.spreadProps(e,this.api.getItemProps({value:e.getAttribute(`data-value`),disabled:e.getAttribute(`data-disabled`)===`true`}))});let n=this.getElements(`item-trigger`);n.forEach(e=>{this.spreadProps(e,this.api.getItemTriggerProps({value:e.getAttribute(`data-value`),disabled:e.getAttribute(`data-disabled`)===`true`}))});let r=this.getElements(`item-content`);r.forEach(e=>{this.spreadProps(e,this.api.getItemContentProps({value:e.getAttribute(`data-value`),disabled:e.getAttribute(`data-disabled`)===`true`}))});let i=this.getElements(`item-indicator`);i.forEach(e=>{this.spreadProps(e,this.api.getItemIndicatorProps({value:e.getAttribute(`data-value`),disabled:e.getAttribute(`data-disabled`)===`true`}))}),this.getElements(`item-header`)}};export{i as Accordion};

package/Resources/Public/JavaScript/dist/Client-BEjJ50yU.js

@@ -0,0 +1 @@
+import{INIT_STATE as e,MachineStatus as t,createScope as n,mergeProps as r}from"@zag-js/core";import{ListCollection as i}from"@zag-js/collection";import{proxy as a,subscribe as o}from"@zag-js/store";import{compact as s,identity as c,isEqual as l,isFunction as u,isString as d,runIfFn as f,toArray as p,warn as m}from"@zag-js/utils";import{createNormalizer as h}from"@zag-js/types";import{nanoid as g}from"nanoid";var _=class{document;machine;api;hydrator=null;userProps;get doc(){return this.document}constructor(e,t=document){this.document=t,this.userProps=e,this.machine=this.initMachine(e),this.api=this.initApi()}init(){this.hydrator=new b(this.name,this.machine.scope.id,this.machine.scope.ids,this.doc),this.render(),this.machine.subscribe(()=>{this.api=this.initApi(),this.render()}),this.machine.start()}updateProps(e){this.machine.stop(),this.machine=this.initMachine({...this.userProps,...e}),this.api=this.initApi(),this.init()}destroy=()=>{this.machine.stop(),this.hydrator?.destroy()};spreadProps(e,t){k(e,t,this.machine.scope.id)}getElement(e,t){return this.hydrator?.getElement(e,t)||null}getElements(e,t){return this.hydrator?.getElements(e,t)||[]}portalElement(e,t=this.doc.body){e&&e.parentNode!==t&&(t.appendChild(e),e.setAttribute(`data-portalled`,`true`))}};function v(e,t){let n=window.FluidPrimitives.hydrationData;return!n||typeof n!=`object`?null:e?n[e]?t?n[e][t]||null:n[e]:null:n}function y(e,t){let n=v(e);n&&Object.keys(n).forEach(r=>{if(n[r].controlled)return;let i=t(n[r]);i&&(window.FluidPrimitives.uncontrolledInstances[e]||(window.FluidPrimitives.uncontrolledInstances[e]={}),window.FluidPrimitives.uncontrolledInstances[e][r]=i)})}var b=class{componentName;doc;rootId;ids;elementRefs=new Map;constructor(e,t,n={},r=document){if(this.componentName=e,this.doc=r,!t)throw Error(`Root ID is required for component hydration: ${e}`);this.rootId=t,this.ids=n}getElement(e,t=this.doc){if(this.elementRefs.has(e))return this.elementRefs.get(e)||null;let n=null;return n=this.ids[e]?t.querySelector(`#${this.ids[e]}`):t.querySelector(`[data-hydrate-${this.componentName}="${this.rootId}"][data-part="${e}"][data-scope="${this.componentName}"]`),n&&(t===this.doc&&this.elementRefs.set(e,n),n.removeAttribute(`data-hydrate-${this.componentName}`),n.__rootId=this.rootId),n}getElements(e,t=this.doc){if(this.elementRefs.has(e))return this.elementRefs.get(e);let n=[];return n=this.ids[e]?Array.from(t.querySelectorAll(`#${this.ids[e]}`)):Array.from(t.querySelectorAll(`[data-hydrate-${this.componentName}="${this.rootId}"][data-part="${e}"][data-scope="${this.componentName}"]`)),t===this.doc&&this.elementRefs.set(e,n),n.forEach(e=>e.removeAttribute(`data-hydrate-${this.componentName}`)),n}generateRefAttributesString(e){let t=this.ids[e]||`${this.rootId}-${e}`;return`data-scope="${this.componentName}" data-part="${e}" data-hydrate-${this.componentName}="${t}"`}setRefAttributes(e,t){let n=this.generateRefAttributesString(t),r=n.split(` `).map(e=>e.trim());r.forEach(t=>{let[n,r]=t.split(`=`);e.setAttribute(n,r.replace(/"/g,``))})}destroy(){this.elementRefs.clear()}};function x(e){let t=new i({items:e.items,itemToValue:e.itemToValueKey?t=>t?.[e.itemToValueKey]:void 0,itemToString:e.itemToStringKey?t=>t?.[e.itemToStringKey]:void 0,isItemDisabled:e.isItemDisabledKey?t=>t?.[e.isItemDisabledKey]:void 0,groupBy:e.groupByKey?t=>{let n=e.groupByKey;if(n)return n.includes(`.`)?n.split(`.`).reduce((e,t)=>e?e[t]:void 0,t):t?.[n]}:void 0});return t}function S(e){let t=e().value??e().defaultValue;e().debug&&console.log(`[bindable > ${e().debug}] initial`,t);let n=e().isEqual??Object.is,r=a({value:t}),i=()=>e().value!==void 0;return{initial:t,ref:r,get(){return i()?e().value:r.value},set(t){let a=r.value,o=u(t)?t(a):t;e().debug&&console.log(`[bindable > ${e().debug}] setValue`,{next:o,prev:a}),i()||(r.value=o),n(o,a)||e().onChange?.(o,a)},invoke(t,n){e().onChange?.(t,n)},hash(t){return e().hash?.(t)??String(t)}}}S.cleanup=e=>{},S.ref=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}};function C(e){let t={current:e};return{get(e){return t.current[e]},set(e,n){t.current[e]=n}}}var w=class{scope;ctx;prop;state;refs;computed;event={type:``};previousEvent;effects=new Map;transition=null;cleanups=[];subscriptions=[];getEvent=()=>({...this.event,current:()=>this.event,previous:()=>this.previousEvent});getState=()=>({...this.state,matches:(...e)=>e.includes(this.state.get()),hasTag:e=>!!this.machine.states[this.state.get()]?.tags?.includes(e)});debug=(...e)=>{this.machine.debug&&console.log(...e)};notify=()=>{this.publish()};constructor(t,r={}){this.machine=t;let{id:i,ids:a,getRootNode:c}=f(r);this.scope=n({id:i,ids:a,getRootNode:c});let l=e=>{let n=f(r),i=t.props?.({props:s(n),scope:this.scope})??n;return i[e]};this.prop=l;let u=t.context?.({prop:l,bindable:S,scope:this.scope,flush(e){queueMicrotask(e)},getContext(){return d},getComputed(){return p},getRefs(){return m},getEvent:this.getEvent.bind(this)});u&&Object.values(u).forEach(e=>{let t=o(e.ref,()=>this.notify());this.cleanups.push(t)});let d={get(e){return u?.[e].get()},set(e,t){u?.[e].set(t)},initial(e){return u?.[e].initial},hash(e){let t=u?.[e].get();return u?.[e].hash(t)}};this.ctx=d;let p=e=>t.computed?.[e]({context:d,event:this.getEvent(),prop:l,refs:this.refs,scope:this.scope,computed:p})??{};this.computed=p;let m=C(t.refs?.({prop:l,context:d})??{});this.refs=m;let h=S(()=>({defaultValue:t.initialState({prop:l}),onChange:(n,r)=>{if(r){let e=this.effects.get(r);e?.(),this.effects.delete(r)}r&&this.action(t.states[r]?.exit),this.action(this.transition?.actions);let i=this.effect(t.states[n]?.effects);if(i&&this.effects.set(n,i),r===e){this.action(t.entry);let n=this.effect(t.effects);n&&this.effects.set(e,n)}this.action(t.states[n]?.entry)}}));this.state=h,this.cleanups.push(o(this.state.ref,()=>this.notify()))}send=e=>{this.status===t.Started&&queueMicrotask(()=>{this.previousEvent=this.event,this.event=e,this.debug(`send`,e);let t=this.state.get(),n=this.machine.states[t].on?.[e.type]??this.machine.on?.[e.type],r=this.choose(n);if(!r)return;this.transition=r;let i=r.target??t;this.debug(`transition`,r);let a=i!==t;a?this.state.set(i):this.action(r.actions)})};action=e=>{let t=u(e)?e(this.getParams()):e;if(!t)return;let n=t.map(e=>{let t=this.machine.implementations?.actions?.[e];return t||m(`[zag-js] No implementation found for action "${JSON.stringify(e)}"`),t});for(let e of n)e?.(this.getParams())};guard=e=>u(e)?e(this.getParams()):this.machine.implementations?.guards?.[e](this.getParams());effect=e=>{let t=u(e)?e(this.getParams()):e;if(!t)return;let n=t.map(e=>{let t=this.machine.implementations?.effects?.[e];return t||m(`[zag-js] No implementation found for effect "${JSON.stringify(e)}"`),t}),r=[];for(let e of n){let t=e?.(this.getParams());t&&r.push(t)}return()=>r.forEach(e=>e?.())};choose=e=>p(e).find(e=>{let t=!e.guard;return d(e.guard)?t=!!this.guard(e.guard):u(e.guard)&&(t=e.guard(this.getParams())),t});start(){this.status=t.Started,this.debug(`initializing...`),this.state.invoke(this.state.initial,e),this.setupTrackers()}stop(){this.effects.forEach(e=>e?.()),this.effects.clear(),this.transition=null,this.action(this.machine.exit),this.cleanups.forEach(e=>e()),this.cleanups=[],this.status=t.Stopped,this.debug(`unmounting...`)}subscribe=e=>{this.subscriptions.push(e)};status=t.NotStarted;get service(){return{state:this.getState(),send:this.send,context:this.ctx,prop:this.prop,scope:this.scope,refs:this.refs,computed:this.computed,event:this.getEvent(),getStatus:()=>this.status}}publish=()=>{this.callTrackers(),this.subscriptions.forEach(e=>e(this.service))};trackers=[];setupTrackers=()=>{this.machine.watch?.(this.getParams())};callTrackers=()=>{this.trackers.forEach(({deps:e,fn:t})=>{let n=e.map(e=>e());l(t.prev,n)||(t(),t.prev=n)})};getParams=()=>({state:this.getState(),context:this.ctx,event:this.getEvent(),prop:this.prop,send:this.send,action:this.action,guard:this.guard,track:(e,t)=>{t.prev=e.map(e=>e()),this.trackers.push({deps:e,fn:t})},refs:this.refs,computed:this.computed,flush:c,scope:this.scope,choose:this.choose})};const T={onFocus:`onFocusin`,onBlur:`onFocusout`,onChange:`onInput`,onDoubleClick:`onDblclick`,htmlFor:`for`,className:`class`,defaultValue:`value`,defaultChecked:`checked`},E=e=>{let t=``;for(let n in e){let r=e[n];if(r==null)continue;n.startsWith(`--`)||(n=n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)),t+=`${n}:${r};`}return t},D=h(e=>Object.entries(e).reduce((e,[t,n])=>n===void 0?e:(t in T&&(t=T[t]),t===`style`&&typeof n==`object`?(e.style=E(n),e):(e[t.toLowerCase()]=n,e)),{})),O=new Map;function k(e,t,n){e.__spreadId||=`spread_${g()}`;let r=``;r=n?`${e.__spreadId}_${n}`:`${e.__spreadId}`;let i=O.get(r)||{},a=Object.keys(t),o=(t,n)=>{e.addEventListener(t.toLowerCase(),n)},s=(t,n)=>{e.removeEventListener(t.toLowerCase(),n)},c=e=>e.startsWith(`on`),l=e=>!e.startsWith(`on`),u=e=>o(e.substring(2),t[e]),d=e=>s(e.substring(2),t[e]),f=n=>{let r=t[n],a=i[n];if(r!==a){if(n===`children`){e.textContent=r;return}if(typeof r==`boolean`&&(n.includes(`aria-`)||(r||=void 0)),r!=null){[`value`,`checked`,`htmlFor`].includes(n)?e[n]=r:e.setAttribute(n.toLowerCase(),r);return}e.removeAttribute(n.toLowerCase())}};for(let n in i)t[n]??e.removeAttribute(n.toLowerCase());let p=Object.keys(i).filter(c);return p.forEach(e=>{s(e.substring(2),i[e])}),a.filter(c).forEach(u),a.filter(l).forEach(f),O.set(r,t),function(){a.filter(c).forEach(d)}}export{_ as Component,b as ComponentHydrator,w as Machine,v as getHydrationData,x as getListCollectionFromHydrationData,y as initAllComponentInstances,r as mergeProps,D as normalizeProps,k as spreadProps};

package/Resources/Public/JavaScript/dist/{Clipboard-5zCCVAd5.js → Clipboard-Ss9SA18i.js}

@@ -1 +1 @@
-import{Component as e,Machine as t,normalizeProps as n}from"./Client-Bcuea237.js";import*as r from"@zag-js/clipboard";var i=class extends e{name=`clipboard`;initMachine(e){return new t(r.machine,e)}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElement(`label`);t&&this.spreadProps(t,this.api.getLabelProps());let n=this.getElement(`control`);n&&this.spreadProps(n,this.api.getControlProps());let r=this.getElement(`input`);r&&this.spreadProps(r,this.api.getInputProps());let i=this.getElement(`indicator-copied`);i&&this.spreadProps(i,this.api.getIndicatorProps({copied:!0}));let a=this.getElement(`indicator-idle`);a&&this.spreadProps(a,this.api.getIndicatorProps({copied:!1}));let o=this.getElement(`trigger`);o&&this.spreadProps(o,this.api.getTriggerProps())}};export{i as Clipboard};
+import{Component as e,Machine as t,normalizeProps as n}from"./Client-BEjJ50yU.js";import*as r from"@zag-js/clipboard";var i=class extends e{name=`clipboard`;initMachine(e){return new t(r.machine,e)}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElement(`label`);t&&this.spreadProps(t,this.api.getLabelProps());let n=this.getElement(`control`);n&&this.spreadProps(n,this.api.getControlProps());let r=this.getElement(`input`);r&&this.spreadProps(r,this.api.getInputProps());let i=this.getElement(`indicator-copied`);i&&this.spreadProps(i,this.api.getIndicatorProps({copied:!0}));let a=this.getElement(`indicator-idle`);a&&this.spreadProps(a,this.api.getIndicatorProps({copied:!1}));let o=this.getElement(`trigger`);o&&this.spreadProps(o,this.api.getTriggerProps())}};export{i as Clipboard};

package/Resources/Public/JavaScript/dist/{Collapsible-CupTOmpO.js → Collapsible-M8I0wdQS.js}

@@ -1 +1 @@
-import{Component as e,Machine as t,normalizeProps as n}from"./Client-Bcuea237.js";import*as r from"@zag-js/collapsible";var i=class extends e{name=`collapsible`;initMachine(e){return new t(r.machine,e)}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElement(`trigger`);t&&this.spreadProps(t,this.api.getTriggerProps());let n=this.getElement(`trigger-text`);n&&n.dataset.openText&&n.dataset.closeText&&(n.textContent=this.api.open?n.dataset.closeText:n.dataset.openText);let r=this.getElement(`content`);r&&this.spreadProps(r,this.api.getContentProps())}};export{i as Collapsible};
+import{Component as e,Machine as t,normalizeProps as n}from"./Client-BEjJ50yU.js";import*as r from"@zag-js/collapsible";var i=class extends e{name=`collapsible`;initMachine(e){return new t(r.machine,e)}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElement(`trigger`);t&&this.spreadProps(t,this.api.getTriggerProps());let n=this.getElement(`trigger-text`);n&&n.dataset.openText&&n.dataset.closeText&&(n.textContent=this.api.open?n.dataset.closeText:n.dataset.openText);let r=this.getElement(`content`);r&&this.spreadProps(r,this.api.getContentProps())}};export{i as Collapsible};

package/Resources/Public/JavaScript/dist/{Dialog-Bc_TDlPF.js → Dialog-Yw26iHEs.js}

@@ -1 +1 @@
-import{Component as e,Machine as t,normalizeProps as n}from"./Client-Bcuea237.js";import*as r from"@zag-js/dialog";var i=class extends e{name=`dialog`;initMachine(e){return new t(r.machine,e)}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElements(`trigger`);e.forEach(e=>{this.spreadProps(e,this.api.getTriggerProps())});let t=this.getElement(`backdrop`);t&&this.spreadProps(t,this.api.getBackdropProps());let n=this.getElement(`positioner`);n&&this.spreadProps(n,this.api.getPositionerProps());let r=this.getElement(`content`);r&&this.spreadProps(r,this.api.getContentProps());let i=this.getElement(`title`);i&&this.spreadProps(i,this.api.getTitleProps());let a=this.getElement(`description`);a&&this.spreadProps(a,this.api.getDescriptionProps());let o=this.getElements(`close-trigger`);o.forEach(e=>{this.spreadProps(e,this.api.getCloseTriggerProps())})}};export{i as Dialog};
+import{Component as e,Machine as t,normalizeProps as n}from"./Client-BEjJ50yU.js";import*as r from"@zag-js/dialog";var i=class extends e{name=`dialog`;initMachine(e){return new t(r.machine,e)}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElements(`trigger`);e.forEach(e=>{this.spreadProps(e,this.api.getTriggerProps())});let t=this.getElement(`backdrop`);t&&this.spreadProps(t,this.api.getBackdropProps());let n=this.getElement(`positioner`);n&&this.spreadProps(n,this.api.getPositionerProps());let r=this.getElement(`content`);r&&this.spreadProps(r,this.api.getContentProps());let i=this.getElement(`title`);i&&this.spreadProps(i,this.api.getTitleProps());let a=this.getElement(`description`);a&&this.spreadProps(a,this.api.getDescriptionProps());let o=this.getElements(`close-trigger`);o.forEach(e=>{this.spreadProps(e,this.api.getCloseTriggerProps())})}};export{i as Dialog};

package/Resources/Public/JavaScript/dist/{ScrollArea-B__fLtaA.js → ScrollArea-tFQL1Xc0.js}

@@ -1 +1 @@
-import{Component as e,Machine as t,normalizeProps as n}from"./Client-Bcuea237.js";import*as r from"@zag-js/scroll-area";var i=class extends e{name=`scroll-area`;initMachine(e){return new t(r.machine,e)}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElement(`viewport`);t&&this.spreadProps(t,this.api.getViewportProps());let n=this.getElement(`content`);n&&this.spreadProps(n,this.api.getContentProps());let r=this.getElements(`scrollbar`);r.forEach(e=>{this.spreadProps(e,this.api.getScrollbarProps({orientation:e.getAttribute(`data-orientation`)}))});let i=this.getElement(`corner`);i&&this.spreadProps(i,this.api.getCornerProps());let a=this.getElements(`thumb`);a.forEach(e=>{this.spreadProps(e,this.api.getThumbProps({orientation:e.getAttribute(`data-orientation`)}))})}};export{i as ScrollArea};
+import{Component as e,Machine as t,normalizeProps as n}from"./Client-BEjJ50yU.js";import*as r from"@zag-js/scroll-area";var i=class extends e{name=`scroll-area`;initMachine(e){return new t(r.machine,e)}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElement(`viewport`);t&&this.spreadProps(t,this.api.getViewportProps());let n=this.getElement(`content`);n&&this.spreadProps(n,this.api.getContentProps());let r=this.getElements(`scrollbar`);r.forEach(e=>{this.spreadProps(e,this.api.getScrollbarProps({orientation:e.getAttribute(`data-orientation`)}))});let i=this.getElement(`corner`);i&&this.spreadProps(i,this.api.getCornerProps());let a=this.getElements(`thumb`);a.forEach(e=>{this.spreadProps(e,this.api.getThumbProps({orientation:e.getAttribute(`data-orientation`)}))})}};export{i as ScrollArea};

package/Resources/Public/JavaScript/dist/{Select-DuVsVrzn.js → Select-C9_zfbXH.js}

@@ -1 +1 @@
-import{Component as e,Machine as t,getListCollectionFromHydrationData as n,mergeProps as r,normalizeProps as i}from"./Client-Bcuea237.js";import*as a from"@zag-js/select";var o=class extends e{name=`select`;initMachine(e){return new t(a.machine,{...e,get collection(){return n(e.collection)}})}initApi(){return a.connect(this.machine.service,i)}render=()=>{let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElement(`control`);t&&this.spreadProps(t,this.api.getControlProps());let n=this.getElement(`hidden-select`);n&&this.spreadProps(n,this.api.getHiddenSelectProps());let i=this.getElement(`label`);i&&this.spreadProps(i,this.api.getLabelProps());let a=this.getElement(`trigger`);a&&this.spreadProps(a,this.api.getTriggerProps());let o=this.getElement(`positioner`);o&&this.spreadProps(o,this.api.getPositionerProps());let s=this.getElement(`content`);s&&this.spreadProps(s,this.api.getContentProps());let c=this.getElement(`value-text`);c&&this.spreadProps(c,r(this.api.getValueTextProps(),{children:this.api.valueAsString||c.dataset.placeholder}));let l=this.getElements(`item-group`);l.forEach(e=>{this.spreadProps(e,this.api.getItemGroupProps({id:e.dataset.id}));let t=this.getElement(`item-group-label`,e);t&&this.spreadProps(t,this.api.getItemGroupLabelProps({htmlFor:e.dataset.id}))});let u=this.getElements(`item`);u.forEach(e=>{let t=this.api.collection.find(e.dataset.value);t&&this.spreadProps(e,this.api.getItemProps({item:t}))});let d=this.getElements(`item-text`);d.forEach(e=>{let t=this.api.collection.find(e.dataset.value);t&&this.spreadProps(e,this.api.getItemTextProps({item:t}))});let f=this.getElements(`item-indicator`);f.forEach(e=>{let t=this.api.collection.find(e.dataset.value);t&&this.spreadProps(e,this.api.getItemIndicatorProps({item:t}))});let p=this.getElement(`clear-trigger`);p&&this.spreadProps(p,this.api.getClearTriggerProps());let m=this.getElement(`indicator`);m&&this.spreadProps(m,this.api.getIndicatorProps())}};export{o as Select};
+import{Component as e,Machine as t,getListCollectionFromHydrationData as n,mergeProps as r,normalizeProps as i}from"./Client-BEjJ50yU.js";import*as a from"@zag-js/select";var o=class extends e{name=`select`;initMachine(e){return new t(a.machine,{...e,get collection(){return n(e.collection)}})}initApi(){return a.connect(this.machine.service,i)}render=()=>{let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElement(`control`);t&&this.spreadProps(t,this.api.getControlProps());let n=this.getElement(`hidden-select`);n&&this.spreadProps(n,this.api.getHiddenSelectProps());let i=this.getElement(`label`);i&&this.spreadProps(i,this.api.getLabelProps());let a=this.getElement(`trigger`);a&&this.spreadProps(a,this.api.getTriggerProps());let o=this.getElement(`positioner`);o&&this.spreadProps(o,this.api.getPositionerProps());let s=this.getElement(`content`);s&&this.spreadProps(s,this.api.getContentProps());let c=this.getElement(`value-text`);c&&this.spreadProps(c,r(this.api.getValueTextProps(),{children:this.api.valueAsString||c.dataset.placeholder}));let l=this.getElements(`item-group`);l.forEach(e=>{this.spreadProps(e,this.api.getItemGroupProps({id:e.dataset.id}));let t=this.getElement(`item-group-label`,e);t&&this.spreadProps(t,this.api.getItemGroupLabelProps({htmlFor:e.dataset.id}))});let u=this.getElements(`item`);u.forEach(e=>{let t=this.api.collection.find(e.dataset.value);t&&this.spreadProps(e,this.api.getItemProps({item:t}))});let d=this.getElements(`item-text`);d.forEach(e=>{let t=this.api.collection.find(e.dataset.value);t&&this.spreadProps(e,this.api.getItemTextProps({item:t}))});let f=this.getElements(`item-indicator`);f.forEach(e=>{let t=this.api.collection.find(e.dataset.value);t&&this.spreadProps(e,this.api.getItemIndicatorProps({item:t}))});let p=this.getElement(`clear-trigger`);p&&this.spreadProps(p,this.api.getClearTriggerProps());let m=this.getElement(`indicator`);m&&this.spreadProps(m,this.api.getIndicatorProps())}};export{o as Select};

package/Resources/Public/JavaScript/dist/{Tabs-DaojVeQ3.js → Tabs-v_vV2tuJ.js}

@@ -1 +1 @@
-import{Component as e,Machine as t,normalizeProps as n}from"./Client-Bcuea237.js";import*as r from"@zag-js/tabs";var i=class extends e{name=`tabs`;initMachine(e){return new t(r.machine,e)}initApi(){return r.connect(this.machine.service,n)}render=()=>{let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElement(`list`);t&&this.spreadProps(t,this.api.getListProps());let n=this.getElements(`trigger`);n.forEach(e=>{this.spreadProps(e,this.api.getTriggerProps({value:e.dataset.value,disabled:e.getAttribute(`data-disabled`)===`true`}))});let r=this.getElements(`content`);r.forEach(e=>{this.spreadProps(e,this.api.getContentProps({value:e.dataset.value}))});let i=this.getElement(`indicator`);i&&this.spreadProps(i,this.api.getIndicatorProps())}};export{i as Tabs};
+import{Component as e,Machine as t,normalizeProps as n}from"./Client-BEjJ50yU.js";import*as r from"@zag-js/tabs";var i=class extends e{name=`tabs`;initMachine(e){return new t(r.machine,e)}initApi(){return r.connect(this.machine.service,n)}render=()=>{let e=this.getElement(`root`);e&&this.spreadProps(e,this.api.getRootProps());let t=this.getElement(`list`);t&&this.spreadProps(t,this.api.getListProps());let n=this.getElements(`trigger`);n.forEach(e=>{this.spreadProps(e,this.api.getTriggerProps({value:e.dataset.value,disabled:e.getAttribute(`data-disabled`)===`true`}))});let r=this.getElements(`content`);r.forEach(e=>{this.spreadProps(e,this.api.getContentProps({value:e.dataset.value}))});let i=this.getElement(`indicator`);i&&this.spreadProps(i,this.api.getIndicatorProps())}};export{i as Tabs};

package/Resources/Public/JavaScript/dist/{Tooltip-BgU6DpGy.js → Tooltip-OBDeNAga.js}

@@ -1 +1 @@
-import{Component as e,Machine as t,normalizeProps as n}from"./Client-Bcuea237.js";import*as r from"@zag-js/tooltip";var i=class extends e{name=`tooltip`;initMachine(e){return new t(r.machine,{interactive:!0,...e,positioning:{placement:`top`,gutter:6,...e.positioning}})}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElement(`trigger`);e&&this.spreadProps(e,this.api.getTriggerProps());let t=this.getElement(`positioner`);t&&this.spreadProps(t,this.api.getPositionerProps());let n=this.getElement(`arrow`);n&&this.spreadProps(n,this.api.getArrowProps());let r=this.getElement(`arrow-tip`);r&&this.spreadProps(r,this.api.getArrowTipProps());let i=this.getElement(`content`);i&&this.spreadProps(i,this.api.getContentProps())}};export{i as Tooltip};
+import{Component as e,Machine as t,normalizeProps as n}from"./Client-BEjJ50yU.js";import*as r from"@zag-js/tooltip";var i=class extends e{name=`tooltip`;initMachine(e){return new t(r.machine,{interactive:!0,...e,positioning:{placement:`top`,gutter:6,...e.positioning}})}initApi(){return r.connect(this.machine.service,n)}render(){let e=this.getElement(`trigger`);e&&this.spreadProps(e,this.api.getTriggerProps());let t=this.getElement(`positioner`);t&&this.spreadProps(t,this.api.getPositionerProps());let n=this.getElement(`arrow`);n&&this.spreadProps(n,this.api.getArrowProps());let r=this.getElement(`arrow-tip`);r&&this.spreadProps(r,this.api.getArrowTipProps());let i=this.getElement(`content`);i&&this.spreadProps(i,this.api.getContentProps())}};export{i as Tooltip};

package/Resources/Public/JavaScript/dist/client.d.ts

@@ -1,2 +1,2 @@
-import { Component$1 as Component, ComponentHydrationData, ComponentHydrator$1 as ComponentHydrator, ComponentInterface, Machine$1 as Machine, getHydrationData$1 as getHydrationData, initAllComponentInstances$1 as initAllComponentInstances, mergeProps$1 as mergeProps, normalizeProps$1 as normalizeProps, spreadProps$1 as spreadProps } from "./index-AN0XU_8B.js";
+import { Component$1 as Component, ComponentHydrationData, ComponentHydrator$1 as ComponentHydrator, ComponentInterface, Machine$1 as Machine, getHydrationData$1 as getHydrationData, initAllComponentInstances$1 as initAllComponentInstances, mergeProps$1 as mergeProps, normalizeProps$1 as normalizeProps, spreadProps$1 as spreadProps } from "./index-Oxoe0m6L.js";
 export { Component, ComponentHydrationData, ComponentHydrator, ComponentInterface, Machine, getHydrationData, initAllComponentInstances, mergeProps, normalizeProps, spreadProps };

package/Resources/Public/JavaScript/dist/client.js

@@ -1 +1 @@
-import{Component as e,ComponentHydrator as t,Machine as n,getHydrationData as r,initAllComponentInstances as i,mergeProps as a,normalizeProps as o,spreadProps as s}from"./Client-Bcuea237.js";export{e as Component,t as ComponentHydrator,n as Machine,r as getHydrationData,i as initAllComponentInstances,a as mergeProps,o as normalizeProps,s as spreadProps};
+import{Component as e,ComponentHydrator as t,Machine as n,getHydrationData as r,initAllComponentInstances as i,mergeProps as a,normalizeProps as o,spreadProps as s}from"./Client-BEjJ50yU.js";export{e as Component,t as ComponentHydrator,n as Machine,r as getHydrationData,i as initAllComponentInstances,a as mergeProps,o as normalizeProps,s as spreadProps};

package/Resources/Public/JavaScript/dist/{index-AN0XU_8B.d.ts → index-Oxoe0m6L.d.ts}

@@ -70,7 +70,7 @@ declare abstract class Component<Props, Api> implements ComponentInterface<Api>
 //#region Resources/Private/Client/src/lib/hydration.d.ts
 declare function getHydrationData(component: string): Record<string, ComponentHydrationData> | null;
 declare function getHydrationData(component: string, id: string): ComponentHydrationData | null;
-declare function initAllComponentInstances(componentName: string, callback: (data: ComponentHydrationData) => Component<unknown, unknown>): void;
+declare function initAllComponentInstances(componentName: string, callback: (data: ComponentHydrationData) => Component<unknown, unknown> | undefined): void;
 declare class ComponentHydrator {
   componentName: string;
   doc: Document;
@@ -78,14 +78,14 @@ declare class ComponentHydrator {
   ids: {
     [key: string]: string;
   };
-  elementRefs: Map<string, HTMLElement | HTMLElement[]>;
+  elementRefs: Map<string, Element | Element[]>;
   constructor(componentName: string, rootId: string | undefined, ids?: {
     [key: string]: string;
   }, doc?: Document);
-  getElement<T extends HTMLElement>(part: string, parent?: HTMLElement | Document): T | null;
-  getElements<T extends HTMLElement>(part: string, parent?: HTMLElement | Document): T[];
+  getElement<T extends Element>(part: string, parent?: Element | Document): T | null;
+  getElements<T extends Element>(part: string, parent?: Element | Document): T[];
   generateRefAttributesString(part: string): string;
-  setRefAttributes(element: HTMLElement, part: string): void;
+  setRefAttributes(element: Element, part: string): void;
   destroy(): void;
 }
 //#endregion

package/Resources/Public/JavaScript/dist/primitives/accordion.d.ts

@@ -1,4 +1,4 @@
-import { Component$1 as Component, Machine$1 as Machine } from "../index-AN0XU_8B.js";
+import { Component$1 as Component, Machine$1 as Machine } from "../index-Oxoe0m6L.js";
 import * as accordion from "@zag-js/accordion";
 
 //#region Resources/Private/Primitives/Accordion/Accordion.d.ts

package/Resources/Public/JavaScript/dist/primitives/accordion.entry.js

@@ -1 +1 @@
-import{initAllComponentInstances as e}from"../Client-Bcuea237.js";import{Accordion as t}from"../Accordion-eTTEZRA4.js";e(`accordion`,({props:e})=>{let n=new t(e);return n.init(),n});
+import{initAllComponentInstances as e}from"../Client-BEjJ50yU.js";import{Accordion as t}from"../Accordion-DKI311fM.js";e(`accordion`,({props:e})=>{let n=new t(e);return n.init(),n});

package/Resources/Public/JavaScript/dist/primitives/accordion.js

@@ -1 +1 @@
-import"../Client-Bcuea237.js";import{Accordion as e}from"../Accordion-eTTEZRA4.js";export{e as Accordion};
+import"../Client-BEjJ50yU.js";import{Accordion as e}from"../Accordion-DKI311fM.js";export{e as Accordion};

package/Resources/Public/JavaScript/dist/primitives/clipboard.d.ts

@@ -1,12 +1,12 @@
-import { Component$1 as Component, Machine$1 as Machine } from "../index-AN0XU_8B.js";
-import * as _zag_js_types2 from "@zag-js/types";
+import { Component$1 as Component, Machine$1 as Machine } from "../index-Oxoe0m6L.js";
+import * as _zag_js_types0 from "@zag-js/types";
 import * as clipboard from "@zag-js/clipboard";
 
 //#region Resources/Private/Primitives/Clipboard/Clipboard.d.ts
 declare class Clipboard extends Component<clipboard.Props, clipboard.Api> {
   name: string;
   initMachine(props: clipboard.Props): Machine<clipboard.Schema>;
-  initApi(): clipboard.Api<_zag_js_types2.PropTypes<{
+  initApi(): clipboard.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
   render(): void;

package/Resources/Public/JavaScript/dist/primitives/clipboard.entry.js

@@ -1 +1 @@
-import{initAllComponentInstances as e}from"../Client-Bcuea237.js";import{Clipboard as t}from"../Clipboard-5zCCVAd5.js";e(`clipboard`,({props:e})=>{let n=new t(e);return n.init(),n});
+import{initAllComponentInstances as e}from"../Client-BEjJ50yU.js";import{Clipboard as t}from"../Clipboard-Ss9SA18i.js";e(`clipboard`,({props:e})=>{let n=new t(e);return n.init(),n});

package/Resources/Public/JavaScript/dist/primitives/clipboard.js

@@ -1 +1 @@
-import"../Client-Bcuea237.js";import{Clipboard as e}from"../Clipboard-5zCCVAd5.js";export{e as Clipboard};
+import"../Client-BEjJ50yU.js";import{Clipboard as e}from"../Clipboard-Ss9SA18i.js";export{e as Clipboard};

package/Resources/Public/JavaScript/dist/primitives/collapsible.d.ts

@@ -1,12 +1,12 @@
-import { Component$1 as Component, Machine$1 as Machine } from "../index-AN0XU_8B.js";
-import * as _zag_js_types0 from "@zag-js/types";
+import { Component$1 as Component, Machine$1 as Machine } from "../index-Oxoe0m6L.js";
+import * as _zag_js_types1 from "@zag-js/types";
 import * as collapsible from "@zag-js/collapsible";
 
 //#region Resources/Private/Primitives/Collapsible/Collapsible.d.ts
 declare class Collapsible extends Component<collapsible.Props, collapsible.Api> {
   name: string;
   initMachine(props: collapsible.Props): Machine<any>;
-  initApi(): collapsible.Api<_zag_js_types0.PropTypes<{
+  initApi(): collapsible.Api<_zag_js_types1.PropTypes<{
     [x: string]: any;
   }>>;
   render(): void;

package/Resources/Public/JavaScript/dist/primitives/collapsible.entry.js

@@ -1 +1 @@
-import{initAllComponentInstances as e}from"../Client-Bcuea237.js";import{Collapsible as t}from"../Collapsible-CupTOmpO.js";e(`collapsible`,({props:e})=>{let n=new t(e);return n.init(),n});
+import{initAllComponentInstances as e}from"../Client-BEjJ50yU.js";import{Collapsible as t}from"../Collapsible-M8I0wdQS.js";e(`collapsible`,({props:e})=>{let n=new t(e);return n.init(),n});

package/Resources/Public/JavaScript/dist/primitives/collapsible.js

@@ -1 +1 @@
-import"../Client-Bcuea237.js";import{Collapsible as e}from"../Collapsible-CupTOmpO.js";export{e as Collapsible};
+import"../Client-BEjJ50yU.js";import{Collapsible as e}from"../Collapsible-M8I0wdQS.js";export{e as Collapsible};

package/Resources/Public/JavaScript/dist/primitives/dialog.d.ts

@@ -1,4 +1,4 @@
-import { Component$1 as Component, Machine$1 as Machine } from "../index-AN0XU_8B.js";
+import { Component$1 as Component, Machine$1 as Machine } from "../index-Oxoe0m6L.js";
 import * as _zag_js_types0 from "@zag-js/types";
 import * as dialog from "@zag-js/dialog";
 

package/Resources/Public/JavaScript/dist/primitives/dialog.entry.js

@@ -1 +1 @@
-import{initAllComponentInstances as e}from"../Client-Bcuea237.js";import{Dialog as t}from"../Dialog-Bc_TDlPF.js";e(`dialog`,({props:e})=>{let n=new t(e);return n.init(),n});
+import{initAllComponentInstances as e}from"../Client-BEjJ50yU.js";import{Dialog as t}from"../Dialog-Yw26iHEs.js";e(`dialog`,({props:e})=>{let n=new t(e);return n.init(),n});

package/Resources/Public/JavaScript/dist/primitives/dialog.js

@@ -1 +1 @@
-import"../Client-Bcuea237.js";import{Dialog as e}from"../Dialog-Bc_TDlPF.js";export{e as Dialog};
+import"../Client-BEjJ50yU.js";import{Dialog as e}from"../Dialog-Yw26iHEs.js";export{e as Dialog};

package/Resources/Public/JavaScript/dist/primitives/scroll-area.d.ts

@@ -1,4 +1,4 @@
-import { Component$1 as Component, Machine$1 as Machine } from "../index-AN0XU_8B.js";
+import { Component$1 as Component, Machine$1 as Machine } from "../index-Oxoe0m6L.js";
 import { PropTypes } from "@zag-js/types";
 import * as scrollArea from "@zag-js/scroll-area";
 

package/Resources/Public/JavaScript/dist/primitives/scroll-area.entry.js

@@ -1 +1 @@
-import{initAllComponentInstances as e}from"../Client-Bcuea237.js";import{ScrollArea as t}from"../ScrollArea-B__fLtaA.js";e(`scroll-area`,({props:e})=>{let n=new t(e);return n.init(),n});
+import{initAllComponentInstances as e}from"../Client-BEjJ50yU.js";import{ScrollArea as t}from"../ScrollArea-tFQL1Xc0.js";e(`scroll-area`,({props:e})=>{let n=new t(e);return n.init(),n});

package/Resources/Public/JavaScript/dist/primitives/scroll-area.js

@@ -1 +1 @@
-import"../Client-Bcuea237.js";import{ScrollArea as e}from"../ScrollArea-B__fLtaA.js";export{e as ScrollArea};
+import"../Client-BEjJ50yU.js";import{ScrollArea as e}from"../ScrollArea-tFQL1Xc0.js";export{e as ScrollArea};

package/Resources/Public/JavaScript/dist/primitives/select.d.ts

@@ -1,4 +1,4 @@
-import { Component$1 as Component, Machine$1 as Machine } from "../index-AN0XU_8B.js";
+import { Component$1 as Component, Machine$1 as Machine } from "../index-Oxoe0m6L.js";
 import * as _zag_js_types3 from "@zag-js/types";
 import * as select from "@zag-js/select";
 

package/Resources/Public/JavaScript/dist/primitives/select.entry.js

@@ -1 +1 @@
-import{initAllComponentInstances as e}from"../Client-Bcuea237.js";import{Select as t}from"../Select-DuVsVrzn.js";e(`select`,({props:e})=>{let n=new t(e);return n.init(),n});
+import{initAllComponentInstances as e}from"../Client-BEjJ50yU.js";import{Select as t}from"../Select-C9_zfbXH.js";e(`select`,({props:e})=>{let n=new t(e);return n.init(),n});

package/Resources/Public/JavaScript/dist/primitives/select.js

@@ -1 +1 @@
-import"../Client-Bcuea237.js";import{Select as e}from"../Select-DuVsVrzn.js";export{e as Select};
+import"../Client-BEjJ50yU.js";import{Select as e}from"../Select-C9_zfbXH.js";export{e as Select};

package/Resources/Public/JavaScript/dist/primitives/tabs.d.ts

@@ -1,4 +1,4 @@
-import { Component$1 as Component, Machine$1 as Machine } from "../index-AN0XU_8B.js";
+import { Component$1 as Component, Machine$1 as Machine } from "../index-Oxoe0m6L.js";
 import * as tabs from "@zag-js/tabs";
 
 //#region Resources/Private/Primitives/Tabs/Tabs.d.ts

package/Resources/Public/JavaScript/dist/primitives/tabs.entry.js

@@ -1 +1 @@
-import{initAllComponentInstances as e}from"../Client-Bcuea237.js";import{Tabs as t}from"../Tabs-DaojVeQ3.js";e(`tabs`,({props:e})=>{let n=new t(e);return n.init(),n});
+import{initAllComponentInstances as e}from"../Client-BEjJ50yU.js";import{Tabs as t}from"../Tabs-v_vV2tuJ.js";e(`tabs`,({props:e})=>{let n=new t(e);return n.init(),n});

package/Resources/Public/JavaScript/dist/primitives/tabs.js

@@ -1 +1 @@
-import"../Client-Bcuea237.js";import{Tabs as e}from"../Tabs-DaojVeQ3.js";export{e as Tabs};
+import"../Client-BEjJ50yU.js";import{Tabs as e}from"../Tabs-v_vV2tuJ.js";export{e as Tabs};

package/Resources/Public/JavaScript/dist/primitives/tooltip.d.ts

@@ -1,12 +1,12 @@
-import { Component$1 as Component, Machine$1 as Machine } from "../index-AN0XU_8B.js";
-import * as _zag_js_types1 from "@zag-js/types";
+import { Component$1 as Component, Machine$1 as Machine } from "../index-Oxoe0m6L.js";
+import * as _zag_js_types2 from "@zag-js/types";
 import * as tooltip from "@zag-js/tooltip";
 
 //#region Resources/Private/Primitives/Tooltip/Tooltip.d.ts
 declare class Tooltip extends Component<tooltip.Props, tooltip.Api> {
   name: string;
   initMachine(props: tooltip.Props): Machine<any>;
-  initApi(): tooltip.Api<_zag_js_types1.PropTypes<{
+  initApi(): tooltip.Api<_zag_js_types2.PropTypes<{
     [x: string]: any;
   }>>;
   render(): void;

package/Resources/Public/JavaScript/dist/primitives/tooltip.entry.js

@@ -1 +1 @@
-import{initAllComponentInstances as e}from"../Client-Bcuea237.js";import{Tooltip as t}from"../Tooltip-BgU6DpGy.js";e(`tooltip`,({props:e})=>{let n=new t(e);return n.init(),n});
+import{initAllComponentInstances as e}from"../Client-BEjJ50yU.js";import{Tooltip as t}from"../Tooltip-OBDeNAga.js";e(`tooltip`,({props:e})=>{let n=new t(e);return n.init(),n});

package/Resources/Public/JavaScript/dist/primitives/tooltip.js

@@ -1 +1 @@
-import"../Client-Bcuea237.js";import{Tooltip as e}from"../Tooltip-BgU6DpGy.js";export{e as Tooltip};
+import"../Client-BEjJ50yU.js";import{Tooltip as e}from"../Tooltip-OBDeNAga.js";export{e as Tooltip};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "fluid-primitives",
-    "version": "0.2.0",
+    "version": "0.2.2",
     "description": "Client-side library for Fluid Primitives.",
     "type": "module",
     "license": "MIT",

package/Resources/Public/JavaScript/dist/Client-Bcuea237.js

@@ -1 +0,0 @@
-import{INIT_STATE as e,MachineStatus as t,createScope as n,mergeProps as r}from"@zag-js/core";import{ListCollection as i}from"@zag-js/collection";import{proxy as a,subscribe as o}from"@zag-js/store";import{compact as s,identity as c,isEqual as l,isFunction as u,isString as d,runIfFn as f,toArray as p,warn as m}from"@zag-js/utils";import{createNormalizer as h}from"@zag-js/types";import{nanoid as g}from"nanoid";var _=class{document;machine;api;hydrator=null;userProps;get doc(){return this.document}constructor(e,t=document){this.document=t,this.userProps=e,this.machine=this.initMachine(e),this.api=this.initApi()}init(){this.hydrator=new b(this.name,this.machine.scope.id,this.machine.scope.ids,this.doc),this.render(),this.machine.subscribe(()=>{this.api=this.initApi(),this.render()}),this.machine.start()}updateProps(e){this.machine.stop(),this.machine=this.initMachine({...this.userProps,...e}),this.api=this.initApi(),this.init()}destroy=()=>{this.machine.stop(),this.hydrator?.destroy()};spreadProps(e,t){k(e,t,this.machine.scope.id)}getElement(e,t){return this.hydrator?.getElement(e,t)||null}getElements(e,t){return this.hydrator?.getElements(e,t)||[]}portalElement(e,t=this.doc.body){e&&e.parentNode!==t&&(t.appendChild(e),e.setAttribute(`data-portalled`,`true`))}};function v(e,t){let n=window.FluidPrimitives.hydrationData;return!n||typeof n!=`object`?null:e?n[e]?t?n[e][t]||null:n[e]:null:n}function y(e,t){let n=v(e);n&&Object.keys(n).forEach(r=>{if(n[r].controlled)return;let i=t(n[r]);window.FluidPrimitives.uncontrolledInstances[e]||(window.FluidPrimitives.uncontrolledInstances[e]={}),window.FluidPrimitives.uncontrolledInstances[e][r]=i})}var b=class{componentName;doc;rootId;ids;elementRefs=new Map;constructor(e,t,n={},r=document){if(this.componentName=e,this.doc=r,!t)throw Error(`Root ID is required for component hydration: ${e}`);this.rootId=t,this.ids=n}getElement(e,t=this.doc){if(this.elementRefs.has(e))return this.elementRefs.get(e)||null;let n=null;return n=this.ids[e]?t.querySelector(`#${this.ids[e]}`):t.querySelector(`[data-hydrate-${this.componentName}="${this.rootId}"][data-part="${e}"][data-scope="${this.componentName}"]`),n&&(t===this.doc&&this.elementRefs.set(e,n),n.removeAttribute(`data-hydrate-${this.componentName}`),n.__rootId=this.rootId),n}getElements(e,t=this.doc){if(this.elementRefs.has(e))return this.elementRefs.get(e);let n=[];return n=this.ids[e]?Array.from(t.querySelectorAll(`#${this.ids[e]}`)):Array.from(t.querySelectorAll(`[data-hydrate-${this.componentName}="${this.rootId}"][data-part="${e}"][data-scope="${this.componentName}"]`)),t===this.doc&&this.elementRefs.set(e,n),n.forEach(e=>e.removeAttribute(`data-hydrate-${this.componentName}`)),n}generateRefAttributesString(e){let t=this.ids[e]||`${this.rootId}-${e}`;return`data-scope="${this.componentName}" data-part="${e}" data-hydrate-${this.componentName}="${t}"`}setRefAttributes(e,t){let n=this.generateRefAttributesString(t),r=n.split(` `).map(e=>e.trim());r.forEach(t=>{let[n,r]=t.split(`=`);e.setAttribute(n,r.replace(/"/g,``))})}destroy(){this.elementRefs.clear()}};function x(e){let t=new i({items:e.items,itemToValue:e.itemToValueKey?t=>t?.[e.itemToValueKey]:void 0,itemToString:e.itemToStringKey?t=>t?.[e.itemToStringKey]:void 0,isItemDisabled:e.isItemDisabledKey?t=>t?.[e.isItemDisabledKey]:void 0,groupBy:e.groupByKey?t=>{let n=e.groupByKey;if(n)return n.includes(`.`)?n.split(`.`).reduce((e,t)=>e?e[t]:void 0,t):t?.[n]}:void 0});return t}function S(e){let t=e().value??e().defaultValue;e().debug&&console.log(`[bindable > ${e().debug}] initial`,t);let n=e().isEqual??Object.is,r=a({value:t}),i=()=>e().value!==void 0;return{initial:t,ref:r,get(){return i()?e().value:r.value},set(t){let a=r.value,o=u(t)?t(a):t;e().debug&&console.log(`[bindable > ${e().debug}] setValue`,{next:o,prev:a}),i()||(r.value=o),n(o,a)||e().onChange?.(o,a)},invoke(t,n){e().onChange?.(t,n)},hash(t){return e().hash?.(t)??String(t)}}}S.cleanup=e=>{},S.ref=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}};function C(e){let t={current:e};return{get(e){return t.current[e]},set(e,n){t.current[e]=n}}}var w=class{scope;ctx;prop;state;refs;computed;event={type:``};previousEvent;effects=new Map;transition=null;cleanups=[];subscriptions=[];getEvent=()=>({...this.event,current:()=>this.event,previous:()=>this.previousEvent});getState=()=>({...this.state,matches:(...e)=>e.includes(this.state.get()),hasTag:e=>!!this.machine.states[this.state.get()]?.tags?.includes(e)});debug=(...e)=>{this.machine.debug&&console.log(...e)};notify=()=>{this.publish()};constructor(t,r={}){this.machine=t;let{id:i,ids:a,getRootNode:c}=f(r);this.scope=n({id:i,ids:a,getRootNode:c});let l=e=>{let n=f(r),i=t.props?.({props:s(n),scope:this.scope})??n;return i[e]};this.prop=l;let u=t.context?.({prop:l,bindable:S,scope:this.scope,flush(e){queueMicrotask(e)},getContext(){return d},getComputed(){return p},getRefs(){return m},getEvent:this.getEvent.bind(this)});u&&Object.values(u).forEach(e=>{let t=o(e.ref,()=>this.notify());this.cleanups.push(t)});let d={get(e){return u?.[e].get()},set(e,t){u?.[e].set(t)},initial(e){return u?.[e].initial},hash(e){let t=u?.[e].get();return u?.[e].hash(t)}};this.ctx=d;let p=e=>t.computed?.[e]({context:d,event:this.getEvent(),prop:l,refs:this.refs,scope:this.scope,computed:p})??{};this.computed=p;let m=C(t.refs?.({prop:l,context:d})??{});this.refs=m;let h=S(()=>({defaultValue:t.initialState({prop:l}),onChange:(n,r)=>{if(r){let e=this.effects.get(r);e?.(),this.effects.delete(r)}r&&this.action(t.states[r]?.exit),this.action(this.transition?.actions);let i=this.effect(t.states[n]?.effects);if(i&&this.effects.set(n,i),r===e){this.action(t.entry);let n=this.effect(t.effects);n&&this.effects.set(e,n)}this.action(t.states[n]?.entry)}}));this.state=h,this.cleanups.push(o(this.state.ref,()=>this.notify()))}send=e=>{this.status===t.Started&&queueMicrotask(()=>{this.previousEvent=this.event,this.event=e,this.debug(`send`,e);let t=this.state.get(),n=this.machine.states[t].on?.[e.type]??this.machine.on?.[e.type],r=this.choose(n);if(!r)return;this.transition=r;let i=r.target??t;this.debug(`transition`,r);let a=i!==t;a?this.state.set(i):this.action(r.actions)})};action=e=>{let t=u(e)?e(this.getParams()):e;if(!t)return;let n=t.map(e=>{let t=this.machine.implementations?.actions?.[e];return t||m(`[zag-js] No implementation found for action "${JSON.stringify(e)}"`),t});for(let e of n)e?.(this.getParams())};guard=e=>u(e)?e(this.getParams()):this.machine.implementations?.guards?.[e](this.getParams());effect=e=>{let t=u(e)?e(this.getParams()):e;if(!t)return;let n=t.map(e=>{let t=this.machine.implementations?.effects?.[e];return t||m(`[zag-js] No implementation found for effect "${JSON.stringify(e)}"`),t}),r=[];for(let e of n){let t=e?.(this.getParams());t&&r.push(t)}return()=>r.forEach(e=>e?.())};choose=e=>p(e).find(e=>{let t=!e.guard;return d(e.guard)?t=!!this.guard(e.guard):u(e.guard)&&(t=e.guard(this.getParams())),t});start(){this.status=t.Started,this.debug(`initializing...`),this.state.invoke(this.state.initial,e),this.setupTrackers()}stop(){this.effects.forEach(e=>e?.()),this.effects.clear(),this.transition=null,this.action(this.machine.exit),this.cleanups.forEach(e=>e()),this.cleanups=[],this.status=t.Stopped,this.debug(`unmounting...`)}subscribe=e=>{this.subscriptions.push(e)};status=t.NotStarted;get service(){return{state:this.getState(),send:this.send,context:this.ctx,prop:this.prop,scope:this.scope,refs:this.refs,computed:this.computed,event:this.getEvent(),getStatus:()=>this.status}}publish=()=>{this.callTrackers(),this.subscriptions.forEach(e=>e(this.service))};trackers=[];setupTrackers=()=>{this.machine.watch?.(this.getParams())};callTrackers=()=>{this.trackers.forEach(({deps:e,fn:t})=>{let n=e.map(e=>e());l(t.prev,n)||(t(),t.prev=n)})};getParams=()=>({state:this.getState(),context:this.ctx,event:this.getEvent(),prop:this.prop,send:this.send,action:this.action,guard:this.guard,track:(e,t)=>{t.prev=e.map(e=>e()),this.trackers.push({deps:e,fn:t})},refs:this.refs,computed:this.computed,flush:c,scope:this.scope,choose:this.choose})};const T={onFocus:`onFocusin`,onBlur:`onFocusout`,onChange:`onInput`,onDoubleClick:`onDblclick`,htmlFor:`for`,className:`class`,defaultValue:`value`,defaultChecked:`checked`},E=e=>{let t=``;for(let n in e){let r=e[n];if(r==null)continue;n.startsWith(`--`)||(n=n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)),t+=`${n}:${r};`}return t},D=h(e=>Object.entries(e).reduce((e,[t,n])=>n===void 0?e:(t in T&&(t=T[t]),t===`style`&&typeof n==`object`?(e.style=E(n),e):(e[t.toLowerCase()]=n,e)),{})),O=new Map;function k(e,t,n){e.__spreadId||=`spread_${g()}`;let r=``;r=n?`${e.__spreadId}_${n}`:`${e.__spreadId}`;let i=O.get(r)||{},a=Object.keys(t),o=(t,n)=>{e.addEventListener(t.toLowerCase(),n)},s=(t,n)=>{e.removeEventListener(t.toLowerCase(),n)},c=e=>e.startsWith(`on`),l=e=>!e.startsWith(`on`),u=e=>o(e.substring(2),t[e]),d=e=>s(e.substring(2),t[e]),f=n=>{let r=t[n],a=i[n];if(r!==a){if(n===`children`){e.textContent=r;return}if(typeof r==`boolean`&&(n.includes(`aria-`)||(r||=void 0)),r!=null){[`value`,`checked`,`htmlFor`].includes(n)?e[n]=r:e.setAttribute(n.toLowerCase(),r);return}e.removeAttribute(n.toLowerCase())}};for(let n in i)t[n]??e.removeAttribute(n.toLowerCase());let p=Object.keys(i).filter(c);return p.forEach(e=>{s(e.substring(2),i[e])}),a.filter(c).forEach(u),a.filter(l).forEach(f),O.set(r,t),function(){a.filter(c).forEach(d)}}export{_ as Component,b as ComponentHydrator,w as Machine,v as getHydrationData,x as getListCollectionFromHydrationData,y as initAllComponentInstances,r as mergeProps,D as normalizeProps,k as spreadProps};