@ark-ui/solid 5.30.0 → 5.31.0

package/dist/{checkbox.anatomy-CuzDSmDj.d.ts → checkbox.anatomy-YlC7nNXs.d.ts}

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
-declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "root" | "group" | "control" | "indicator">;
+declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "group" | "root" | "control" | "indicator">;
 
 export { checkboxAnatomy as c };

package/dist/chunk/{2S7Z6JX4.jsx → 2KCVIKG7.jsx}

@@ -1,18 +1,18 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -141,7 +141,7 @@ var SliderRoot = (props) => {
     "readOnly",
     "step",
     "thumbAlignment",
-    "thumbAlignment",
+    "thumbCollisionBehavior",
     "thumbSize",
     "value"
   ]);

package/dist/chunk/{Z5L7ULFZ.js → 2SGHC324.js}

@@ -1,9 +1,9 @@
 import { listboxAnatomy } from './3I7TGCD3.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{KEZ2WH2A.jsx → 2TPQPUX6.jsx}

@@ -1,18 +1,18 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{Z5ZRFFPU.js → 37BRFTCN.js}

@@ -1,9 +1,9 @@
 import { composeRefs } from './ROP6QZQ7.js';
 import { parts } from './FCMJTSIR.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{S7F5ETXJ.js → 3JI3LEL3.js}

@@ -1,10 +1,10 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './FW6EZLZL.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './2WRCIBVP.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{5QLLQM7E.js → 3P5T77QU.js}

@@ -1,6 +1,7 @@
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
-import { createComponent, memo, template, use } from 'solid-js/web';
+import { createComponent, memo } from 'solid-js/web';
 import { getWindow, getDocument } from '@zag-js/dom-query';
 import { createSignal, createMemo, Show } from 'solid-js';
 
@@ -17,7 +18,6 @@ var [EnvironmentContextProvider, useEnvironmentContext] = createContext({
 });
 
 // src/providers/environment/environment-provider.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span hidden>`);
 var EnvironmentProvider = (props) => {
   const [spanRef, setSpanRef] = createSignal();
   const getRootNode = () => runIfFn(props.value) ?? spanRef()?.getRootNode() ?? document;
@@ -34,9 +34,10 @@ var EnvironmentProvider = (props) => {
           return !props.value;
         },
         get children() {
-          var _el$ = _tmpl$();
-          use(setSpanRef, _el$);
-          return _el$;
+          return createComponent(ark.span, {
+            hidden: true,
+            ref: setSpanRef
+          });
         }
       })];
     }

package/dist/chunk/{HWHAUHQ5.jsx → 4GELDCEE.jsx}

@@ -1,6 +1,6 @@
 import {
   collapsible_exports
-} from "./UOOMXEJO.jsx";
+} from "./ZYS6A6GV.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -9,18 +9,18 @@ import {
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{3BRVNFB3.js → 4GOETTVP.js}

@@ -1,12 +1,12 @@
-import { useFieldContext } from './GBGTOFYC.js';
+import { useFieldContext } from './S3VN2YFH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent, mergeProps as mergeProps$1, template, spread } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import * as signaturePad from '@zag-js/signature-pad';
 import { For, Show, createUniqueId, createMemo } from 'solid-js';
@@ -98,38 +98,35 @@ var SignaturePadRootProvider = (props) => {
     }
   });
 };
-var _tmpl$ = /* @__PURE__ */ template(`<title>Signature`);
-var _tmpl$2 = /* @__PURE__ */ template(`<svg><path></svg>`, false, true, false);
 var SignaturePadSegment = (props) => {
   const signaturePad2 = useSignaturePadContext();
   const mergedProps = mergeProps(() => signaturePad2().getSegmentProps(), props);
-  return createComponent(ark.svg, mergeProps$1(mergedProps, {
-    get children() {
-      return [_tmpl$(), createComponent(For, {
-        get each() {
-          return signaturePad2().paths;
-        },
-        children: (path) => (() => {
-          var _el$3 = _tmpl$2();
-          spread(_el$3, mergeProps$1(() => signaturePad2().getSegmentPathProps({
+  return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: <ark.title> is used here
+    createComponent(ark.svg, mergeProps$1(mergedProps, {
+      get children() {
+        return [createComponent(ark.title, {
+          children: "Signature"
+        }), createComponent(For, {
+          get each() {
+            return signaturePad2().paths;
+          },
+          children: (path) => createComponent(ark.path, mergeProps$1(() => signaturePad2().getSegmentPathProps({
             path
-          })), true, false);
-          return _el$3;
-        })()
-      }), createComponent(Show, {
-        get when() {
-          return signaturePad2().currentPath;
-        },
-        get children() {
-          var _el$2 = _tmpl$2();
-          spread(_el$2, mergeProps$1(() => signaturePad2().getSegmentPathProps({
-            path: signaturePad2().currentPath
-          })), true, false);
-          return _el$2;
-        }
-      })];
-    }
-  }));
+          })))
+        }), createComponent(Show, {
+          get when() {
+            return signaturePad2().currentPath;
+          },
+          get children() {
+            return createComponent(ark.path, mergeProps$1(() => signaturePad2().getSegmentPathProps({
+              path: signaturePad2().currentPath
+            })));
+          }
+        })];
+      }
+    }))
+  );
 };
 
 // src/components/signature-pad/signature-pad.ts

package/dist/chunk/{W7YDKZGP.js → 4UQ4BNTC.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './GBGTOFYC.js';
+import { useFieldContext } from './S3VN2YFH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{M3S2UEA7.js → 52P3DPTR.js}

@@ -1,11 +1,11 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './FW6EZLZL.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './2WRCIBVP.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './GUFIKGZ6.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{SH4J3NPA.jsx → 5LDIC54T.jsx}

@@ -1,18 +1,18 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{WUBTAV2O.js → 5LGVYTH5.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './GBGTOFYC.js';
+import { useFieldContext } from './S3VN2YFH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -167,7 +167,7 @@ var useFileUpload = (props) => {
 
 // src/components/file-upload/file-upload-root.tsx
 var FileUploadRoot = (props) => {
-  const [fileUploadProps, localProps] = createSplitProps()(props, ["accept", "acceptedFiles", "allowDrop", "capture", "defaultAcceptedFiles", "directory", "disabled", "id", "ids", "invalid", "locale", "maxFiles", "maxFileSize", "minFileSize", "name", "onFileAccept", "onFileChange", "onFileReject", "preventDocumentDrop", "required", "translations", "transformFiles", "validate"]);
+  const [fileUploadProps, localProps] = createSplitProps()(props, ["accept", "acceptedFiles", "allowDrop", "capture", "defaultAcceptedFiles", "directory", "disabled", "id", "ids", "invalid", "locale", "maxFiles", "maxFileSize", "minFileSize", "name", "onFileAccept", "onFileChange", "onFileReject", "preventDocumentDrop", "readOnly", "required", "translations", "transformFiles", "validate"]);
   const fileUpload2 = useFileUpload(fileUploadProps);
   const mergedProps = mergeProps(() => fileUpload2().getRootProps(), localProps);
   return createComponent(FileUploadProvider, {

package/dist/chunk/{XXP27BHC.jsx → 5O3D32XK.jsx}

@@ -1,21 +1,21 @@
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
 import {
   listboxAnatomy
 } from "./4WBPEARW.jsx";
 import {
-  createSplitProps
-} from "./6WEDGJKQ.jsx";
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{K32NALIW.js → 5QVNY35H.js}

@@ -1,8 +1,8 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{76KFR2EJ.jsx → 5SEYLBQQ.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./7HLG62OR.jsx";
+} from "./C56T2HRV.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{372PVMNT.js → 5WXM756C.js}

@@ -1,10 +1,10 @@
-import { useCollapsibleContext, collapsible_exports } from './TWZUCWKG.js';
+import { useCollapsibleContext, collapsible_exports } from './VUOC2LCL.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './GUFIKGZ6.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{UHWLTCQZ.jsx → 65QK7XXR.jsx}

@@ -3,7 +3,10 @@ import {
 } from "./PT2CJE3O.jsx";
 import {
   EnvironmentProvider
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 
 // src/components/frame/frame.tsx
 import { Show, createEffect as createEffect2, createMemo, createSignal, onCleanup as onCleanup2, splitProps } from "solid-js";
@@ -70,7 +73,7 @@ var Frame = (props) => {
     });
   });
   return <EnvironmentProvider value={() => frameRef()?.contentDocument ?? document}>
-      <iframe {...localProps} ref={composeRefs(setFrameRef, localProps.ref)}>
+      <ark.iframe {...localProps} ref={composeRefs(setFrameRef, localProps.ref)}>
         <Show when={mountNode()}>
           {(node) => <Portal mount={node()}>
               <FrameContent onMount={frameProps.onMount} onUnmount={frameProps.onUnmount}>
@@ -81,7 +84,7 @@ var Frame = (props) => {
         <Show when={mountNode()}>
           <Portal mount={frameRef().contentDocument.head}>{frameProps.head}</Portal>
         </Show>
-      </iframe>
+      </ark.iframe>
     </EnvironmentProvider>;
 };
 

package/dist/chunk/{J5ODILBT.jsx → 6N44QPMY.jsx}

@@ -1,15 +1,12 @@
-import {
-  useFieldContext
-} from "./7HLG62OR.jsx";
-import {
-  comboboxAnatomy
-} from "./VQPWR4W5.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./2P5Y3YCK.jsx";
+} from "./VTTFCXVC.jsx";
+import {
+  useFieldContext
+} from "./C56T2HRV.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -17,17 +14,20 @@ import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
-  ark
-} from "./UFYZ7HLU.jsx";
+  comboboxAnatomy
+} from "./VQPWR4W5.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HDGILMRT.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useLocaleContext
+} from "./JFOWNFC7.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{XH4Y4U2G.jsx → 76UE3KN4.jsx}

@@ -1,21 +1,21 @@
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
 import {
   carouselAnatomy
 } from "./BYLUEJKC.jsx";
 import {
-  createSplitProps
-} from "./6WEDGJKQ.jsx";
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{B434DN6B.js → 7LBRKLXW.js}

@@ -1,8 +1,8 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';

package/dist/chunk/{G2THT6E6.js → 7LG5FPBU.js}

@@ -1,14 +1,14 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './FW6EZLZL.js';
-import { useFieldContext } from './GBGTOFYC.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './2WRCIBVP.js';
+import { useFieldContext } from './S3VN2YFH.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent, mergeProps as mergeProps$1, template, insert, effect } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { Show, createUniqueId, createMemo, Index } from 'solid-js';
 import * as select from '@zag-js/select';
@@ -51,8 +51,6 @@ var SelectControl = (props) => {
   const mergedProps = mergeProps(() => select2().getControlProps(), props);
   return createComponent(ark.div, mergedProps);
 };
-var _tmpl$ = /* @__PURE__ */ template(`<option value>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<option>`);
 var SelectHiddenSelect = (props) => {
   const select2 = useSelectContext();
   const mergedProps = mergeProps(() => select2().getHiddenSelectProps(), props);
@@ -69,19 +67,25 @@ var SelectHiddenSelect = (props) => {
           return isValueEmpty();
         },
         get children() {
-          return _tmpl$();
+          return createComponent(ark.option, {
+            value: ""
+          });
         }
       }), createComponent(Index, {
         get each() {
           return select2().collection.items;
         },
-        children: (item) => (() => {
-          var _el$2 = _tmpl$2();
-          insert(_el$2, () => select2().collection.stringifyItem(item()));
-          effect(() => _el$2.disabled = select2().collection.getItemDisabled(item()));
-          effect(() => _el$2.value = select2().collection.getItemValue(item()) ?? "");
-          return _el$2;
-        })()
+        children: (item) => createComponent(ark.option, {
+          get value() {
+            return select2().collection.getItemValue(item()) ?? "";
+          },
+          get disabled() {
+            return select2().collection.getItemDisabled(item());
+          },
+          get children() {
+            return select2().collection.stringifyItem(item());
+          }
+        })
       })];
     }
   }));

package/dist/chunk/{NZQO4OJP.jsx → A7ULUG37.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./7HLG62OR.jsx";
+} from "./C56T2HRV.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -145,16 +145,19 @@ import { For, Show } from "solid-js";
 var SignaturePadSegment = (props) => {
   const signaturePad2 = useSignaturePadContext();
   const mergedProps = mergeProps8(() => signaturePad2().getSegmentProps(), props);
-  return <ark.svg {...mergedProps}>
-      <title>Signature</title>
-      <For each={signaturePad2().paths}>{(path) => <path {...signaturePad2().getSegmentPathProps({ path })} />}</For>
+  return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: <ark.title> is used here
+    <ark.svg {...mergedProps}>
+      <ark.title>Signature</ark.title>
+      <For each={signaturePad2().paths}>{(path) => <ark.path {...signaturePad2().getSegmentPathProps({ path })} />}</For>
       <Show when={signaturePad2().currentPath}>
         {
-    /* @ts-expect-error */
-  }
-        <path {...signaturePad2().getSegmentPathProps({ path: signaturePad2().currentPath })} />
+      /* @ts-expect-error */
+    }
+        <ark.path {...signaturePad2().getSegmentPathProps({ path: signaturePad2().currentPath })} />
       </Show>
-    </ark.svg>;
+    </ark.svg>
+  );
 };
 
 // src/components/signature-pad/signature-pad.ts