fluid-primitives 0.14.0 → 0.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/{Resources/Public/JavaScript/dist/Accordion-CDhNab8V.js → dist/Accordion-Cl2K4xOT.js} +1 -1
  2. package/dist/Checkbox-CwJ9r62b.js +1 -0
  3. package/dist/Client-CygooKu8.js +1 -0
  4. package/{Resources/Public/JavaScript/dist/Clipboard-3xYQ-5z-.js → dist/Clipboard-bJ-incBt.js} +1 -1
  5. package/{Resources/Public/JavaScript/dist/Collapsible-CRkyzge9.js → dist/Collapsible-GyH_T6Hq.js} +1 -1
  6. package/{Resources/Public/JavaScript/dist/Dialog-B0rH38Du.js → dist/Dialog-Dgj2U7I1.js} +1 -1
  7. package/dist/Field-CDKnwnti.js +1 -0
  8. package/{Resources/Public/JavaScript/dist/Form-DBNNU5PD.js → dist/Form-C9slSSAl.js} +1 -1
  9. package/dist/NumberInput-CR62Lu0Y.js +1 -0
  10. package/{Resources/Public/JavaScript/dist/Popover-uUcHrP8Z.js → dist/Popover-BcUL2h5s.js} +1 -1
  11. package/dist/RadioGroup-DDXsLd_6.js +1 -0
  12. package/{Resources/Public/JavaScript/dist/ScrollArea-XpAVw840.js → dist/ScrollArea-AGHctjsB.js} +1 -1
  13. package/dist/Select-yzhbuQbY.js +1 -0
  14. package/{Resources/Public/JavaScript/dist/Tabs-BCk2WAmg.js → dist/Tabs-gqT2GS7g.js} +1 -1
  15. package/{Resources/Public/JavaScript/dist/Tooltip-C7vqPe3n.js → dist/Tooltip-BxKsb7ME.js} +1 -1
  16. package/{Resources/Public/JavaScript/dist → dist}/accordion.d.ts +3 -3
  17. package/dist/accordion.entry.js +1 -0
  18. package/dist/accordion.js +1 -0
  19. package/{Resources/Public/JavaScript/dist → dist}/checkbox.d.ts +2 -2
  20. package/dist/checkbox.entry.js +1 -0
  21. package/dist/checkbox.js +1 -0
  22. package/{Resources/Public/JavaScript/dist → dist}/client.d.ts +1 -1
  23. package/{Resources/Public/JavaScript/dist → dist}/client.js +1 -1
  24. package/{Resources/Public/JavaScript/dist → dist}/clipboard.d.ts +2 -2
  25. package/dist/clipboard.entry.js +1 -0
  26. package/dist/clipboard.js +1 -0
  27. package/{Resources/Public/JavaScript/dist → dist}/collapsible.d.ts +3 -3
  28. package/dist/collapsible.entry.js +1 -0
  29. package/dist/collapsible.js +1 -0
  30. package/{Resources/Public/JavaScript/dist → dist}/dialog.d.ts +3 -3
  31. package/dist/dialog.entry.js +1 -0
  32. package/dist/dialog.js +1 -0
  33. package/{Resources/Public/JavaScript/dist → dist}/field.d.ts +2 -2
  34. package/dist/field.entry.js +1 -0
  35. package/dist/field.js +1 -0
  36. package/{Resources/Public/JavaScript/dist → dist}/form.d.ts +2 -2
  37. package/dist/form.entry.js +1 -0
  38. package/dist/form.js +1 -0
  39. package/{Resources/Public/JavaScript/dist/form.registry-Bk1J-OLU.d.ts → dist/form.registry-kQ1F4QWc.d.ts} +1 -1
  40. package/{Resources/Public/JavaScript/dist/index-QGNV9SvR.d.ts → dist/index-BymmxVv7.d.ts} +9 -64
  41. package/{Resources/Public/JavaScript/dist → dist}/number-input.d.ts +3 -3
  42. package/dist/number-input.entry.js +1 -0
  43. package/dist/number-input.js +1 -0
  44. package/{Resources/Public/JavaScript/dist → dist}/popover.d.ts +3 -3
  45. package/dist/popover.entry.js +1 -0
  46. package/dist/popover.js +1 -0
  47. package/{Resources/Public/JavaScript/dist → dist}/radio-group.d.ts +2 -2
  48. package/dist/radio-group.entry.js +1 -0
  49. package/dist/radio-group.js +1 -0
  50. package/{Resources/Public/JavaScript/dist → dist}/scroll-area.d.ts +2 -2
  51. package/dist/scroll-area.entry.js +1 -0
  52. package/dist/scroll-area.js +1 -0
  53. package/{Resources/Public/JavaScript/dist → dist}/select.d.ts +4 -3
  54. package/dist/select.entry.js +1 -0
  55. package/dist/select.js +1 -0
  56. package/{Resources/Public/JavaScript/dist → dist}/tabs.d.ts +3 -3
  57. package/dist/tabs.entry.js +1 -0
  58. package/dist/tabs.js +1 -0
  59. package/{Resources/Public/JavaScript/dist → dist}/tooltip.d.ts +3 -3
  60. package/dist/tooltip.entry.js +1 -0
  61. package/dist/tooltip.js +1 -0
  62. package/package.json +56 -51
  63. package/Resources/Public/JavaScript/dist/Checkbox-CpGwRTbn.js +0 -1
  64. package/Resources/Public/JavaScript/dist/Client-C7pLb8Ab.js +0 -1
  65. package/Resources/Public/JavaScript/dist/Field-BwzB3Eom.js +0 -1
  66. package/Resources/Public/JavaScript/dist/NumberInput-CApZObd4.js +0 -1
  67. package/Resources/Public/JavaScript/dist/RadioGroup-RoniWWCD.js +0 -1
  68. package/Resources/Public/JavaScript/dist/Select-DvsJPyz5.js +0 -1
  69. package/Resources/Public/JavaScript/dist/accordion.entry.js +0 -1
  70. package/Resources/Public/JavaScript/dist/accordion.js +0 -1
  71. package/Resources/Public/JavaScript/dist/checkbox.entry.js +0 -1
  72. package/Resources/Public/JavaScript/dist/checkbox.js +0 -1
  73. package/Resources/Public/JavaScript/dist/clipboard.entry.js +0 -1
  74. package/Resources/Public/JavaScript/dist/clipboard.js +0 -1
  75. package/Resources/Public/JavaScript/dist/collapsible.entry.js +0 -1
  76. package/Resources/Public/JavaScript/dist/collapsible.js +0 -1
  77. package/Resources/Public/JavaScript/dist/dialog.entry.js +0 -1
  78. package/Resources/Public/JavaScript/dist/dialog.js +0 -1
  79. package/Resources/Public/JavaScript/dist/field.entry.js +0 -1
  80. package/Resources/Public/JavaScript/dist/field.js +0 -1
  81. package/Resources/Public/JavaScript/dist/form.entry.js +0 -1
  82. package/Resources/Public/JavaScript/dist/form.js +0 -1
  83. package/Resources/Public/JavaScript/dist/number-input.entry.js +0 -1
  84. package/Resources/Public/JavaScript/dist/number-input.js +0 -1
  85. package/Resources/Public/JavaScript/dist/popover.entry.js +0 -1
  86. package/Resources/Public/JavaScript/dist/popover.js +0 -1
  87. package/Resources/Public/JavaScript/dist/radio-group.entry.js +0 -1
  88. package/Resources/Public/JavaScript/dist/radio-group.js +0 -1
  89. package/Resources/Public/JavaScript/dist/scroll-area.entry.js +0 -1
  90. package/Resources/Public/JavaScript/dist/scroll-area.js +0 -1
  91. package/Resources/Public/JavaScript/dist/select.entry.js +0 -1
  92. package/Resources/Public/JavaScript/dist/select.js +0 -1
  93. package/Resources/Public/JavaScript/dist/tabs.entry.js +0 -1
  94. package/Resources/Public/JavaScript/dist/tabs.js +0 -1
  95. package/Resources/Public/JavaScript/dist/tooltip.entry.js +0 -1
  96. package/Resources/Public/JavaScript/dist/tooltip.js +0 -1
  97. /package/{Resources/Public/JavaScript/dist → dist}/accordion.entry.d.ts +0 -0
  98. /package/{Resources/Public/JavaScript/dist → dist}/checkbox.entry.d.ts +0 -0
  99. /package/{Resources/Public/JavaScript/dist → dist}/clipboard.entry.d.ts +0 -0
  100. /package/{Resources/Public/JavaScript/dist → dist}/collapsible.entry.d.ts +0 -0
  101. /package/{Resources/Public/JavaScript/dist → dist}/dialog.entry.d.ts +0 -0
  102. /package/{Resources/Public/JavaScript/dist → dist}/field.dom-r8J9M7vj.js +0 -0
  103. /package/{Resources/Public/JavaScript/dist → dist}/field.entry.d.ts +0 -0
  104. /package/{Resources/Public/JavaScript/dist → dist}/form.entry.d.ts +0 -0
  105. /package/{Resources/Public/JavaScript/dist → dist}/form.registry-ABqE-vzj.js +0 -0
  106. /package/{Resources/Public/JavaScript/dist → dist}/number-input.entry.d.ts +0 -0
  107. /package/{Resources/Public/JavaScript/dist → dist}/popover.entry.d.ts +0 -0
  108. /package/{Resources/Public/JavaScript/dist → dist}/radio-group.entry.d.ts +0 -0
  109. /package/{Resources/Public/JavaScript/dist → dist}/scroll-area.entry.d.ts +0 -0
  110. /package/{Resources/Public/JavaScript/dist → dist}/select.entry.d.ts +0 -0
  111. /package/{Resources/Public/JavaScript/dist → dist}/tabs.entry.d.ts +0 -0
  112. /package/{Resources/Public/JavaScript/dist → dist}/tooltip.entry.d.ts +0 -0
@@ -1 +1 @@
1
- import{Component as e,Machine as t,normalizeProps as n}from"./Client-C7pLb8Ab.js";import*as r from"@zag-js/accordion";var i=class extends e{static 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.hasAttribute(`data-disabled`)}))});let n=this.getElements(`item-trigger`);n.forEach(e=>{this.spreadProps(e,this.api.getItemTriggerProps({value:e.getAttribute(`data-value`),disabled:e.hasAttribute(`data-disabled`)}))});let r=this.getElements(`item-content`);r.forEach(e=>{this.spreadProps(e,this.api.getItemContentProps({value:e.getAttribute(`data-value`),disabled:e.hasAttribute(`data-disabled`)}))});let i=this.getElements(`item-indicator`);i.forEach(e=>{this.spreadProps(e,this.api.getItemIndicatorProps({value:e.getAttribute(`data-value`),disabled:e.hasAttribute(`data-disabled`)}))}),this.getElements(`item-header`)}};export{i as Accordion};
1
+ import{Component as e,Machine as t,normalizeProps as n}from"./Client-CygooKu8.js";import*as r from"@zag-js/accordion";var i=class extends e{static 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.hasAttribute(`data-disabled`)}))});let n=this.getElements(`item-trigger`);n.forEach(e=>{this.spreadProps(e,this.api.getItemTriggerProps({value:e.getAttribute(`data-value`),disabled:e.hasAttribute(`data-disabled`)}))});let r=this.getElements(`item-content`);r.forEach(e=>{this.spreadProps(e,this.api.getItemContentProps({value:e.getAttribute(`data-value`),disabled:e.hasAttribute(`data-disabled`)}))});let i=this.getElements(`item-indicator`);i.forEach(e=>{this.spreadProps(e,this.api.getItemIndicatorProps({value:e.getAttribute(`data-value`),disabled:e.hasAttribute(`data-disabled`)}))}),this.getElements(`item-header`)}};export{i as Accordion};
@@ -0,0 +1 @@
1
+ import{FieldAwareComponent as e,Machine as t,mergeProps as n,normalizeProps as r}from"./Client-CygooKu8.js";import{getControlId as i,getLabelId as a}from"./field.dom-r8J9M7vj.js";import*as o from"@zag-js/checkbox";var s=class extends e{static name=`checkbox`;propsWithField(e,t){return{value:`1`,...e,disabled:e.disabled??t.context.get(`disabled`),readOnly:e.readOnly??t.context.get(`readOnly`),required:e.required??t.context.get(`required`),invalid:e.invalid??t.context.get(`invalid`),name:e.name??t.prop(`name`),ids:{...e.ids,label:a(t.scope),hiddenInput:i(t.scope)}}}initMachine(e){return e=this.withFieldProps(e),new t(o.machine,e)}initApi(){return o.connect(this.machine.service,r)}render(){this.subscribeToFieldService();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 r=this.getElement(`control`);r&&this.spreadProps(r,this.api.getControlProps());let i=this.getElement(`indicator`);i&&this.spreadProps(i,this.api.getIndicatorProps());let a=this.getElement(`hidden-input`);if(a){let e=n(this.api.getHiddenInputProps(),{"aria-describedby":this.fieldMachine?.context.get(`describeIds`)||void 0});this.spreadProps(a,e)}}};export{s as Checkbox};
@@ -0,0 +1 @@
1
+ import{ListCollection as e}from"@zag-js/collection";import{VanillaMachine as t,VanillaMachine as n,mergeProps as r,normalizeProps as i,spreadProps as a}from"@zag-js/vanilla";import{uuid as o}from"@zag-js/utils";var s=class{document;machine;api;hydrator=null;userProps;static name;get doc(){return this.document}constructor(e,t=document){this.document=t,this.userProps=this.transformProps(e),this.hydrator=this.initHydrator(e),this.machine=this.initMachine(e),this.api=this.initApi()}initHydrator(e){let t=e.id;if(!t)throw Error(`ComponentHydrator requires an id prop to initialize.`);return new g(this.getName(),t,e.ids,this.doc)}init(){this.render(),this.machine.subscribe(()=>{this.api=this.initApi(),this.render()}),this.machine.start()}getName(){return this.constructor.name}transformProps(e){return e}updateProps(e){this.machine.updateProps(e)}destroy(){this.machine.stop(),this.hydrator?.destroy()}spreadProps(e,t){a(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)||[]}};const c=new WeakMap;function l(e,t){e&&(c.set(e,t),e.dispatchEvent(new CustomEvent(`fluid-primitives:field:registered`,{bubbles:!0})))}function u(e){if(e)return c.get(e)}const d=[`invalid`,`disabled`,`readOnly`,`required`],f={disabled:e=>e.context.get(`disabled`),readOnly:e=>e.context.get(`readOnly`),required:e=>e.context.get(`required`),invalid:e=>e.context.get(`invalid`)};var p=class extends s{subscribedToField=!1;fieldMachine;closestField=null;getClosestField(){return this.closestField||this.getElement(`root`)?.closest(`[data-scope="field"][data-part="root"]`)||null}withFieldProps(e){if(this.closestField=this.getClosestField(),!this.closestField)return e;if(this.fieldMachine=u(this.closestField),this.fieldMachine)return this.propsWithField(e,this.fieldMachine);{let e=()=>{this.fieldMachine=u(this.closestField),this.updateProps(this.propsWithField(this.userProps,this.fieldMachine)),this.closestField?.removeEventListener(`fluid-primitives:field:registered`,e)};this.closestField.addEventListener(`fluid-primitives:field:registered`,e)}return e}subscribeToFieldService(){if(!this.subscribedToField&&(this.closestField=this.getClosestField(),this.closestField))if(this.fieldMachine||=u(this.closestField),this.fieldMachine)this.fieldMachine.subscribe(e=>{queueMicrotask(()=>{let t={};for(let n of d){let r=!!f[n](e),i=!!this.machine.prop(n);r!==i&&(t[n]=r)}Object.keys(t).length>0?this.updateProps(t):this.machine.notify()})}),this.subscribedToField=!0;else{let e=()=>{this.subscribeToFieldService(),this.closestField.removeEventListener(`fluid-primitives:field:registered`,e)};this.closestField.addEventListener(`fluid-primitives:field:registered`,e)}}};function m(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 h(e,t){let n=m(e);n&&Object.keys(n).forEach(r=>{if(n[r].controlled)return;let i=t({...n[r],createHydrator:()=>new g(e,r,n[r].props.ids)});i&&(window.FluidPrimitives.uncontrolledInstances[e]||(window.FluidPrimitives.uncontrolledInstances[e]={}),window.FluidPrimitives.uncontrolledInstances[e][r]=i)})}var g=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.forEach(e=>{e instanceof Element?e.setAttribute(`data-hydrate-${this.componentName}`,this.rootId):e.forEach(e=>e.setAttribute(`data-hydrate-${this.componentName}`,this.rootId))}),this.elementRefs.clear()}};function _(t){if(t instanceof e)return t;let n=new e({items:t.items,itemToValue:t.itemToValueKey?e=>e?.[t.itemToValueKey]:void 0,itemToString:t.itemToStringKey?e=>e?.[t.itemToStringKey]:void 0,isItemDisabled:t.isItemDisabledKey?e=>e?.[t.isItemDisabledKey]:void 0,groupBy:t.groupByKey?e=>{let n=t.groupByKey;if(n)return n.includes(`.`)?n.split(`.`).reduce((e,t)=>e?e[t]:void 0,e):e?.[n]}:void 0});return n}function v(e=`f`){return`«`+e+o()+`»`}export{s as Component,g as ComponentHydrator,p as FieldAwareComponent,n as Machine,m as getHydrationData,_ as getListCollectionFromHydrationData,r as mergeProps,h as mount,i as normalizeProps,l as registerFieldMachine,a as spreadProps,v as uid};
@@ -1 +1 @@
1
- import{Component as e,Machine as t,normalizeProps as n}from"./Client-C7pLb8Ab.js";import*as r from"@zag-js/clipboard";var i=class extends e{static 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};
1
+ import{Component as e,Machine as t,normalizeProps as n}from"./Client-CygooKu8.js";import*as r from"@zag-js/clipboard";var i=class extends e{static 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};
@@ -1 +1 @@
1
- import{Component as e,Machine as t,normalizeProps as n}from"./Client-C7pLb8Ab.js";import*as r from"@zag-js/collapsible";var i=class extends e{static 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.getElements(`trigger`);t.forEach(e=>{this.spreadProps(e,this.api.getTriggerProps())});let n=this.getElements(`trigger-text`);n.forEach(e=>{e&&e.dataset.openText&&e.dataset.closeText&&(e.textContent=this.api.open?e.dataset.closeText:e.dataset.openText)});let r=this.getElement(`content`);r&&this.spreadProps(r,this.api.getContentProps())}};export{i as Collapsible};
1
+ import{Component as e,Machine as t,normalizeProps as n}from"./Client-CygooKu8.js";import*as r from"@zag-js/collapsible";var i=class extends e{static 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.getElements(`trigger`);t.forEach(e=>{this.spreadProps(e,this.api.getTriggerProps())});let n=this.getElements(`trigger-text`);n.forEach(e=>{e&&e.dataset.openText&&e.dataset.closeText&&(e.textContent=this.api.open?e.dataset.closeText:e.dataset.openText)});let r=this.getElement(`content`);r&&this.spreadProps(r,this.api.getContentProps())}};export{i as Collapsible};
@@ -1 +1 @@
1
- import{Component as e,Machine as t,normalizeProps as n}from"./Client-C7pLb8Ab.js";import*as r from"@zag-js/dialog";var i=class extends e{static 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};
1
+ import{Component as e,Machine as t,normalizeProps as n}from"./Client-CygooKu8.js";import*as r from"@zag-js/dialog";var i=class extends e{static 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};
@@ -0,0 +1 @@
1
+ import{Component as e,Machine as t,normalizeProps as n,registerFieldMachine as r}from"./Client-CygooKu8.js";import{getControlId as i,getDescriptionEl as a,getDescriptionId as o,getErrorId as s,getLabelId as c,getRootEl as l,getRootId as u}from"./field.dom-r8J9M7vj.js";import{getFormMachineFor as d,registerFieldMachineForForm as f}from"./form.registry-ABqE-vzj.js";import{createAnatomy as p}from"@zag-js/anatomy";import{createMachine as m}from"@zag-js/core";const h=p(`field`).parts(`root`,`label`,`control`,`error`,`description`),g=h.build();function _(e,t){let{scope:n,prop:r,context:a,computed:l}=e,d=a.get(`invalid`),f=a.get(`disabled`),p=a.get(`required`),m=a.get(`readOnly`),h=l(`errors`);return{getFormMachine:()=>a.get(`formMachine`),invalid:d,disabled:f,required:p,readOnly:m,errors:h,name:r(`name`),getErrorText(){return h.length>0?h.join(` `):null},getRootProps(){return t.element({...g.root.attrs,id:u(n),"data-invalid":d?``:void 0,"data-disabled":f?``:void 0,"data-readonly":m?``:void 0,"data-required":p?``:void 0,"data-name":r(`name`)})},getLabelProps(){return t.label({...g.label.attrs,id:c(n),htmlFor:i(n),"data-invalid":d?``:void 0,"data-disabled":f?``:void 0,"data-required":p?``:void 0})},getControlProps(){return t.element({...g.control.attrs,id:i(n),name:r(`name`),disabled:f||void 0,readOnly:m||void 0,required:p||void 0,"aria-invalid":d?`true`:void 0,"aria-describedby":a.get(`describeIds`)||void 0,"aria-required":p?`true`:void 0,"data-invalid":d?``:void 0,"data-disabled":f?``:void 0,"data-readonly":m?``:void 0})},getErrorProps(){return t.element({...g.error.attrs,id:s(n),hidden:!d})},getDescriptionProps(){return t.element({...g.description.attrs,id:o(n)})}}}const v=m({initialState(){return`ready`},context({bindable:e,prop:t}){return{invalid:e(()=>({defaultValue:t(`invalid`)??!1})),required:e(()=>({defaultValue:t(`required`)??!1})),disabled:e(()=>({defaultValue:t(`disabled`)??!1})),readOnly:e(()=>({defaultValue:t(`readOnly`)??!1})),formMachine:e(()=>({defaultValue:null,hash:e=>JSON.stringify({state:e?.state,errors:e?.context.get(`errors`)})})),describeIds:e(()=>({defaultValue:void 0})),hasDescription:e(()=>({defaultValue:!1}))}},entry:[`getFormMachine`,`checkForDescription`,`determineDescribeIds`,`updateInvalid`],states:{ready:{}},computed:{errors({context:e,prop:t}){let n=e.get(`formMachine`)?.context;if(!n)return[];let r=n.get(`errors`)?.[t(`name`)];return r?.messages??[]}},watch({track:e,context:t,computed:n,action:r}){e([()=>t.hash(`formMachine`),()=>n(`errors`).join(`|`)],()=>{r([`updateInvalid`])}),e([()=>t.get(`invalid`),()=>t.get(`hasDescription`)],()=>{r([`determineDescribeIds`])})},implementations:{actions:{getFormMachine({context:e,scope:t}){if(e.get(`formMachine`))return;let n=l(t);if(!n)return;let r=d(n)??null;if(r)e.set(`formMachine`,r);else{let t=n.closest(`form`);if(!t)return;let r=()=>{let i=d(n)??null;e.set(`formMachine`,i),t.removeEventListener(`fluid-primitives:form:registered`,r)};t.addEventListener(`fluid-primitives:form:registered`,r)}},checkForDescription({context:e,scope:t}){let n=a(t);e.set(`hasDescription`,!!n)},determineDescribeIds({context:e,scope:t}){let n=[];e.get(`hasDescription`)&&n.push(o(t)),e.get(`invalid`)&&n.push(s(t));let r=n.join(` `)||void 0;e.set(`describeIds`,r)},updateInvalid({context:e,prop:t}){let n=e.get(`formMachine`)?.context;if(!n){e.set(`invalid`,t(`invalid`)??!1);return}let r=n.get(`errors`)?.[t(`name`)],i=r?.messages??[];e.set(`invalid`,i.length>0)}}}});var y=class extends e{static name=`field`;subscribedToForm=!1;initMachine(e){let n=new t(v,e);return r(this.getElement(`root`),n),f(this.getElement(`root`),n),n}initApi(){return _(this.machine.service,n)}subscribeToFormMachine(){if(this.subscribedToForm)return;let e=this.api.getFormMachine();e&&(this.subscribedToForm=!0,e.subscribe(()=>{this.machine.notify()}))}render(){this.subscribeToFormMachine();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(`description`);r&&this.spreadProps(r,this.api.getDescriptionProps());let i=this.getElement(`error`);if(i){this.spreadProps(i,this.api.getErrorProps());let e=this.api.getErrorText();e&&(i.textContent=e)}}};export{y as Field};
@@ -1 +1 @@
1
- import{Component as e,Machine as t,normalizeProps as n}from"./Client-C7pLb8Ab.js";import{getFieldMachinesFor as r,registerFormMachine as i}from"./form.registry-ABqE-vzj.js";import{createMachine as a}from"@zag-js/core";import{debounce as o}from"@zag-js/utils";import{createAnatomy as s}from"@zag-js/anatomy";const c=s(`form`).parts(`form`),l=c.build(),u=e=>e.ids?.form??`form:${e.id}:form`,d=e=>e.getById(u(e));function f(e,t){let{context:n,state:i,send:a,scope:s,prop:c}=e;function f(){return n.get(`values`)}function p(){return n.get(`errors`)}function m(){return n.get(`dirty`)}function h(){return n.get(`touched`)}function g(){return d(s)}let _=i.matches(`submitting`),v=Object.values(m()).length>0,y=Object.keys(p()).length>0,b=i.matches(`success`),x=i.matches(`error`),S=Object.values(h()).length>0,C=i.get(),w=c(`inputDebounceMs`)??100,T=w>0?o(e=>{a({type:`INPUT`,detail:{target:e}})},w):e=>{a({type:`INPUT`,detail:{target:e}})};return{isSubmitting:_,isDirty:v,isInvalid:y,isSuccessful:b,isError:x,getValues:f,getErrors:p,getDirty:m,getTouched:h,_userRenderFn:c(`render`),getFormEl:g,getAllFields(){return r(d(s))},getField(e){return this.getAllFields().get(e)},getAction(){let e=g();return e?.getAttribute(`action`)||``},reset(){a({type:`RESET`})},getFormProps(){return t.element({...l.form.attrs,noValidate:!0,id:u(s),"data-state":C,"data-submitting":_?``:void 0,"data-invalid":y?``:void 0,"data-dirty":v?``:void 0,"data-touched":S?``:void 0,onSubmit:async e=>{e.preventDefault();let t=e.currentTarget;n.set(`values`,new FormData(t)),a({type:`SUBMIT`,detail:{event:e,api:this}})},onReset:()=>{a({type:`RESET`,detail:{omitManualReset:!0}})},onInput:e=>{T(e.target)},onBlur:e=>{let t=e.target;!(t instanceof HTMLInputElement)&&!(t instanceof HTMLTextAreaElement)&&!(t instanceof HTMLSelectElement)&&!(t instanceof HTMLButtonElement&&t.getAttribute(`data-scope`)===`select`)||a({type:`BLUR`,detail:{target:t}})}})}}}const p=Object.freeze({status:`aborted`});function m(e,t,n){function r(n,r){if(n._zod||Object.defineProperty(n,`_zod`,{value:{def:r,constr:o,traits:new Set},enumerable:!1}),n._zod.traits.has(e))return;n._zod.traits.add(e),t(n,r);let i=o.prototype,a=Object.keys(i);for(let e=0;e<a.length;e++){let t=a[e];t in n||(n[t]=i[t].bind(n))}}let i=n?.Parent??Object;class a extends i{}Object.defineProperty(a,`name`,{value:e});function o(e){var t;let i=n?.Parent?new a:this;r(i,e),(t=i._zod).deferred??(t.deferred=[]);for(let e of i._zod.deferred)e();return i}return Object.defineProperty(o,`init`,{value:r}),Object.defineProperty(o,Symbol.hasInstance,{value:t=>n?.Parent&&t instanceof n.Parent?!0:t?._zod?.traits?.has(e)}),Object.defineProperty(o,`name`,{value:e}),o}const h=Symbol(`zod_brand`);function g(e,t){return typeof t==`bigint`?t.toString():t}function _(e){let t=!1;return{get value(){if(!t){let t=e();return Object.defineProperty(this,`value`,{value:t}),t}throw Error(`cached value already set`)}}}const v=Symbol(`evaluating`),y=`captureStackTrace`in Error?Error.captureStackTrace:(...e)=>{},b=_(()=>{if(typeof navigator<`u`&&navigator?.userAgent?.includes(`Cloudflare`))return!1;try{let e=Function;return new e(``),!0}catch{return!1}}),x={safeint:[-(2**53-1),2**53-1],int32:[-2147483648,2147483647],uint32:[0,4294967295],float32:[-34028234663852886e22,34028234663852886e22],float64:[-Number.MAX_VALUE,Number.MAX_VALUE]},S=(e,t)=>{e.name=`$ZodError`,Object.defineProperty(e,`_zod`,{value:e._zod,enumerable:!1}),Object.defineProperty(e,`issues`,{value:t,enumerable:!1}),e.message=JSON.stringify(t,g,2),Object.defineProperty(e,`toString`,{value:()=>e.message,enumerable:!1})},C=m(`$ZodError`,S),w=m(`$ZodError`,S,{Parent:Error});function T(e,t=e=>e.message){let n={},r=[];for(let i of e.issues)i.path.length>0?(n[i.path[0]]=n[i.path[0]]||[],n[i.path[0]].push(t(i))):r.push(t(i));return{formErrors:r,fieldErrors:n}}var E=class extends Error{constructor(e){super(`Server validation failed`),this.errors=e,this.name=`ValidationError`}};function D(e,t){if(!e)return{};let n=Object.fromEntries(t.entries()),r=e.safeParse(n);if(r.success)return{};let i=T(r.error).fieldErrors,a={};for(let e in i){if(!i[e])continue;a[e]={messages:i[e],value:A(t,e)}}return a}function O(e,t,n){let r={};for(let i in e){let a=i;t&&(a=a.replace(t+`.`,``)),r[a]={messages:e[i],value:A(n,a)}}return r}function k(e){let t=e;if(!(!t||!(`type`in t))){if(t.type===`checkbox`){let e=t;if(e.name){let t=e.form;if(t){let n=Array.from(t.querySelectorAll(`input[type="checkbox"][name="${CSS.escape(e.name)}"]`)),r=n.filter(e=>e.checked).map(e=>e.value||`on`);return n.length===1&&!n[0].value?n[0].checked:r}}return e.checked}if(t.type===`radio`){let e=t;if(e.form&&e.name){let t=e.form.querySelector(`input[type="radio"][name="${CSS.escape(e.name)}"]:checked`);return t?t.value:``}return e.checked?e.value:``}return t instanceof HTMLSelectElement&&t.multiple?Array.from(t.selectedOptions).map(e=>e.value):t.value}}function A(e,t){return e.getAll(t).length>1?e.getAll(t):e.get(t)}function j(e,t,n){if(e===``)return``;let r=e.endsWith(`[]`);r&&(e=e.slice(0,-2)),n&&(e=`${n}[${e}]`);let i=e.split(`[`,2),a=`${t}[${i[0]}]`;return i.length>1&&(a+=`[${i[1]}`),r&&(a+=`[]`),a}const M=a({initialState(){return`ready`},context({bindable:e}){return{values:e(()=>({defaultValue:new FormData})),initialValues:e(()=>({defaultValue:new FormData})),errors:e(()=>({defaultValue:{}})),dirty:e(()=>({defaultValue:{}})),touched:e(()=>({defaultValue:{}}))}},states:{ready:{},invalid:{},submitting:{},success:{},error:{}},on:{SUBMIT:{target:`submitting`,actions:[`validateAll`]},VALIDATE:{actions:[`validateAll`]},VALIDATE_FIELD:{actions:[`validateField`]},INVALID:{target:`invalid`},INPUT:{actions:[`handleInput`]},BLUR:{actions:[`handleBlur`]},RESET:{target:`ready`,actions:[`resetForm`]},ERROR:{target:`error`},SUCCESS:{target:`success`}},entry:[`setupFormListeners`],implementations:{actions:{validateAll({context:e,send:t,prop:n,state:r,action:i,event:a,scope:o}){let s=r.matches(`submitting`),c=n(`schema`);if(c){let n=e.get(`values`),r=D(c,n);if(e.set(`errors`,r),Object.keys(r).length>0){t({type:`INVALID`}),s&&i([`focusFirstInvalid`]);return}}if(!s){r.set(`ready`);return}let l=n(`onSubmit`);if(!l){t({type:`SUCCESS`});return}(async()=>{try{let r=await l({formData:e.get(`values`),api:a.detail.api,event:a.detail.event,post:async(e,t)=>{let r=new FormData,i=n(`objectName`),a=d(o),s=a?.getAttribute(`data-field-name-prefix`)||``;for(let[e,n]of t.entries()){if(e.includes(s)){r.append(e,n);continue}r.append(j(e,s,i),n)}let c=await fetch(e,{method:`POST`,body:r});if(c.status===422){let e=await c.json(),n=O(e,i,t);throw new E(n)}return c}});t(r?{type:`SUCCESS`}:{type:`ERROR`})}catch(n){if(n instanceof E){e.set(`errors`,n.errors),t({type:`INVALID`}),i([`focusFirstInvalid`]);return}t({type:`ERROR`})}})()},validateField({context:e,prop:t,event:n}){let r=t(`schema`);if(!r)return;let i=n.detail?.fieldName;if(!i)return;let a=e.get(`values`),o=e.get(`errors`),s=o[i],c=A(a,i);if(s){let e=s.value;if(JSON.stringify(c)===JSON.stringify(e))return}let l=D(r,a),u={...o};l[i]?u[i]=l[i]:delete u[i],e.set(`errors`,u)},handleInput({context:e,event:t,send:n}){let r=t,i=r?.detail?.target??r?.target??r?.currentTarget,a=i?.name;if(!a)return;let o=r?.detail?.value??k(i),s=e.get(`values`);s.set(a,o),e.set(`values`,s);let c=e.get(`initialValues`).get(a),l={...e.get(`dirty`)};l[a]=JSON.stringify(s.get(a))!==JSON.stringify(c),e.set(`dirty`,l);let u=e.get(`errors`),d=e.get(`touched`),f=!!u[a],p=!!d[a];(f||p)&&n({type:`VALIDATE_FIELD`,detail:{fieldName:a}})},handleBlur({context:e,send:t,prop:n,event:r}){let i=r,a=i?.detail?.target,o=a?.name;if(o||=a?.closest(`[data-scope="field"]`)?.getAttribute(`name`)||void 0,!o)return;let s={...e.get(`touched`)};s[o]=!0,e.set(`touched`,s);let c=a.form;if(c){let t=new FormData(c);e.set(`values`,t)}let l=n(`schema`);l&&t({type:`VALIDATE_FIELD`,detail:{fieldName:o}})},resetForm({context:e,scope:t,event:n}){let r=d(t);r&&!n?.detail?.omitManualReset&&r.reset();let i=r?new FormData(r):e.get(`initialValues`);e.set(`values`,i),e.set(`initialValues`,i),e.set(`errors`,{}),e.set(`touched`,{}),e.set(`dirty`,{})},focusFirstInvalid({context:e,scope:t}){let n=e.get(`errors`),r=Object.keys(n)[0];if(!r)return;let i=d(t);if(!i)return;let a=i.querySelector(`[name="${CSS.escape(r)}"]`);a?.focus(),(a instanceof HTMLInputElement||a instanceof HTMLTextAreaElement)&&a.select()},setupFormListeners({scope:e,send:t}){let n=d(e);n&&n.addEventListener(`change`,e=>{t({type:`INPUT`,detail:{target:e.target}})},!0)}}}});var N=class extends e{static name=`form`;initMachine(e){let n=new t(M,e);return i(this.getElement(`form`),n),n}initApi(){return f(this.machine.service,n)}render(){let e=this.getElement(`form`);e&&(this.spreadProps(e,this.api.getFormProps()),this.api._userRenderFn?.(this))}};export{N as Form,E as ValidationError};
1
+ import{Component as e,Machine as t,normalizeProps as n}from"./Client-CygooKu8.js";import{getFieldMachinesFor as r,registerFormMachine as i}from"./form.registry-ABqE-vzj.js";import{debounce as a}from"@zag-js/utils";import{createAnatomy as o}from"@zag-js/anatomy";import{createMachine as s}from"@zag-js/core";const c=o(`form`).parts(`form`),l=c.build(),u=e=>e.ids?.form??`form:${e.id}:form`,d=e=>e.getById(u(e));function f(e,t){let{context:n,state:i,send:o,scope:s,prop:c}=e;function f(){return n.get(`values`)}function p(){return n.get(`errors`)}function m(){return n.get(`dirty`)}function h(){return n.get(`touched`)}function g(){return d(s)}let _=i.matches(`submitting`),v=Object.values(m()).length>0,y=Object.keys(p()).length>0,b=i.matches(`success`),x=i.matches(`error`),S=Object.values(h()).length>0,C=i.get(),w=c(`inputDebounceMs`)??100,T=w>0?a(e=>{o({type:`INPUT`,detail:{target:e}})},w):e=>{o({type:`INPUT`,detail:{target:e}})};return{isSubmitting:_,isDirty:v,isInvalid:y,isSuccessful:b,isError:x,getValues:f,getErrors:p,getDirty:m,getTouched:h,_userRenderFn:c(`render`),getFormEl:g,getAllFields(){return r(d(s))},getField(e){return this.getAllFields().get(e)},getAction(){let e=g();return e?.getAttribute(`action`)||``},reset(){o({type:`RESET`})},getFormProps(){return t.element({...l.form.attrs,noValidate:!0,id:u(s),"data-state":C,"data-submitting":_?``:void 0,"data-invalid":y?``:void 0,"data-dirty":v?``:void 0,"data-touched":S?``:void 0,onSubmit:async e=>{e.preventDefault();let t=e.currentTarget;n.set(`values`,new FormData(t)),o({type:`SUBMIT`,detail:{event:e,api:this}})},onReset:()=>{o({type:`RESET`,detail:{omitManualReset:!0}})},onInput:e=>{T(e.target)},onBlur:e=>{let t=e.target;!(t instanceof HTMLInputElement)&&!(t instanceof HTMLTextAreaElement)&&!(t instanceof HTMLSelectElement)&&!(t instanceof HTMLButtonElement&&t.getAttribute(`data-scope`)===`select`)||o({type:`BLUR`,detail:{target:t}})}})}}}const p=Object.freeze({status:`aborted`});function m(e,t,n){function r(n,r){if(n._zod||Object.defineProperty(n,`_zod`,{value:{def:r,constr:o,traits:new Set},enumerable:!1}),n._zod.traits.has(e))return;n._zod.traits.add(e),t(n,r);let i=o.prototype,a=Object.keys(i);for(let e=0;e<a.length;e++){let t=a[e];t in n||(n[t]=i[t].bind(n))}}let i=n?.Parent??Object;class a extends i{}Object.defineProperty(a,`name`,{value:e});function o(e){var t;let i=n?.Parent?new a:this;r(i,e),(t=i._zod).deferred??(t.deferred=[]);for(let e of i._zod.deferred)e();return i}return Object.defineProperty(o,`init`,{value:r}),Object.defineProperty(o,Symbol.hasInstance,{value:t=>n?.Parent&&t instanceof n.Parent?!0:t?._zod?.traits?.has(e)}),Object.defineProperty(o,`name`,{value:e}),o}const h=Symbol(`zod_brand`);function g(e,t){return typeof t==`bigint`?t.toString():t}function _(e){let t=!1;return{get value(){if(!t){let t=e();return Object.defineProperty(this,`value`,{value:t}),t}throw Error(`cached value already set`)}}}const v=Symbol(`evaluating`),y=`captureStackTrace`in Error?Error.captureStackTrace:(...e)=>{},b=_(()=>{if(typeof navigator<`u`&&navigator?.userAgent?.includes(`Cloudflare`))return!1;try{let e=Function;return new e(``),!0}catch{return!1}}),x={safeint:[-(2**53-1),2**53-1],int32:[-2147483648,2147483647],uint32:[0,4294967295],float32:[-34028234663852886e22,34028234663852886e22],float64:[-Number.MAX_VALUE,Number.MAX_VALUE]},S=(e,t)=>{e.name=`$ZodError`,Object.defineProperty(e,`_zod`,{value:e._zod,enumerable:!1}),Object.defineProperty(e,`issues`,{value:t,enumerable:!1}),e.message=JSON.stringify(t,g,2),Object.defineProperty(e,`toString`,{value:()=>e.message,enumerable:!1})},C=m(`$ZodError`,S),w=m(`$ZodError`,S,{Parent:Error});function T(e,t=e=>e.message){let n={},r=[];for(let i of e.issues)i.path.length>0?(n[i.path[0]]=n[i.path[0]]||[],n[i.path[0]].push(t(i))):r.push(t(i));return{formErrors:r,fieldErrors:n}}var E=class extends Error{constructor(e){super(`Server validation failed`),this.errors=e,this.name=`ValidationError`}};function D(e,t){if(!e)return{};let n=Object.fromEntries(t.entries()),r=e.safeParse(n);if(r.success)return{};let i=T(r.error).fieldErrors,a={};for(let e in i){if(!i[e])continue;a[e]={messages:i[e],value:A(t,e)}}return a}function O(e,t,n){let r={};for(let i in e){let a=i;t&&(a=a.replace(t+`.`,``)),r[a]={messages:e[i],value:A(n,a)}}return r}function k(e){let t=e;if(!(!t||!(`type`in t))){if(t.type===`checkbox`){let e=t;if(e.name){let t=e.form;if(t){let n=Array.from(t.querySelectorAll(`input[type="checkbox"][name="${CSS.escape(e.name)}"]`)),r=n.filter(e=>e.checked).map(e=>e.value||`on`);return n.length===1&&!n[0].value?n[0].checked:r}}return e.checked}if(t.type===`radio`){let e=t;if(e.form&&e.name){let t=e.form.querySelector(`input[type="radio"][name="${CSS.escape(e.name)}"]:checked`);return t?t.value:``}return e.checked?e.value:``}return t instanceof HTMLSelectElement&&t.multiple?Array.from(t.selectedOptions).map(e=>e.value):t.value}}function A(e,t){return e.getAll(t).length>1?e.getAll(t):e.get(t)}function j(e,t,n){if(e===``)return``;let r=e.endsWith(`[]`);r&&(e=e.slice(0,-2)),n&&(e=`${n}[${e}]`);let i=e.split(`[`,2),a=`${t}[${i[0]}]`;return i.length>1&&(a+=`[${i[1]}`),r&&(a+=`[]`),a}const M=s({initialState(){return`ready`},context({bindable:e}){return{values:e(()=>({defaultValue:new FormData})),initialValues:e(()=>({defaultValue:new FormData})),errors:e(()=>({defaultValue:{}})),dirty:e(()=>({defaultValue:{}})),touched:e(()=>({defaultValue:{}}))}},states:{ready:{},invalid:{},submitting:{},success:{},error:{}},on:{SUBMIT:{target:`submitting`,actions:[`validateAll`]},VALIDATE:{actions:[`validateAll`]},VALIDATE_FIELD:{actions:[`validateField`]},INVALID:{target:`invalid`},INPUT:{actions:[`handleInput`]},BLUR:{actions:[`handleBlur`]},RESET:{target:`ready`,actions:[`resetForm`]},ERROR:{target:`error`},SUCCESS:{target:`success`}},entry:[`setupFormListeners`],implementations:{actions:{validateAll({context:e,send:t,prop:n,state:r,action:i,event:a,scope:o}){let s=r.matches(`submitting`),c=n(`schema`);if(c){let n=e.get(`values`),r=D(c,n);if(e.set(`errors`,r),Object.keys(r).length>0){t({type:`INVALID`}),s&&i([`focusFirstInvalid`]);return}}if(!s){r.set(`ready`);return}let l=n(`onSubmit`);if(!l){t({type:`SUCCESS`});return}(async()=>{try{let r=await l({formData:e.get(`values`),api:a.detail.api,event:a.detail.event,post:async(e,t)=>{let r=new FormData,i=n(`objectName`),a=d(o),s=a?.getAttribute(`data-field-name-prefix`)||``;for(let[e,n]of t.entries()){if(e.includes(s)){r.append(e,n);continue}r.append(j(e,s,i),n)}let c=await fetch(e,{method:`POST`,body:r});if(c.status===422){let e=await c.json(),n=O(e,i,t);throw new E(n)}return c}});t(r?{type:`SUCCESS`}:{type:`ERROR`})}catch(n){if(n instanceof E){e.set(`errors`,n.errors),t({type:`INVALID`}),i([`focusFirstInvalid`]);return}t({type:`ERROR`})}})()},validateField({context:e,prop:t,event:n}){let r=t(`schema`);if(!r)return;let i=n.detail?.fieldName;if(!i)return;let a=e.get(`values`),o=e.get(`errors`),s=o[i],c=A(a,i);if(s){let e=s.value;if(JSON.stringify(c)===JSON.stringify(e))return}let l=D(r,a),u={...o};l[i]?u[i]=l[i]:delete u[i],e.set(`errors`,u)},handleInput({context:e,event:t,send:n}){let r=t,i=r?.detail?.target??r?.target??r?.currentTarget,a=i?.name;if(!a)return;let o=r?.detail?.value??k(i),s=e.get(`values`);s.set(a,o),e.set(`values`,s);let c=e.get(`initialValues`).get(a),l={...e.get(`dirty`)};l[a]=JSON.stringify(s.get(a))!==JSON.stringify(c),e.set(`dirty`,l);let u=e.get(`errors`),d=e.get(`touched`),f=!!u[a],p=!!d[a];(f||p)&&n({type:`VALIDATE_FIELD`,detail:{fieldName:a}})},handleBlur({context:e,send:t,prop:n,event:r}){let i=r,a=i?.detail?.target,o=a?.name;if(o||=a?.closest(`[data-scope="field"]`)?.getAttribute(`name`)||void 0,!o)return;let s={...e.get(`touched`)};s[o]=!0,e.set(`touched`,s);let c=a.form;if(c){let t=new FormData(c);e.set(`values`,t)}let l=n(`schema`);l&&t({type:`VALIDATE_FIELD`,detail:{fieldName:o}})},resetForm({context:e,scope:t,event:n}){let r=d(t);r&&!n?.detail?.omitManualReset&&r.reset();let i=r?new FormData(r):e.get(`initialValues`);e.set(`values`,i),e.set(`initialValues`,i),e.set(`errors`,{}),e.set(`touched`,{}),e.set(`dirty`,{})},focusFirstInvalid({context:e,scope:t}){let n=e.get(`errors`),r=Object.keys(n)[0];if(!r)return;let i=d(t);if(!i)return;let a=i.querySelector(`[name="${CSS.escape(r)}"]`);a?.focus(),(a instanceof HTMLInputElement||a instanceof HTMLTextAreaElement)&&a.select()},setupFormListeners({scope:e,send:t}){let n=d(e);n&&n.addEventListener(`change`,e=>{t({type:`INPUT`,detail:{target:e.target}})},!0)}}}});var N=class extends e{static name=`form`;initMachine(e){let n=new t(M,e);return i(this.getElement(`form`),n),n}initApi(){return f(this.machine.service,n)}render(){let e=this.getElement(`form`);e&&(this.spreadProps(e,this.api.getFormProps()),this.api._userRenderFn?.(this))}};export{N as Form,E as ValidationError};
@@ -0,0 +1 @@
1
+ import{FieldAwareComponent as e,Machine as t,mergeProps as n,normalizeProps as r}from"./Client-CygooKu8.js";import{getControlId as i,getLabelId as a}from"./field.dom-r8J9M7vj.js";import*as o from"@zag-js/number-input";var s=class extends e{static name=`number-input`;propsWithField(e,t){return{...e,disabled:e.disabled??t.context.get(`disabled`),readOnly:e.readOnly??t.context.get(`readOnly`),required:e.required??t.context.get(`required`),invalid:e.invalid??t.context.get(`invalid`),name:e.name??t.prop(`name`),ids:{...e.ids,label:a(t.scope),input:i(t.scope)}}}initMachine(e){return e=this.withFieldProps(e),new t(o.machine,e)}initApi(){return o.connect(this.machine.service,r)}render(){this.subscribeToFieldService();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 r=this.getElement(`control`);r&&this.spreadProps(r,this.api.getControlProps());let i=this.getElement(`input`);if(i){let e=n(this.api.getInputProps(),{"aria-describedby":this.fieldMachine?.context.get(`describeIds`)||void 0});this.spreadProps(i,e)}let a=this.getElement(`increment-trigger`);a&&this.spreadProps(a,this.api.getIncrementTriggerProps());let o=this.getElement(`decrement-trigger`);o&&this.spreadProps(o,this.api.getDecrementTriggerProps());let s=this.getElement(`value-text`);s&&this.spreadProps(s,this.api.getValueTextProps());let c=this.getElement(`scrubber`);c&&this.spreadProps(c,this.api.getScrubberProps())}};export{s as NumberInput};
@@ -1 +1 @@
1
- import{Component as e,Machine as t,normalizeProps as n}from"./Client-C7pLb8Ab.js";import*as r from"@zag-js/popover";var i=class extends e{static name=`popover`;initMachine(e){return new t(r.machine,{...e,positioning:{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());let a=this.getElement(`title`);a&&this.spreadProps(a,this.api.getTitleProps());let o=this.getElement(`description`);o&&this.spreadProps(o,this.api.getDescriptionProps());let s=this.getElement(`close-trigger`);s&&this.spreadProps(s,this.api.getCloseTriggerProps());let c=this.getElement(`indicator`);c&&this.spreadProps(c,this.api.getIndicatorProps())}};export{i as Popover};
1
+ import{Component as e,Machine as t,normalizeProps as n}from"./Client-CygooKu8.js";import*as r from"@zag-js/popover";var i=class extends e{static name=`popover`;initMachine(e){return new t(r.machine,{...e,positioning:{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());let a=this.getElement(`title`);a&&this.spreadProps(a,this.api.getTitleProps());let o=this.getElement(`description`);o&&this.spreadProps(o,this.api.getDescriptionProps());let s=this.getElement(`close-trigger`);s&&this.spreadProps(s,this.api.getCloseTriggerProps());let c=this.getElement(`indicator`);c&&this.spreadProps(c,this.api.getIndicatorProps())}};export{i as Popover};
@@ -0,0 +1 @@
1
+ import{FieldAwareComponent as e,Machine as t,mergeProps as n,normalizeProps as r}from"./Client-CygooKu8.js";import*as i from"@zag-js/radio-group";var a=class extends e{static name=`radio-group`;propsWithField(e,t){return{...e,disabled:e.disabled??t.context.get(`disabled`),readOnly:e.readOnly??t.context.get(`readOnly`),required:e.required??t.context.get(`required`),invalid:e.invalid??t.context.get(`invalid`),name:e.name??t.prop(`name`)}}initMachine(e){return e=this.withFieldProps(e),new t(i.machine,e)}initApi(){return i.connect(this.machine.service,r)}render(){this.subscribeToFieldService();let e=this.getElement(`root`);e&&this.spreadProps(e,n(this.api.getRootProps(),{"aria-invalid":this.fieldMachine?.context.get(`invalid`)||void 0,"aria-describedby":this.fieldMachine?.context.get(`describeIds`)||void 0}));let t=this.getElement(`label`);t&&this.spreadProps(t,this.api.getLabelProps());let r=this.getElements(`item`);r.forEach(e=>{this.spreadProps(e,this.api.getItemProps({value:e.dataset.value,disabled:e.getAttribute(`data-disabled`)===`true`,invalid:e.getAttribute(`data-invalid`)===`true`}))});let i=this.getElements(`item-text`);i.forEach(e=>{this.spreadProps(e,this.api.getItemTextProps({value:e.dataset.value,disabled:e.getAttribute(`data-disabled`)===`true`,invalid:e.getAttribute(`data-invalid`)===`true`}))});let a=this.getElements(`item-control`);a.forEach(e=>{this.spreadProps(e,this.api.getItemControlProps({value:e.dataset.value,disabled:e.getAttribute(`data-disabled`)===`true`,invalid:e.getAttribute(`data-invalid`)===`true`}))});let o=this.getElements(`item-hidden-input`);o.forEach(e=>{this.spreadProps(e,this.api.getItemHiddenInputProps({value:e.dataset.value,disabled:e.getAttribute(`data-disabled`)===`true`,invalid:e.getAttribute(`data-invalid`)===`true`}))});let s=this.getElement(`indicator`);s&&this.spreadProps(s,this.api.getIndicatorProps())}};export{a as RadioGroup};
@@ -1 +1 @@
1
- import{Component as e,Machine as t,normalizeProps as n}from"./Client-C7pLb8Ab.js";import*as r from"@zag-js/scroll-area";var i=class extends e{static 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};
1
+ import{Component as e,Machine as t,normalizeProps as n}from"./Client-CygooKu8.js";import*as r from"@zag-js/scroll-area";var i=class extends e{static 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};
@@ -0,0 +1 @@
1
+ import{FieldAwareComponent as e,Machine as t,getListCollectionFromHydrationData as n,mergeProps as r,normalizeProps as i}from"./Client-CygooKu8.js";import{getControlId as a,getLabelId as o}from"./field.dom-r8J9M7vj.js";import*as s from"@zag-js/select";var c=class extends e{static name=`select`;propsWithField(e,t){return{...e,disabled:e.disabled??t.context.get(`disabled`),readOnly:e.readOnly??t.context.get(`readOnly`),required:e.required??t.context.get(`required`),invalid:e.invalid??t.context.get(`invalid`),name:e.name??t.prop(`name`),ids:{...e.ids,label:o(t.scope),hiddenSelect:a(t.scope)}}}transformProps(e){return{...e,get collection(){return n(e.collection)}}}initMachine(e){return e=this.withFieldProps(e),new t(s.machine,this.transformProps(e))}initApi(){return s.connect(this.machine.service,i)}render=()=>{this.subscribeToFieldService();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`);if(n){let e=r(this.api.getHiddenSelectProps(),{"aria-describedby":this.fieldMachine?.context.get(`describeIds`)||void 0});this.spreadProps(n,e)}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{c as Select};
@@ -1 +1 @@
1
- import{Component as e,Machine as t,normalizeProps as n}from"./Client-C7pLb8Ab.js";import*as r from"@zag-js/tabs";var i=class extends e{static 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.hasAttribute(`data-disabled`)}))});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};
1
+ import{Component as e,Machine as t,normalizeProps as n}from"./Client-CygooKu8.js";import*as r from"@zag-js/tabs";var i=class extends e{static 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.hasAttribute(`data-disabled`)}))});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};
@@ -1 +1 @@
1
- import{Component as e,Machine as t,normalizeProps as n}from"./Client-C7pLb8Ab.js";import*as r from"@zag-js/tooltip";var i=class extends e{static 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};
1
+ import{Component as e,Machine as t,normalizeProps as n}from"./Client-CygooKu8.js";import*as r from"@zag-js/tooltip";var i=class extends e{static 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};
@@ -1,12 +1,12 @@
1
- import { Component$1 as Component, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import * as _zag_js_types7 from "@zag-js/types";
1
+ import { Component$1 as Component, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as accordion from "@zag-js/accordion";
3
+ import * as _zag_js_types0 from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/Accordion/Accordion.d.ts
6
6
  declare class Accordion extends Component<accordion.Props, accordion.Api> {
7
7
  static name: string;
8
8
  initMachine(props: accordion.Props): Machine<any>;
9
- initApi(): accordion.Api<_zag_js_types7.PropTypes<{
9
+ initApi(): accordion.Api<_zag_js_types0.PropTypes<{
10
10
  [x: string]: any;
11
11
  }>>;
12
12
  render(): void;
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import{Accordion as t}from"./Accordion-Cl2K4xOT.js";e(`accordion`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import{Accordion as e}from"./Accordion-Cl2K4xOT.js";export{e as Accordion};
@@ -1,6 +1,6 @@
1
- import { FieldAwareComponent$1 as FieldAwareComponent, FieldMachine, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import * as _zag_js_types4 from "@zag-js/types";
1
+ import { FieldAwareComponent$1 as FieldAwareComponent, FieldMachine, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as checkbox from "@zag-js/checkbox";
3
+ import * as _zag_js_types4 from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/Checkbox/Checkbox.d.ts
6
6
  declare class Checkbox extends FieldAwareComponent<checkbox.Props, checkbox.Api> {
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import"./field.dom-r8J9M7vj.js";import{Checkbox as t}from"./Checkbox-CwJ9r62b.js";e(`checkbox`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import"./field.dom-r8J9M7vj.js";import{Checkbox as e}from"./Checkbox-CwJ9r62b.js";export{e as Checkbox};
@@ -1,2 +1,2 @@
1
- import { Component$1 as Component, ComponentHydrationData, ComponentHydrator$1 as ComponentHydrator, ComponentInterface, FieldAwareComponent$1 as FieldAwareComponent, Machine$1 as Machine, getHydrationData$1 as getHydrationData, mergeProps$1 as mergeProps, mount$1 as mount, normalizeProps$1 as normalizeProps, spreadProps$1 as spreadProps, uid$1 as uid } from "./index-QGNV9SvR.js";
1
+ import { Component$1 as Component, ComponentHydrationData, ComponentHydrator$1 as ComponentHydrator, ComponentInterface, FieldAwareComponent$1 as FieldAwareComponent, Machine$1 as Machine, getHydrationData$1 as getHydrationData, mergeProps$1 as mergeProps, mount$1 as mount, normalizeProps$1 as normalizeProps, spreadProps$1 as spreadProps, uid$1 as uid } from "./index-BymmxVv7.js";
2
2
  export { Component, ComponentHydrationData, ComponentHydrator, ComponentInterface, FieldAwareComponent, Machine, getHydrationData, mergeProps, mount, normalizeProps, spreadProps, uid };
@@ -1 +1 @@
1
- import{Component as e,ComponentHydrator as t,FieldAwareComponent as n,Machine as r,getHydrationData as i,mergeProps as a,mount as o,normalizeProps as s,spreadProps as c,uid as l}from"./Client-C7pLb8Ab.js";export{e as Component,t as ComponentHydrator,n as FieldAwareComponent,r as Machine,i as getHydrationData,a as mergeProps,o as mount,s as normalizeProps,c as spreadProps,l as uid};
1
+ import{Component as e,ComponentHydrator as t,FieldAwareComponent as n,Machine as r,getHydrationData as i,mergeProps as a,mount as o,normalizeProps as s,spreadProps as c,uid as l}from"./Client-CygooKu8.js";export{e as Component,t as ComponentHydrator,n as FieldAwareComponent,r as Machine,i as getHydrationData,a as mergeProps,o as mount,s as normalizeProps,c as spreadProps,l as uid};
@@ -1,6 +1,6 @@
1
- import { Component$1 as Component, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import * as _zag_js_types6 from "@zag-js/types";
1
+ import { Component$1 as Component, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as clipboard from "@zag-js/clipboard";
3
+ import * as _zag_js_types6 from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/Clipboard/Clipboard.d.ts
6
6
  declare class Clipboard extends Component<clipboard.Props, clipboard.Api> {
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import{Clipboard as t}from"./Clipboard-bJ-incBt.js";e(`clipboard`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import{Clipboard as e}from"./Clipboard-bJ-incBt.js";export{e as Clipboard};
@@ -1,12 +1,12 @@
1
- import { Component$1 as Component, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import * as _zag_js_types1 from "@zag-js/types";
1
+ import { Component$1 as Component, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as collapsible from "@zag-js/collapsible";
3
+ import * as _zag_js_types8 from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/Collapsible/Collapsible.d.ts
6
6
  declare class Collapsible extends Component<collapsible.Props, collapsible.Api> {
7
7
  static name: string;
8
8
  initMachine(props: collapsible.Props): Machine<any>;
9
- initApi(): collapsible.Api<_zag_js_types1.PropTypes<{
9
+ initApi(): collapsible.Api<_zag_js_types8.PropTypes<{
10
10
  [x: string]: any;
11
11
  }>>;
12
12
  render(): void;
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import{Collapsible as t}from"./Collapsible-GyH_T6Hq.js";e(`collapsible`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import{Collapsible as e}from"./Collapsible-GyH_T6Hq.js";export{e as Collapsible};
@@ -1,12 +1,12 @@
1
- import { Component$1 as Component, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import * as _zag_js_types5 from "@zag-js/types";
1
+ import { Component$1 as Component, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as dialog from "@zag-js/dialog";
3
+ import * as _zag_js_types0 from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/Dialog/Dialog.d.ts
6
6
  declare class Dialog extends Component<dialog.Props, dialog.Api> {
7
7
  static name: string;
8
8
  initMachine(props: dialog.Props): Machine<any>;
9
- initApi(): dialog.Api<_zag_js_types5.PropTypes<{
9
+ initApi(): dialog.Api<_zag_js_types0.PropTypes<{
10
10
  [x: string]: any;
11
11
  }>>;
12
12
  render(): void;
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import{Dialog as t}from"./Dialog-Dgj2U7I1.js";e(`dialog`,({props:e})=>{let n=new t(e);return n.init(),n});
package/dist/dialog.js ADDED
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import{Dialog as e}from"./Dialog-Dgj2U7I1.js";export{e as Dialog};
@@ -1,5 +1,5 @@
1
- import { Component$1 as Component, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import { FormMachine } from "./form.registry-Bk1J-OLU.js";
1
+ import { Component$1 as Component, Machine$1 as Machine } from "./index-BymmxVv7.js";
2
+ import { FormMachine } from "./form.registry-kQ1F4QWc.js";
3
3
  import { EventObject } from "@zag-js/core";
4
4
  import { PropTypes } from "@zag-js/types";
5
5
 
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import"./field.dom-r8J9M7vj.js";import"./form.registry-ABqE-vzj.js";import{Field as t}from"./Field-CDKnwnti.js";e(`field`,({props:e})=>{let n=new t(e);return n.init(),n});
package/dist/field.js ADDED
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import"./field.dom-r8J9M7vj.js";import"./form.registry-ABqE-vzj.js";import{Field as e}from"./Field-CDKnwnti.js";export{e as Field};
@@ -1,5 +1,5 @@
1
- import { Component$1 as Component, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import { FieldMachine$1 as FieldMachine } from "./form.registry-Bk1J-OLU.js";
1
+ import { Component$1 as Component, Machine$1 as Machine } from "./index-BymmxVv7.js";
2
+ import { FieldMachine$1 as FieldMachine } from "./form.registry-kQ1F4QWc.js";
3
3
  import { EventObject } from "@zag-js/core";
4
4
  import { JSX, PropTypes } from "@zag-js/types";
5
5
  import * as z from "zod";
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import"./form.registry-ABqE-vzj.js";import{Form as t}from"./Form-C9slSSAl.js";e(`form`,({props:e})=>{let n=new t(e);return n.init(),n});
package/dist/form.js ADDED
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import"./form.registry-ABqE-vzj.js";import{Form as e,ValidationError as t}from"./Form-C9slSSAl.js";export{e as Form,t as ValidationError};
@@ -1,4 +1,4 @@
1
- import { Machine$1 as Machine } from "./index-QGNV9SvR.js";
1
+ import { Machine$1 as Machine } from "./index-BymmxVv7.js";
2
2
 
3
3
  //#region Resources/Private/Primitives/Form/src/form.registry.d.ts
4
4
  type FormMachine = Machine<any>;
@@ -1,6 +1,5 @@
1
1
  import { ListCollection } from "@zag-js/collection";
2
- import { Bindable, BindableContext, BindableRefs, ComputedFn, Machine, MachineSchema, Params, PropFn, Scope, Service } from "@zag-js/core";
3
- import * as _zag_js_types10 from "@zag-js/types";
2
+ import { Attrs, VanillaMachine, VanillaMachine as Machine, mergeProps, normalizeProps, spreadProps } from "@zag-js/vanilla";
4
3
 
5
4
  //#region Resources/Private/Client/src/types.d.ts
6
5
  declare global {
@@ -21,7 +20,7 @@ declare global {
21
20
  }
22
21
  interface ComponentInterface<Api> {
23
22
  document: Document;
24
- machine: Machine$1<any>;
23
+ machine: VanillaMachine<any>;
25
24
  api: Api;
26
25
  hydrator: ComponentHydrator | null;
27
26
  init(): void;
@@ -39,39 +38,32 @@ interface ComponentHydrationData {
39
38
  };
40
39
  }
41
40
  //#endregion
42
- //#region Resources/Private/Client/src/lib/spread-props.d.ts
43
- interface Attrs {
44
- [key: string]: any;
45
- }
46
- declare function spreadProps(node: Element, attrs: Attrs, machineId?: string): () => void;
47
- //#endregion
48
41
  //#region Resources/Private/Client/src/lib/component.d.ts
49
42
  declare abstract class Component<Props, Api> implements ComponentInterface<Api> {
50
43
  document: Document;
51
- machine: Machine$1<any>;
44
+ machine: Machine<any>;
52
45
  api: Api;
53
46
  hydrator: ComponentHydrator | null;
54
47
  userProps?: Partial<Props>;
55
48
  static name: string;
56
49
  get doc(): Document;
57
50
  constructor(props: Props, userDocument?: Document);
58
- abstract initMachine(props: Props): Machine$1<any>;
51
+ abstract initMachine(props: Props): Machine<any>;
59
52
  abstract initApi(): Api;
60
53
  initHydrator(props: Props): ComponentHydrator;
61
54
  init(): void;
62
55
  getName(): string;
63
56
  transformProps(props: Partial<Props>): Partial<Props>;
64
- updateProps(props: Partial<Props>): void;
65
- destroy: () => void;
66
- abstract render(): void;
57
+ updateProps(newProps: Partial<Props>): void;
58
+ destroy(): void;
67
59
  spreadProps(node: HTMLElement, attrs: Attrs): void;
68
60
  getElement<T extends HTMLElement>(part: string, parent?: HTMLElement | Document): T | null;
69
61
  getElements<T extends HTMLElement>(part: string, parent?: HTMLElement | Document): T[];
70
- portalElement(el: HTMLElement | null, target?: HTMLElement | Document): void;
62
+ abstract render(): void;
71
63
  }
72
64
  //#endregion
73
65
  //#region Resources/Private/Primitives/Field/src/field.registry.d.ts
74
- type FieldMachine = Machine$1<any>;
66
+ type FieldMachine = Machine<any>;
75
67
  //#endregion
76
68
  //#region Resources/Private/Client/src/lib/field-aware-component.d.ts
77
69
  declare abstract class FieldAwareComponent<Props, Api> extends Component<Props, Api> {
@@ -108,54 +100,7 @@ declare class ComponentHydrator {
108
100
  destroy(): void;
109
101
  }
110
102
  //#endregion
111
- //#region Resources/Private/Client/src/lib/machine.d.ts
112
- declare class Machine$1<T extends MachineSchema> {
113
- private machine;
114
- scope: Scope;
115
- ctx: BindableContext<T>;
116
- prop: PropFn<T>;
117
- state: Bindable<T['state']>;
118
- refs: BindableRefs<T>;
119
- computed: ComputedFn<T>;
120
- private event;
121
- private previousEvent;
122
- private effects;
123
- private transition;
124
- private cleanups;
125
- private subscriptions;
126
- private userPropsRef;
127
- private getEvent;
128
- private getState;
129
- debug: (...args: any[]) => void;
130
- notify: () => void;
131
- constructor(machine: Machine<T>, userProps?: Partial<T['props']> | (() => Partial<T['props']>));
132
- updateProps(newProps: Partial<T['props']> | (() => Partial<T['props']>)): void;
133
- send: (event: any) => void;
134
- private action;
135
- private guard;
136
- private effect;
137
- private choose;
138
- start(): void;
139
- stop(): void;
140
- subscribe: (fn: (service: Service<T>) => void) => void;
141
- private status;
142
- get service(): Service<T>;
143
- private publish;
144
- private trackers;
145
- private setupTrackers;
146
- private callTrackers;
147
- getParams: () => Params<T>;
148
- }
149
- //#endregion
150
- //#region Resources/Private/Client/src/lib/merge-props.d.ts
151
- declare function mergeProps$1(...args: Record<string | symbol, any>[]): Record<string | symbol, any>;
152
- //#endregion
153
- //#region Resources/Private/Client/src/lib/normalize-props.d.ts
154
- declare const normalizeProps: _zag_js_types10.NormalizeProps<_zag_js_types10.PropTypes<{
155
- [x: string]: any;
156
- }>>;
157
- //#endregion
158
103
  //#region Resources/Private/Client/src/lib/uid.d.ts
159
104
  declare function uid(prefix?: string): string;
160
105
  //#endregion
161
- export { Component as Component$1, ComponentHydrationData, ComponentHydrator as ComponentHydrator$1, ComponentInterface, FieldAwareComponent as FieldAwareComponent$1, FieldMachine, Machine$1, getHydrationData as getHydrationData$1, mergeProps$1, mount as mount$1, normalizeProps as normalizeProps$1, spreadProps as spreadProps$1, uid as uid$1 };
106
+ export { Component as Component$1, ComponentHydrationData, ComponentHydrator as ComponentHydrator$1, ComponentInterface, FieldAwareComponent as FieldAwareComponent$1, FieldMachine, Machine as Machine$1, getHydrationData as getHydrationData$1, mergeProps as mergeProps$1, mount as mount$1, normalizeProps as normalizeProps$1, spreadProps as spreadProps$1, uid as uid$1 };
@@ -1,13 +1,13 @@
1
- import { FieldAwareComponent$1 as FieldAwareComponent, FieldMachine, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import * as _zag_js_types8 from "@zag-js/types";
1
+ import { FieldAwareComponent$1 as FieldAwareComponent, FieldMachine, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as numberInput from "@zag-js/number-input";
3
+ import * as _zag_js_types7 from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/NumberInput/NumberInput.d.ts
6
6
  declare class NumberInput extends FieldAwareComponent<numberInput.Props, numberInput.Api> {
7
7
  static name: string;
8
8
  propsWithField(props: numberInput.Props, fieldMachine: FieldMachine): numberInput.Props;
9
9
  initMachine(props: numberInput.Props): Machine<any>;
10
- initApi(): numberInput.Api<_zag_js_types8.PropTypes<{
10
+ initApi(): numberInput.Api<_zag_js_types7.PropTypes<{
11
11
  [x: string]: any;
12
12
  }>>;
13
13
  render(): void;
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import"./field.dom-r8J9M7vj.js";import{NumberInput as t}from"./NumberInput-CR62Lu0Y.js";e(`number-input`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import"./field.dom-r8J9M7vj.js";import{NumberInput as e}from"./NumberInput-CR62Lu0Y.js";export{e as NumberInput};
@@ -1,12 +1,12 @@
1
- import { Component$1 as Component, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import * as _zag_js_types0 from "@zag-js/types";
1
+ import { Component$1 as Component, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as popover from "@zag-js/popover";
3
+ import * as _zag_js_types1 from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/Popover/Popover.d.ts
6
6
  declare class Popover extends Component<popover.Props, popover.Api> {
7
7
  static name: string;
8
8
  initMachine(props: popover.Props): Machine<any>;
9
- initApi(): popover.Api<_zag_js_types0.PropTypes<{
9
+ initApi(): popover.Api<_zag_js_types1.PropTypes<{
10
10
  [x: string]: any;
11
11
  }>>;
12
12
  render(): void;
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import{Popover as t}from"./Popover-BcUL2h5s.js";e(`popover`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import{Popover as e}from"./Popover-BcUL2h5s.js";export{e as Popover};
@@ -1,6 +1,6 @@
1
- import { FieldAwareComponent$1 as FieldAwareComponent, FieldMachine, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import * as _zag_js_types9 from "@zag-js/types";
1
+ import { FieldAwareComponent$1 as FieldAwareComponent, FieldMachine, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as radioGroup from "@zag-js/radio-group";
3
+ import * as _zag_js_types9 from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/RadioGroup/RadioGroup.d.ts
6
6
  declare class RadioGroup extends FieldAwareComponent<radioGroup.Props, radioGroup.Api> {
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import{RadioGroup as t}from"./RadioGroup-DDXsLd_6.js";e(`radio-group`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import{RadioGroup as e}from"./RadioGroup-DDXsLd_6.js";export{e as RadioGroup};
@@ -1,6 +1,6 @@
1
- import { Component$1 as Component, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import { PropTypes } from "@zag-js/types";
1
+ import { Component$1 as Component, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as scrollArea from "@zag-js/scroll-area";
3
+ import { PropTypes } from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/ScrollArea/ScrollArea.d.ts
6
6
  declare class ScrollArea extends Component<scrollArea.Props, scrollArea.Api<PropTypes>> {
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import{ScrollArea as t}from"./ScrollArea-AGHctjsB.js";e(`scroll-area`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import{ScrollArea as e}from"./ScrollArea-AGHctjsB.js";export{e as ScrollArea};
@@ -1,7 +1,7 @@
1
- import { FieldAwareComponent$1 as FieldAwareComponent, FieldMachine, Machine$1 as Machine } from "./index-QGNV9SvR.js";
1
+ import { FieldAwareComponent$1 as FieldAwareComponent, FieldMachine, Machine$1 as Machine } from "./index-BymmxVv7.js";
2
2
  import * as _zag_js_collection0 from "@zag-js/collection";
3
- import * as _zag_js_types0 from "@zag-js/types";
4
3
  import * as select from "@zag-js/select";
4
+ import * as _zag_js_types2 from "@zag-js/types";
5
5
 
6
6
  //#region Resources/Private/Primitives/Select/Select.d.ts
7
7
  declare class Select extends FieldAwareComponent<select.Props, select.Api> {
@@ -24,6 +24,7 @@ declare class Select extends FieldAwareComponent<select.Props, select.Api> {
24
24
  }> | undefined;
25
25
  name?: string | undefined;
26
26
  form?: string | undefined;
27
+ autoComplete?: string | undefined;
27
28
  disabled?: boolean | undefined;
28
29
  invalid?: boolean | undefined;
29
30
  readOnly?: boolean | undefined;
@@ -53,7 +54,7 @@ declare class Select extends FieldAwareComponent<select.Props, select.Api> {
53
54
  onInteractOutside?: ((event: select.InteractOutsideEvent) => void) | undefined;
54
55
  };
55
56
  initMachine(props: select.Props): Machine<any>;
56
- initApi(): select.Api<_zag_js_types0.PropTypes<{
57
+ initApi(): select.Api<_zag_js_types2.PropTypes<{
57
58
  [x: string]: any;
58
59
  }>, any>;
59
60
  render: () => void;
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import"./field.dom-r8J9M7vj.js";import{Select as t}from"./Select-yzhbuQbY.js";e(`select`,({props:e})=>{let n=new t(e);return n.init(),n});
package/dist/select.js ADDED
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import"./field.dom-r8J9M7vj.js";import{Select as e}from"./Select-yzhbuQbY.js";export{e as Select};
@@ -1,12 +1,12 @@
1
- import { Component$1 as Component, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import * as _zag_js_types2 from "@zag-js/types";
1
+ import { Component$1 as Component, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as tabs from "@zag-js/tabs";
3
+ import * as _zag_js_types3 from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/Tabs/Tabs.d.ts
6
6
  declare class Tabs extends Component<tabs.Props, tabs.Api> {
7
7
  static name: string;
8
8
  initMachine(props: tabs.Props): Machine<any>;
9
- initApi(): tabs.Api<_zag_js_types2.PropTypes<{
9
+ initApi(): tabs.Api<_zag_js_types3.PropTypes<{
10
10
  [x: string]: any;
11
11
  }>>;
12
12
  render: () => void;
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import{Tabs as t}from"./Tabs-gqT2GS7g.js";e(`tabs`,({props:e})=>{let n=new t(e);return n.init(),n});
package/dist/tabs.js ADDED
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import{Tabs as e}from"./Tabs-gqT2GS7g.js";export{e as Tabs};
@@ -1,12 +1,12 @@
1
- import { Component$1 as Component, Machine$1 as Machine } from "./index-QGNV9SvR.js";
2
- import * as _zag_js_types3 from "@zag-js/types";
1
+ import { Component$1 as Component, Machine$1 as Machine } from "./index-BymmxVv7.js";
3
2
  import * as tooltip from "@zag-js/tooltip";
3
+ import * as _zag_js_types5 from "@zag-js/types";
4
4
 
5
5
  //#region Resources/Private/Primitives/Tooltip/Tooltip.d.ts
6
6
  declare class Tooltip extends Component<tooltip.Props, tooltip.Api> {
7
7
  static name: string;
8
8
  initMachine(props: tooltip.Props): Machine<any>;
9
- initApi(): tooltip.Api<_zag_js_types3.PropTypes<{
9
+ initApi(): tooltip.Api<_zag_js_types5.PropTypes<{
10
10
  [x: string]: any;
11
11
  }>>;
12
12
  render(): void;
@@ -0,0 +1 @@
1
+ import{mount as e}from"./Client-CygooKu8.js";import{Tooltip as t}from"./Tooltip-BxKsb7ME.js";e(`tooltip`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -0,0 +1 @@
1
+ import"./Client-CygooKu8.js";import{Tooltip as e}from"./Tooltip-BxKsb7ME.js";export{e as Tooltip};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fluid-primitives",
3
- "version": "0.14.0",
3
+ "version": "0.15.1",
4
4
  "description": "Client-side library for Fluid Primitives.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -10,66 +10,70 @@
10
10
  },
11
11
  "author": "Joost Ramke <hey@joostramke.com>",
12
12
  "files": [
13
- "./Resources/Public/JavaScript/dist"
13
+ "./dist"
14
14
  ],
15
- "main": "./Resources/Public/JavaScript/dist/client.js",
16
- "types": "./Resources/Public/JavaScript/dist/client.d.ts",
15
+ "main": "./dist/client.js",
16
+ "types": "./dist/client.d.ts",
17
17
  "exports": {
18
18
  ".": {
19
- "import": "./Resources/Public/JavaScript/dist/client.js",
20
- "types": "./Resources/Public/JavaScript/dist/client.d.ts"
19
+ "import": "./dist/client.js",
20
+ "types": "./dist/client.d.ts"
21
21
  },
22
22
  "./accordion": {
23
- "import": "./Resources/Public/JavaScript/dist/accordion.js",
24
- "types": "./Resources/Public/JavaScript/dist/accordion.d.ts"
23
+ "import": "./dist/accordion.js",
24
+ "types": "./dist/accordion.d.ts"
25
25
  },
26
26
  "./checkbox": {
27
- "import": "./Resources/Public/JavaScript/dist/checkbox.js",
28
- "types": "./Resources/Public/JavaScript/dist/checkbox.d.ts"
27
+ "import": "./dist/checkbox.js",
28
+ "types": "./dist/checkbox.d.ts"
29
29
  },
30
30
  "./dialog": {
31
- "import": "./Resources/Public/JavaScript/dist/dialog.js",
32
- "types": "./Resources/Public/JavaScript/dist/dialog.d.ts"
31
+ "import": "./dist/dialog.js",
32
+ "types": "./dist/dialog.d.ts"
33
33
  },
34
34
  "./clipboard": {
35
- "import": "./Resources/Public/JavaScript/dist/clipboard.js",
36
- "types": "./Resources/Public/JavaScript/dist/clipboard.d.ts"
35
+ "import": "./dist/clipboard.js",
36
+ "types": "./dist/clipboard.d.ts"
37
37
  },
38
38
  "./collapsible": {
39
- "import": "./Resources/Public/JavaScript/dist/collapsible.js",
40
- "types": "./Resources/Public/JavaScript/dist/collapsible.d.ts"
39
+ "import": "./dist/collapsible.js",
40
+ "types": "./dist/collapsible.d.ts"
41
41
  },
42
42
  "./field": {
43
- "import": "./Resources/Public/JavaScript/dist/field.js",
44
- "types": "./Resources/Public/JavaScript/dist/field.d.ts"
43
+ "import": "./dist/field.js",
44
+ "types": "./dist/field.d.ts"
45
45
  },
46
46
  "./form": {
47
- "import": "./Resources/Public/JavaScript/dist/form.js",
48
- "types": "./Resources/Public/JavaScript/dist/form.d.ts"
47
+ "import": "./dist/form.js",
48
+ "types": "./dist/form.d.ts"
49
49
  },
50
50
  "./popover": {
51
- "import": "./Resources/Public/JavaScript/dist/popover.js",
52
- "types": "./Resources/Public/JavaScript/dist/popover.d.ts"
51
+ "import": "./dist/popover.js",
52
+ "types": "./dist/popover.d.ts"
53
53
  },
54
54
  "./radio-group": {
55
- "import": "./Resources/Public/JavaScript/dist/radio-group.js",
56
- "types": "./Resources/Public/JavaScript/dist/radio-group.d.ts"
55
+ "import": "./dist/radio-group.js",
56
+ "types": "./dist/radio-group.d.ts"
57
57
  },
58
58
  "./scroll-area": {
59
- "import": "./Resources/Public/JavaScript/dist/scroll-area.js",
60
- "types": "./Resources/Public/JavaScript/dist/scroll-area.d.ts"
59
+ "import": "./dist/scroll-area.js",
60
+ "types": "./dist/scroll-area.d.ts"
61
61
  },
62
62
  "./select": {
63
- "import": "./Resources/Public/JavaScript/dist/select.js",
64
- "types": "./Resources/Public/JavaScript/dist/select.d.ts"
63
+ "import": "./dist/select.js",
64
+ "types": "./dist/select.d.ts"
65
65
  },
66
66
  "./tabs": {
67
- "import": "./Resources/Public/JavaScript/dist/tabs.js",
68
- "types": "./Resources/Public/JavaScript/dist/tabs.d.ts"
67
+ "import": "./dist/tabs.js",
68
+ "types": "./dist/tabs.d.ts"
69
69
  },
70
70
  "./tooltip": {
71
- "import": "./Resources/Public/JavaScript/dist/tooltip.js",
72
- "types": "./Resources/Public/JavaScript/dist/tooltip.d.ts"
71
+ "import": "./dist/tooltip.js",
72
+ "types": "./dist/tooltip.d.ts"
73
+ },
74
+ "./number-input": {
75
+ "import": "./dist/number-input.js",
76
+ "types": "./dist/number-input.d.ts"
73
77
  }
74
78
  },
75
79
  "scripts": {
@@ -86,24 +90,25 @@
86
90
  "zod": "^4.3.6"
87
91
  },
88
92
  "dependencies": {
89
- "@zag-js/accordion": "^1.32.0",
90
- "@zag-js/anatomy": "^1.32.0",
91
- "@zag-js/checkbox": "^1.32.0",
92
- "@zag-js/clipboard": "^1.32.0",
93
- "@zag-js/collapsible": "^1.32.0",
94
- "@zag-js/collection": "^1.32.0",
95
- "@zag-js/core": "^1.32.0",
96
- "@zag-js/dialog": "^1.32.0",
97
- "@zag-js/dom-query": "^1.32.0",
98
- "@zag-js/number-input": "^1.32.0",
99
- "@zag-js/popover": "^1.32.0",
100
- "@zag-js/radio-group": "^1.32.0",
101
- "@zag-js/scroll-area": "^1.32.0",
102
- "@zag-js/select": "^1.32.0",
103
- "@zag-js/store": "^1.32.0",
104
- "@zag-js/tabs": "^1.32.0",
105
- "@zag-js/tooltip": "^1.32.0",
106
- "@zag-js/types": "^1.32.0",
107
- "@zag-js/utils": "^1.32.0"
93
+ "@zag-js/accordion": "^1.35.2",
94
+ "@zag-js/anatomy": "^1.35.2",
95
+ "@zag-js/checkbox": "^1.35.2",
96
+ "@zag-js/clipboard": "^1.35.2",
97
+ "@zag-js/collapsible": "^1.35.2",
98
+ "@zag-js/collection": "^1.35.2",
99
+ "@zag-js/core": "^1.35.2",
100
+ "@zag-js/dialog": "^1.35.2",
101
+ "@zag-js/dom-query": "^1.35.2",
102
+ "@zag-js/number-input": "^1.35.2",
103
+ "@zag-js/popover": "^1.35.2",
104
+ "@zag-js/radio-group": "^1.35.2",
105
+ "@zag-js/scroll-area": "^1.35.2",
106
+ "@zag-js/select": "^1.35.2",
107
+ "@zag-js/store": "^1.35.2",
108
+ "@zag-js/tabs": "^1.35.2",
109
+ "@zag-js/tooltip": "^1.35.2",
110
+ "@zag-js/types": "^1.35.2",
111
+ "@zag-js/utils": "^1.35.2",
112
+ "@zag-js/vanilla": "^1.35.2"
108
113
  }
109
114
  }
@@ -1 +0,0 @@
1
- import{FieldAwareComponent as e,Machine as t,mergeProps as n,normalizeProps as r}from"./Client-C7pLb8Ab.js";import{getControlId as i,getLabelId as a}from"./field.dom-r8J9M7vj.js";import*as o from"@zag-js/checkbox";var s=class extends e{static name=`checkbox`;propsWithField(e,t){return{value:`1`,...e,disabled:e.disabled??t.ctx.get(`disabled`),readOnly:e.readOnly??t.ctx.get(`readOnly`),required:e.required??t.ctx.get(`required`),invalid:e.invalid??t.ctx.get(`invalid`),name:e.name??t.prop(`name`),ids:{...e.ids,label:a(t.scope),hiddenInput:i(t.scope)}}}initMachine(e){return e=this.withFieldProps(e),new t(o.machine,e)}initApi(){return o.connect(this.machine.service,r)}render(){this.subscribeToFieldService();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 r=this.getElement(`control`);r&&this.spreadProps(r,this.api.getControlProps());let i=this.getElement(`indicator`);i&&this.spreadProps(i,this.api.getIndicatorProps());let a=this.getElement(`hidden-input`);if(a){let e=n(this.api.getHiddenInputProps(),{"aria-describedby":this.fieldMachine?.ctx.get(`describeIds`)||void 0});this.spreadProps(a,e)}}};export{s as Checkbox};
@@ -1 +0,0 @@
1
- import{ListCollection as e}from"@zag-js/collection";import{INIT_STATE as t,MachineStatus as n,createScope as r,mergeProps as i}from"@zag-js/core";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,uuid as m,warn as h}from"@zag-js/utils";import{createNormalizer as g}from"@zag-js/types";var _=class{document;machine;api;hydrator=null;userProps;static name;get doc(){return this.document}constructor(e,t=document){this.document=t,this.userProps=this.transformProps(e),this.hydrator=this.initHydrator(e),this.machine=this.initMachine(e),this.api=this.initApi()}initHydrator(e){let t=e.id;if(!t)throw Error(`ComponentHydrator requires an id prop to initialize.`);return new E(this.getName(),t,e.ids,this.doc)}init(){this.render(),this.machine.subscribe(()=>{this.api=this.initApi(),this.render()}),this.machine.start()}getName(){return this.constructor.name}transformProps(e){return e}updateProps(e){let t={...this.userProps,...e};this.userProps=this.transformProps(t),this.machine.updateProps(t)}destroy=()=>{this.machine.stop(),this.hydrator?.destroy()};spreadProps(e,t){H(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`))}};const v=new WeakMap;function y(e,t){e&&(v.set(e,t),e.dispatchEvent(new CustomEvent(`fluid-primitives:field:registered`,{bubbles:!0})))}function b(e){if(e)return v.get(e)}const x=[`invalid`,`disabled`,`readOnly`,`required`],S={disabled:e=>e.context.get(`disabled`),readOnly:e=>e.context.get(`readOnly`),required:e=>e.context.get(`required`),invalid:e=>e.context.get(`invalid`)};var C=class extends _{subscribedToField=!1;fieldMachine;closestField=null;getClosestField(){return this.closestField||this.getElement(`root`)?.closest(`[data-scope="field"][data-part="root"]`)||null}withFieldProps(e){if(this.closestField=this.getClosestField(),!this.closestField)return e;if(this.fieldMachine=b(this.closestField),this.fieldMachine)return this.propsWithField(e,this.fieldMachine);{let e=()=>{this.fieldMachine=b(this.closestField),this.updateProps(this.propsWithField(this.userProps,this.fieldMachine)),this.closestField?.removeEventListener(`fluid-primitives:field:registered`,e)};this.closestField.addEventListener(`fluid-primitives:field:registered`,e)}return e}subscribeToFieldService(){if(!this.subscribedToField&&(this.closestField=this.getClosestField(),this.closestField))if(this.fieldMachine||=b(this.closestField),this.fieldMachine)this.fieldMachine.subscribe(e=>{queueMicrotask(()=>{let t={};for(let n of x){let r=!!S[n](e),i=!!this.machine.prop(n);r!==i&&(t[n]=r)}Object.keys(t).length>0?this.updateProps(t):this.machine.notify()})}),this.subscribedToField=!0;else{let e=()=>{this.subscribeToFieldService(),this.closestField.removeEventListener(`fluid-primitives:field:registered`,e)};this.closestField.addEventListener(`fluid-primitives:field:registered`,e)}}};function w(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 T(e,t){let n=w(e);n&&Object.keys(n).forEach(r=>{if(n[r].controlled)return;let i=t({...n[r],createHydrator:()=>new E(e,r,n[r].props.ids)});i&&(window.FluidPrimitives.uncontrolledInstances[e]||(window.FluidPrimitives.uncontrolledInstances[e]={}),window.FluidPrimitives.uncontrolledInstances[e][r]=i)})}var E=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.forEach(e=>{e instanceof Element?e.setAttribute(`data-hydrate-${this.componentName}`,this.rootId):e.forEach(e=>e.setAttribute(`data-hydrate-${this.componentName}`,this.rootId))}),this.elementRefs.clear()}};function D(t){if(t instanceof e)return t;let n=new e({items:t.items,itemToValue:t.itemToValueKey?e=>e?.[t.itemToValueKey]:void 0,itemToString:t.itemToStringKey?e=>e?.[t.itemToStringKey]:void 0,isItemDisabled:t.isItemDisabledKey?e=>e?.[t.isItemDisabledKey]:void 0,groupBy:t.groupByKey?e=>{let n=t.groupByKey;if(n)return n.includes(`.`)?n.split(`.`).reduce((e,t)=>e?e[t]:void 0,e):e?.[n]}:void 0});return n}function O(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)}}}O.cleanup=e=>{},O.ref=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}};function k(e){let t={current:e};return{get(e){return t.current[e]},set(e,n){t.current[e]=n}}}var A=class{scope;ctx;prop;state;refs;computed;event={type:``};previousEvent;effects=new Map;transition=null;cleanups=[];subscriptions=[];userPropsRef;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(e,n={}){this.machine=e,this.userPropsRef={current:n};let{id:i,ids:a,getRootNode:c}=f(n);this.scope=r({id:i,ids:a,getRootNode:c});let l=t=>{let n=f(this.userPropsRef.current),r=e.props?.({props:s(n),scope:this.scope})??n;return r[t]};this.prop=l;let u=e.context?.({prop:l,bindable:O,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=t=>e.computed?.[t]({context:d,event:this.getEvent(),prop:l,refs:this.refs,scope:this.scope,computed:p})??{};this.computed=p;let m=k(e.refs?.({prop:l,context:d})??{});this.refs=m;let h=O(()=>({defaultValue:e.initialState({prop:l}),onChange:(n,r)=>{if(r){let e=this.effects.get(r);e?.(),this.effects.delete(r)}r&&this.action(e.states[r]?.exit),this.action(this.transition?.actions);let i=this.effect(e.states[n]?.effects);if(i&&this.effects.set(n,i),r===t){this.action(e.entry);let n=this.effect(e.effects);n&&this.effects.set(t,n)}this.action(e.states[n]?.entry)}}));this.state=h,this.cleanups.push(o(this.state.ref,()=>this.notify()))}updateProps(e){this.userPropsRef.current=e,this.notify()}send=e=>{this.status===n.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||h(`[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||h(`[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=n.Started,this.debug(`initializing...`),this.state.invoke(this.state.initial,t),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=n.Stopped,this.debug(`unmounting...`)}subscribe=e=>{this.subscriptions.push(e)};status=n.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 j={onFocus:`onFocusin`,onBlur:`onFocusout`,onChange:`onInput`,onDoubleClick:`onDblclick`,htmlFor:`for`,className:`class`,defaultValue:`value`,defaultChecked:`checked`},M=new Set([`viewBox`,`preserveAspectRatio`]),N=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},P=g(e=>Object.entries(e).reduce((e,[t,n])=>{if(n===void 0)return e;if(t in j&&(t=j[t]),t===`style`&&typeof n==`object`)return e.style=N(n),e;let r=M.has(t)?t:t.toLowerCase();return e[r]=n,e},{}));function F(...e){let t=i(...e);return`style`in t&&(t.style=N(t.style)),t}function I(e=`f`){return`«`+e+m()+`»`}const L=new Map,R=new Set([`value`,`checked`,`htmlFor`]),z=new Set([`viewBox`,`preserveAspectRatio`]),B=e=>e.tagName===`svg`||e.namespaceURI===`http://www.w3.org/2000/svg`,V=(e,t)=>{let n=B(e)&&z.has(t);return n?t:t.toLowerCase()};function H(e,t,n){e.__spreadId||=`spread_${I()}`;let r=``;r=n?`${e.__spreadId}_${n}`:`${e.__spreadId}`;let i=L.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){R.has(n)?e[n]=r:e.setAttribute(V(e,n),r);return}e.removeAttribute(V(e,n))}};for(let n in i)t[n]??e.removeAttribute(V(e,n));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),L.set(r,t),function(){a.filter(c).forEach(d)}}export{_ as Component,E as ComponentHydrator,C as FieldAwareComponent,A as Machine,w as getHydrationData,D as getListCollectionFromHydrationData,F as mergeProps,T as mount,P as normalizeProps,y as registerFieldMachine,H as spreadProps,I as uid};
@@ -1 +0,0 @@
1
- import{Component as e,Machine as t,normalizeProps as n,registerFieldMachine as r}from"./Client-C7pLb8Ab.js";import{getControlId as i,getDescriptionEl as a,getDescriptionId as o,getErrorId as s,getLabelId as c,getRootEl as l,getRootId as u}from"./field.dom-r8J9M7vj.js";import{getFormMachineFor as d,registerFieldMachineForForm as f}from"./form.registry-ABqE-vzj.js";import{createMachine as p}from"@zag-js/core";import{createAnatomy as m}from"@zag-js/anatomy";const h=m(`field`).parts(`root`,`label`,`control`,`error`,`description`),g=h.build();function _(e,t){let{scope:n,prop:r,context:a,computed:l}=e,d=a.get(`invalid`),f=a.get(`disabled`),p=a.get(`required`),m=a.get(`readOnly`),h=l(`errors`);return{getFormMachine:()=>a.get(`formMachine`),invalid:d,disabled:f,required:p,readOnly:m,errors:h,name:r(`name`),getErrorText(){return h.length>0?h.join(` `):null},getRootProps(){return t.element({...g.root.attrs,id:u(n),"data-invalid":d?``:void 0,"data-disabled":f?``:void 0,"data-readonly":m?``:void 0,"data-required":p?``:void 0,"data-name":r(`name`)})},getLabelProps(){return t.label({...g.label.attrs,id:c(n),htmlFor:i(n),"data-invalid":d?``:void 0,"data-disabled":f?``:void 0,"data-required":p?``:void 0})},getControlProps(){return t.element({...g.control.attrs,id:i(n),name:r(`name`),disabled:f||void 0,readOnly:m||void 0,required:p||void 0,"aria-invalid":d?`true`:void 0,"aria-describedby":a.get(`describeIds`)||void 0,"aria-required":p?`true`:void 0,"data-invalid":d?``:void 0,"data-disabled":f?``:void 0,"data-readonly":m?``:void 0})},getErrorProps(){return t.element({...g.error.attrs,id:s(n),hidden:!d})},getDescriptionProps(){return t.element({...g.description.attrs,id:o(n)})}}}const v=p({initialState(){return`ready`},context({bindable:e,prop:t}){return{invalid:e(()=>({defaultValue:t(`invalid`)??!1})),required:e(()=>({defaultValue:t(`required`)??!1})),disabled:e(()=>({defaultValue:t(`disabled`)??!1})),readOnly:e(()=>({defaultValue:t(`readOnly`)??!1})),formMachine:e(()=>({defaultValue:null,hash:e=>JSON.stringify({state:e?.state,errors:e?.ctx.get(`errors`)})})),describeIds:e(()=>({defaultValue:void 0})),hasDescription:e(()=>({defaultValue:!1}))}},entry:[`getFormMachine`,`checkForDescription`,`determineDescribeIds`,`updateInvalid`],states:{ready:{}},computed:{errors({context:e,prop:t}){let n=e.get(`formMachine`)?.ctx;if(!n)return[];let r=n.get(`errors`)?.[t(`name`)];return r?.messages??[]}},watch({track:e,context:t,computed:n,action:r}){e([()=>t.hash(`formMachine`),()=>n(`errors`).join(`|`)],()=>{r([`updateInvalid`])}),e([()=>t.get(`invalid`),()=>t.get(`hasDescription`)],()=>{r([`determineDescribeIds`])})},implementations:{actions:{getFormMachine({context:e,scope:t}){if(e.get(`formMachine`))return;let n=l(t);if(!n)return;let r=d(n)??null;if(r)e.set(`formMachine`,r);else{let t=n.closest(`form`);if(!t)return;let r=()=>{let i=d(n)??null;e.set(`formMachine`,i),t.removeEventListener(`fluid-primitives:form:registered`,r)};t.addEventListener(`fluid-primitives:form:registered`,r)}},checkForDescription({context:e,scope:t}){let n=a(t);e.set(`hasDescription`,!!n)},determineDescribeIds({context:e,scope:t}){let n=[];e.get(`hasDescription`)&&n.push(o(t)),e.get(`invalid`)&&n.push(s(t));let r=n.join(` `)||void 0;e.set(`describeIds`,r)},updateInvalid({context:e,prop:t}){let n=e.get(`formMachine`)?.ctx;if(!n){e.set(`invalid`,t(`invalid`)??!1);return}let r=n.get(`errors`)?.[t(`name`)],i=r?.messages??[];e.set(`invalid`,i.length>0)}}}});var y=class extends e{static name=`field`;subscribedToForm=!1;initMachine(e){let n=new t(v,e);return r(this.getElement(`root`),n),f(this.getElement(`root`),n),n}initApi(){return _(this.machine.service,n)}subscribeToFormMachine(){if(this.subscribedToForm)return;let e=this.api.getFormMachine();e&&(this.subscribedToForm=!0,e.subscribe(()=>{this.machine.notify()}))}render(){this.subscribeToFormMachine();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(`description`);r&&this.spreadProps(r,this.api.getDescriptionProps());let i=this.getElement(`error`);if(i){this.spreadProps(i,this.api.getErrorProps());let e=this.api.getErrorText();e&&(i.textContent=e)}}};export{y as Field};
@@ -1 +0,0 @@
1
- import{FieldAwareComponent as e,Machine as t,mergeProps as n,normalizeProps as r}from"./Client-C7pLb8Ab.js";import{getControlId as i,getLabelId as a}from"./field.dom-r8J9M7vj.js";import*as o from"@zag-js/number-input";var s=class extends e{static name=`number-input`;propsWithField(e,t){return{...e,disabled:e.disabled??t.ctx.get(`disabled`),readOnly:e.readOnly??t.ctx.get(`readOnly`),required:e.required??t.ctx.get(`required`),invalid:e.invalid??t.ctx.get(`invalid`),name:e.name??t.prop(`name`),ids:{...e.ids,label:a(t.scope),input:i(t.scope)}}}initMachine(e){return e=this.withFieldProps(e),new t(o.machine,e)}initApi(){return o.connect(this.machine.service,r)}render(){this.subscribeToFieldService();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 r=this.getElement(`control`);r&&this.spreadProps(r,this.api.getControlProps());let i=this.getElement(`input`);if(i){let e=n(this.api.getInputProps(),{"aria-describedby":this.fieldMachine?.ctx.get(`describeIds`)||void 0});this.spreadProps(i,e)}let a=this.getElement(`increment-trigger`);a&&this.spreadProps(a,this.api.getIncrementTriggerProps());let o=this.getElement(`decrement-trigger`);o&&this.spreadProps(o,this.api.getDecrementTriggerProps());let s=this.getElement(`value-text`);s&&this.spreadProps(s,this.api.getValueTextProps());let c=this.getElement(`scrubber`);c&&this.spreadProps(c,this.api.getScrubberProps())}};export{s as NumberInput};
@@ -1 +0,0 @@
1
- import{FieldAwareComponent as e,Machine as t,mergeProps as n,normalizeProps as r}from"./Client-C7pLb8Ab.js";import*as i from"@zag-js/radio-group";var a=class extends e{static name=`radio-group`;propsWithField(e,t){return{...e,disabled:e.disabled??t.ctx.get(`disabled`),readOnly:e.readOnly??t.ctx.get(`readOnly`),required:e.required??t.ctx.get(`required`),invalid:e.invalid??t.ctx.get(`invalid`),name:e.name??t.prop(`name`)}}initMachine(e){return e=this.withFieldProps(e),new t(i.machine,e)}initApi(){return i.connect(this.machine.service,r)}render(){this.subscribeToFieldService();let e=this.getElement(`root`);e&&this.spreadProps(e,n(this.api.getRootProps(),{"aria-invalid":this.fieldMachine?.ctx.get(`invalid`)||void 0,"aria-describedby":this.fieldMachine?.ctx.get(`describeIds`)||void 0}));let t=this.getElement(`label`);t&&this.spreadProps(t,this.api.getLabelProps());let r=this.getElements(`item`);r.forEach(e=>{this.spreadProps(e,this.api.getItemProps({value:e.dataset.value,disabled:e.getAttribute(`data-disabled`)===`true`,invalid:e.getAttribute(`data-invalid`)===`true`}))});let i=this.getElements(`item-text`);i.forEach(e=>{this.spreadProps(e,this.api.getItemTextProps({value:e.dataset.value,disabled:e.getAttribute(`data-disabled`)===`true`,invalid:e.getAttribute(`data-invalid`)===`true`}))});let a=this.getElements(`item-control`);a.forEach(e=>{this.spreadProps(e,this.api.getItemControlProps({value:e.dataset.value,disabled:e.getAttribute(`data-disabled`)===`true`,invalid:e.getAttribute(`data-invalid`)===`true`}))});let o=this.getElements(`item-hidden-input`);o.forEach(e=>{this.spreadProps(e,this.api.getItemHiddenInputProps({value:e.dataset.value,disabled:e.getAttribute(`data-disabled`)===`true`,invalid:e.getAttribute(`data-invalid`)===`true`}))});let s=this.getElement(`indicator`);s&&this.spreadProps(s,this.api.getIndicatorProps())}};export{a as RadioGroup};
@@ -1 +0,0 @@
1
- import{FieldAwareComponent as e,Machine as t,getListCollectionFromHydrationData as n,mergeProps as r,normalizeProps as i}from"./Client-C7pLb8Ab.js";import{getControlId as a,getLabelId as o}from"./field.dom-r8J9M7vj.js";import*as s from"@zag-js/select";var c=class extends e{static name=`select`;propsWithField(e,t){return{...e,disabled:e.disabled??t.ctx.get(`disabled`),readOnly:e.readOnly??t.ctx.get(`readOnly`),required:e.required??t.ctx.get(`required`),invalid:e.invalid??t.ctx.get(`invalid`),name:e.name??t.prop(`name`),ids:{...e.ids,label:o(t.scope),hiddenSelect:a(t.scope)}}}transformProps(e){return{...e,get collection(){return n(e.collection)}}}initMachine(e){return e=this.withFieldProps(e),new t(s.machine,this.transformProps(e))}initApi(){return s.connect(this.machine.service,i)}render=()=>{this.subscribeToFieldService();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`);if(n){let e=r(this.api.getHiddenSelectProps(),{"aria-describedby":this.fieldMachine?.ctx.get(`describeIds`)||void 0});this.spreadProps(n,e)}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{c as Select};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import{Accordion as t}from"./Accordion-CDhNab8V.js";e(`accordion`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import{Accordion as e}from"./Accordion-CDhNab8V.js";export{e as Accordion};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import"./field.dom-r8J9M7vj.js";import{Checkbox as t}from"./Checkbox-CpGwRTbn.js";e(`checkbox`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import"./field.dom-r8J9M7vj.js";import{Checkbox as e}from"./Checkbox-CpGwRTbn.js";export{e as Checkbox};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import{Clipboard as t}from"./Clipboard-3xYQ-5z-.js";e(`clipboard`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import{Clipboard as e}from"./Clipboard-3xYQ-5z-.js";export{e as Clipboard};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import{Collapsible as t}from"./Collapsible-CRkyzge9.js";e(`collapsible`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import{Collapsible as e}from"./Collapsible-CRkyzge9.js";export{e as Collapsible};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import{Dialog as t}from"./Dialog-B0rH38Du.js";e(`dialog`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import{Dialog as e}from"./Dialog-B0rH38Du.js";export{e as Dialog};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import"./field.dom-r8J9M7vj.js";import"./form.registry-ABqE-vzj.js";import{Field as t}from"./Field-BwzB3Eom.js";e(`field`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import"./field.dom-r8J9M7vj.js";import"./form.registry-ABqE-vzj.js";import{Field as e}from"./Field-BwzB3Eom.js";export{e as Field};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import"./form.registry-ABqE-vzj.js";import{Form as t}from"./Form-DBNNU5PD.js";e(`form`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import"./form.registry-ABqE-vzj.js";import{Form as e,ValidationError as t}from"./Form-DBNNU5PD.js";export{e as Form,t as ValidationError};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import"./field.dom-r8J9M7vj.js";import{NumberInput as t}from"./NumberInput-CApZObd4.js";e(`number-input`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import"./field.dom-r8J9M7vj.js";import{NumberInput as e}from"./NumberInput-CApZObd4.js";export{e as NumberInput};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import{Popover as t}from"./Popover-uUcHrP8Z.js";e(`popover`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import{Popover as e}from"./Popover-uUcHrP8Z.js";export{e as Popover};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import{RadioGroup as t}from"./RadioGroup-RoniWWCD.js";e(`radio-group`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import{RadioGroup as e}from"./RadioGroup-RoniWWCD.js";export{e as RadioGroup};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import{ScrollArea as t}from"./ScrollArea-XpAVw840.js";e(`scroll-area`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import{ScrollArea as e}from"./ScrollArea-XpAVw840.js";export{e as ScrollArea};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import"./field.dom-r8J9M7vj.js";import{Select as t}from"./Select-DvsJPyz5.js";e(`select`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import"./field.dom-r8J9M7vj.js";import{Select as e}from"./Select-DvsJPyz5.js";export{e as Select};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import{Tabs as t}from"./Tabs-BCk2WAmg.js";e(`tabs`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import{Tabs as e}from"./Tabs-BCk2WAmg.js";export{e as Tabs};
@@ -1 +0,0 @@
1
- import{mount as e}from"./Client-C7pLb8Ab.js";import{Tooltip as t}from"./Tooltip-C7vqPe3n.js";e(`tooltip`,({props:e})=>{let n=new t(e);return n.init(),n});
@@ -1 +0,0 @@
1
- import"./Client-C7pLb8Ab.js";import{Tooltip as e}from"./Tooltip-C7vqPe3n.js";export{e as Tooltip};