@ark-ui/solid 4.6.0 → 4.8.0

package/dist/chunk/{PZEZKJF3.jsx → 2HTNQLGP.jsx}

@@ -4,12 +4,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./3QQZKR3F.jsx";
 import {
   useEnvironmentContext
 } from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -17,83 +17,88 @@ import {
   __export
 } from "./7IUG3E2V.jsx";
 
+// src/components/carousel/carousel-autoplay-trigger.tsx
+import { mergeProps } from "@zag-js/solid";
+
 // src/components/carousel/use-carousel-context.ts
 var [CarouselProvider, useCarouselContext] = createContext({
   hookName: "useCarouselContext",
   providerName: "<CarouselProvider />"
 });
 
+// src/components/carousel/carousel-autoplay-trigger.tsx
+var CarouselAutoplayTrigger = (props) => {
+  const api = useCarouselContext();
+  const mergedProps = mergeProps(() => api().getAutoplayTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
 // src/components/carousel/carousel-context.tsx
 var CarouselContext = (props) => props.children(useCarouselContext());
 
 // src/components/carousel/carousel-control.tsx
-import { mergeProps } from "@zag-js/solid";
-
-// src/components/carousel/carousel.anatomy.ts
-import { anatomy } from "@zag-js/carousel";
-var carouselAnatomy = anatomy.extendWith("control");
-
-// src/components/carousel/carousel-control.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
 var CarouselControl = (props) => {
-  const mergedProps = mergeProps(() => carouselAnatomy.build().control.attrs, props);
+  const api = useCarouselContext();
+  const mergedProps = mergeProps2(() => api().getControlProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-indicator.tsx
-import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
 var CarouselIndicator = (props) => {
   const [indicatorProps, localProps] = createSplitProps()(props, [
     "index",
     "readOnly"
   ]);
   const api = useCarouselContext();
-  const mergedProps = mergeProps2(() => api().getIndicatorProps(indicatorProps), localProps);
+  const mergedProps = mergeProps3(() => api().getIndicatorProps(indicatorProps), localProps);
   return <ark.button {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-indicator-group.tsx
-import { mergeProps as mergeProps3 } from "@zag-js/solid";
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
 var CarouselIndicatorGroup = (props) => {
   const api = useCarouselContext();
-  const mergedProps = mergeProps3(() => api().getIndicatorGroupProps(), props);
+  const mergedProps = mergeProps4(() => api().getIndicatorGroupProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-item.tsx
-import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
 var CarouselItem = (props) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+  const [itemProps, localProps] = createSplitProps()(props, ["index", "snapAlign"]);
   const api = useCarouselContext();
-  const mergedProps = mergeProps4(() => api().getItemProps(itemProps), localProps);
+  const mergedProps = mergeProps5(() => api().getItemProps(itemProps), localProps);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-item-group.tsx
-import { mergeProps as mergeProps5 } from "@zag-js/solid";
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var CarouselItemGroup = (props) => {
   const api = useCarouselContext();
-  const mergedProps = mergeProps5(() => api().getItemGroupProps(), props);
+  const mergedProps = mergeProps6(() => api().getItemGroupProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-next-trigger.tsx
-import { mergeProps as mergeProps6 } from "@zag-js/solid";
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
 var CarouselNextTrigger = (props) => {
   const api = useCarouselContext();
-  const mergedProps = mergeProps6(() => api().getNextTriggerProps(), props);
+  const mergedProps = mergeProps7(() => api().getNextTriggerProps(), props);
   return <ark.button {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-prev-trigger.tsx
-import { mergeProps as mergeProps7 } from "@zag-js/solid";
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
 var CarouselPrevTrigger = (props) => {
   const api = useCarouselContext();
-  const mergedProps = mergeProps7(() => api().getPrevTriggerProps(), props);
+  const mergedProps = mergeProps8(() => api().getPrevTriggerProps(), props);
   return <ark.button {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-root.tsx
-import { mergeProps as mergeProps8 } from "@zag-js/solid";
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
 
 // src/components/carousel/use-carousel.ts
 import * as carousel from "@zag-js/carousel";
@@ -107,7 +112,7 @@ var useCarousel = (props = {}) => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    index: props.defaultIndex,
+    index: props.defaultPage,
     ...props
   }));
   const [state, send] = useMachine(carousel.machine(context()), { context });
@@ -117,45 +122,50 @@ var useCarousel = (props = {}) => {
 // src/components/carousel/carousel-root.tsx
 var CarouselRoot = (props) => {
   const [useCarouselProps, localProps] = createSplitProps()(props, [
-    "align",
-    "defaultIndex",
+    "allowMouseDrag",
+    "autoplay",
+    "defaultPage",
     "id",
     "ids",
-    "index",
+    "inViewThreshold",
     "loop",
-    "onIndexChange",
+    "onAutoplayStatusChange",
+    "onDragStatusChange",
+    "onPageChange",
     "orientation",
-    "slidesPerView",
-    "spacing"
+    "padding",
+    "page",
+    "slideCount",
+    "slidesPerMove",
+    "slidesPerPage",
+    "snapType",
+    "spacing",
+    "translations"
   ]);
   const api = useCarousel(useCarouselProps);
-  const mergedProps = mergeProps8(() => api().getRootProps(), localProps);
+  const mergedProps = mergeProps9(() => api().getRootProps(), localProps);
   return <CarouselProvider value={api}>
       <ark.div {...mergedProps} />
     </CarouselProvider>;
 };
 
 // src/components/carousel/carousel-root-provider.tsx
-import { mergeProps as mergeProps9 } from "@zag-js/solid";
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
 var CarouselRootProvider = (props) => {
   const [{ value: carousel2 }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps9(() => carousel2().getRootProps(), localProps);
+  const mergedProps = mergeProps10(() => carousel2().getRootProps(), localProps);
   return <CarouselProvider value={carousel2}>
       <ark.div {...mergedProps} />
     </CarouselProvider>;
 };
 
-// src/components/carousel/carousel-viewport.tsx
-import { mergeProps as mergeProps10 } from "@zag-js/solid";
-var CarouselViewport = (props) => {
-  const api = useCarouselContext();
-  const mergedProps = mergeProps10(() => api().getViewportProps(), props);
-  return <ark.div {...mergedProps} />;
-};
+// src/components/carousel/carousel.anatomy.ts
+import { anatomy } from "@zag-js/carousel";
 
 // src/components/carousel/carousel.ts
 var carousel_exports = {};
 __export(carousel_exports, {
+  AutoplayTrigger: () => CarouselAutoplayTrigger,
   Context: () => CarouselContext,
   Control: () => CarouselControl,
   Indicator: () => CarouselIndicator,
@@ -165,14 +175,13 @@ __export(carousel_exports, {
   NextTrigger: () => CarouselNextTrigger,
   PrevTrigger: () => CarouselPrevTrigger,
   Root: () => CarouselRoot,
-  RootProvider: () => CarouselRootProvider,
-  Viewport: () => CarouselViewport
+  RootProvider: () => CarouselRootProvider
 });
 
 export {
   useCarouselContext,
+  CarouselAutoplayTrigger,
   CarouselContext,
-  carouselAnatomy,
   CarouselControl,
   CarouselIndicator,
   CarouselIndicatorGroup,
@@ -183,6 +192,6 @@ export {
   useCarousel,
   CarouselRoot,
   CarouselRootProvider,
-  CarouselViewport,
+  anatomy,
   carousel_exports
 };

package/dist/chunk/{SPA64RV2.js → 2W32Z6JZ.js}

@@ -2,8 +2,8 @@ import { usePresence, PresenceProvider } from './LCESUDZB.js';
 import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
@@ -79,7 +79,7 @@ var useTabs = (props = {}) => {
 // src/components/tabs/tabs-root.tsx
 var TabsRoot = (props) => {
   const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
-  const [useTabsProps, restProps] = createSplitProps()(tabsProps, ["activationMode", "composite", "defaultValue", "deselectable", "id", "ids", "loopFocus", "onFocusChange", "onValueChange", "orientation", "translations", "value"]);
+  const [useTabsProps, restProps] = createSplitProps()(tabsProps, ["activationMode", "composite", "defaultValue", "deselectable", "id", "ids", "loopFocus", "navigate", "onFocusChange", "onValueChange", "orientation", "translations", "value"]);
   const api = useTabs(useTabsProps);
   const mergedProps = mergeProps(() => api().getRootProps(), restProps);
   return createComponent(TabsProvider, {

package/dist/chunk/{Q55I4ULB.js → 34OZO53S.js}

@@ -1,9 +1,9 @@
-import { collapsible_exports, useCollapsibleContext } from './KQLVMRLF.js';
+import { collapsible_exports, useCollapsibleContext } from './3HMZSTYX.js';
 import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{ND6ULTIP.js → 35R4VP6U.js}

@@ -1,8 +1,8 @@
 import { useFieldContext } from './PBJ7MGGS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -141,7 +141,7 @@ var useFileUpload = (props = {}) => {
 
 // src/components/file-upload/file-upload-root.tsx
 var FileUploadRoot = (props) => {
-  const [fileUploadProps, localProps] = createSplitProps()(props, ["accept", "allowDrop", "capture", "directory", "disabled", "id", "ids", "invalid", "locale", "maxFiles", "maxFileSize", "minFileSize", "name", "onFileAccept", "onFileChange", "onFileReject", "required", "translations", "validate"]);
+  const [fileUploadProps, localProps] = createSplitProps()(props, ["accept", "allowDrop", "capture", "directory", "disabled", "id", "ids", "invalid", "locale", "maxFiles", "maxFileSize", "minFileSize", "name", "onFileAccept", "onFileChange", "onFileReject", "preventDocumentDrop", "required", "translations", "validate"]);
   const fileUpload2 = useFileUpload(fileUploadProps);
   const mergedProps = mergeProps(() => fileUpload2().getRootProps(), localProps);
   return createComponent(FileUploadProvider, {

package/dist/chunk/{YEVD47QN.js → 4FXOTC23.js}

@@ -2,8 +2,8 @@ import { useFieldContext } from './PBJ7MGGS.js';
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -194,7 +194,7 @@ var useCombobox = (props) => {
 // src/components/combobox/combobox-root.tsx
 var ComboboxRoot = (props) => {
   const [presenceProps, comboboxProps] = splitPresenceProps(props);
-  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ["allowCustomValue", "autoFocus", "closeOnSelect", "collection", "composite", "defaultOpen", "defaultValue", "disabled", "disableLayer", "form", "highlightedValue", "id", "ids", "inputBehavior", "inputValue", "invalid", "loopFocus", "multiple", "name", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onOpenChange", "onOpenChange", "onPointerDownOutside", "onValueChange", "open", "openOnChange", "openOnClick", "openOnKeyPress", "placeholder", "positioning", "readOnly", "required", "scrollToIndexFn", "selectionBehavior", "translations", "value"]);
+  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ["allowCustomValue", "autoFocus", "closeOnSelect", "collection", "composite", "defaultOpen", "defaultValue", "disabled", "disableLayer", "form", "highlightedValue", "id", "ids", "inputBehavior", "inputValue", "invalid", "loopFocus", "multiple", "name", "navigate", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onOpenChange", "onOpenChange", "onPointerDownOutside", "onValueChange", "open", "openOnChange", "openOnClick", "openOnKeyPress", "placeholder", "positioning", "readOnly", "required", "scrollToIndexFn", "selectionBehavior", "translations", "value"]);
   const api = useCombobox(useComboboxProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{YBEQIVOS.js → 5CYHETDY.js}

@@ -96,6 +96,15 @@ var ClipboardTrigger = (props) => {
   const mergedProps = mergeProps(() => api().getTriggerProps(), props);
   return createComponent(ark.button, mergedProps);
 };
+var ClipboardValueText = (props) => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps(props);
+  return createComponent(ark.span, mergeProps$1(mergedProps, {
+    get children() {
+      return props.children || api().value;
+    }
+  }));
+};
 
 // src/components/clipboard/clipboard.ts
 var clipboard_exports = {};
@@ -107,7 +116,8 @@ __export(clipboard_exports, {
   Label: () => ClipboardLabel,
   Root: () => ClipboardRoot,
   RootProvider: () => ClipboardRootProvider,
-  Trigger: () => ClipboardTrigger
+  Trigger: () => ClipboardTrigger,
+  ValueText: () => ClipboardValueText
 });
 
-export { ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, clipboard_exports, useClipboard, useClipboardContext };
+export { ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, clipboard_exports, useClipboard, useClipboardContext };

package/dist/chunk/{OMC7ZZVY.js → 5XD5ZSBX.js}

@@ -1,9 +1,9 @@
-import { collapsible_exports } from './KQLVMRLF.js';
+import { collapsible_exports } from './3HMZSTYX.js';
 import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
 import { useEnvironmentContext } from './QODB3C3M.js';
+import { useLocaleContext } from './HPDOBQ3V.js';
 import { createContext } from './I5UG2QUO.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{HTPFX5I5.js → CTTG4GSG.js}

@@ -3,20 +3,20 @@ import { ListCollection, TreeCollection, filePathToTree } from '@zag-js/collecti
 // src/components/collection.ts
 
 // ../../node_modules/@zag-js/store/dist/index.mjs
-function getGlobal() {
+function glob() {
   if (typeof globalThis !== "undefined") return globalThis;
   if (typeof self !== "undefined") return self;
   if (typeof window !== "undefined") return window;
   if (typeof global !== "undefined") return global;
 }
-function makeGlobal(key, value) {
-  const g = getGlobal();
+function globalRef(key, value) {
+  const g = glob();
   if (!g) return value();
   g[key] || (g[key] = value());
   return g[key];
 }
-makeGlobal("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap());
-var refSet = makeGlobal("__zag__refSet", () => /* @__PURE__ */ new WeakSet());
+var refSet = globalRef("__zag__refSet", () => /* @__PURE__ */ new WeakSet());
+globalRef("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap());
 function ref(obj) {
   refSet.add(obj);
   return obj;

package/dist/chunk/{PZDCODVM.jsx → D4XLNL66.jsx}

@@ -7,12 +7,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./3QQZKR3F.jsx";
 import {
   useEnvironmentContext
 } from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -194,6 +194,7 @@ var FileUploadRoot = (props) => {
     "onFileAccept",
     "onFileChange",
     "onFileReject",
+    "preventDocumentDrop",
     "required",
     "translations",
     "validate"

package/dist/chunk/{YJZDRWMW.jsx → DOPROT6M.jsx}

@@ -4,12 +4,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./3QQZKR3F.jsx";
 import {
   useEnvironmentContext
 } from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -83,6 +83,7 @@ var useProgress = (props = {}) => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
+    value: props.defaultValue,
     ...props
   }));
   const [state, send] = useMachine(progress.machine(context()), { context });
@@ -92,10 +93,12 @@ var useProgress = (props = {}) => {
 // src/components/progress/progress-root.tsx
 var ProgressRoot = (props) => {
   const [progressProps, localProps] = createSplitProps()(props, [
+    "defaultValue",
     "id",
     "ids",
     "max",
     "min",
+    "onValueChange",
     "orientation",
     "translations",
     "value"

package/dist/chunk/{LMMNUVZG.jsx → F3QPTRGW.jsx}

@@ -10,12 +10,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./3QQZKR3F.jsx";
 import {
   useEnvironmentContext
 } from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -313,6 +313,7 @@ var MenuRoot = (props) => {
     "onPointerDownOutside",
     "onSelect",
     "open",
+    "navigate",
     "positioning",
     "typeahead"
   ]);

package/dist/chunk/{R5ZNIQWU.jsx → HU7FZMJI.jsx}

@@ -4,12 +4,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./3QQZKR3F.jsx";
 import {
   useEnvironmentContext
 } from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -26,32 +26,48 @@ var [QrCodeProvider, useQrCodeContext] = createContext({
 // src/components/qr-code/qr-code-context.ts
 var QrCodeContext = (props) => props.children(useQrCodeContext());
 
-// src/components/qr-code/qr-code-frame.tsx
+// src/components/qr-code/qr-code-download-trigger.tsx
 import { mergeProps } from "@zag-js/solid";
+var QrCodeDownloadTrigger = (props) => {
+  const [downloadTriggerProps, localProps] = createSplitProps()(props, [
+    "fileName",
+    "mimeType",
+    "quality"
+  ]);
+  const qrCode2 = useQrCodeContext();
+  const mergedProps = mergeProps(
+    () => qrCode2().getDownloadTriggerProps(downloadTriggerProps),
+    localProps
+  );
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/qr-code/qr-code-frame.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
 var QrCodeFrame = (props) => {
   const qrCode2 = useQrCodeContext();
-  const mergedProps = mergeProps(() => qrCode2().getFrameProps(), props);
+  const mergedProps = mergeProps2(() => qrCode2().getFrameProps(), props);
   return <ark.svg {...mergedProps} />;
 };
 
 // src/components/qr-code/qr-code-overlay.tsx
-import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
 var QrCodeOverlay = (props) => {
   const qrCode2 = useQrCodeContext();
-  const mergedProps = mergeProps2(() => qrCode2().getOverlayProps(), props);
+  const mergedProps = mergeProps3(() => qrCode2().getOverlayProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/qr-code/qr-code-pattern.tsx
-import { mergeProps as mergeProps3 } from "@zag-js/solid";
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
 var QrCodePattern = (props) => {
   const qrCode2 = useQrCodeContext();
-  const mergedProps = mergeProps3(() => qrCode2().getPatternProps(), props);
+  const mergedProps = mergeProps4(() => qrCode2().getPatternProps(), props);
   return <ark.path {...mergedProps} />;
 };
 
 // src/components/qr-code/qr-code-root.tsx
-import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
 
 // src/components/qr-code/use-qr-code.ts
 import * as qrCode from "@zag-js/qr-code";
@@ -65,6 +81,7 @@ var useQrCode = (props = {}) => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
+    value: props.defaultValue,
     ...props
   }));
   const [state, send] = useMachine(qrCode.machine(context()), {
@@ -76,23 +93,25 @@ var useQrCode = (props = {}) => {
 // src/components/qr-code/qr-code-root.tsx
 var QrCodeRoot = (props) => {
   const [useQrCodeProps, restProps] = createSplitProps()(props, [
+    "defaultValue",
     "encoding",
     "id",
     "ids",
+    "onValueChange",
     "value"
   ]);
   const api = useQrCode(useQrCodeProps);
-  const mergedProps = mergeProps4(() => api().getRootProps(), restProps);
+  const mergedProps = mergeProps5(() => api().getRootProps(), restProps);
   return <QrCodeProvider value={api}>
       <ark.div {...mergedProps} />
     </QrCodeProvider>;
 };
 
 // src/components/qr-code/qr-code-root-provider.tsx
-import { mergeProps as mergeProps5 } from "@zag-js/solid";
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var QrCodeRootProvider = (props) => {
   const [{ value: qrCode2 }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps5(() => qrCode2().getRootProps(), localProps);
+  const mergedProps = mergeProps6(() => qrCode2().getRootProps(), localProps);
   return <QrCodeProvider value={qrCode2}>
       <ark.div {...mergedProps} />
     </QrCodeProvider>;
@@ -105,6 +124,7 @@ import { anatomy } from "@zag-js/qr-code";
 var qr_code_exports = {};
 __export(qr_code_exports, {
   Context: () => QrCodeContext,
+  DownloadTrigger: () => QrCodeDownloadTrigger,
   Frame: () => QrCodeFrame,
   Overlay: () => QrCodeOverlay,
   Pattern: () => QrCodePattern,
@@ -115,6 +135,7 @@ __export(qr_code_exports, {
 export {
   useQrCodeContext,
   QrCodeContext,
+  QrCodeDownloadTrigger,
   QrCodeFrame,
   QrCodeOverlay,
   QrCodePattern,

package/dist/chunk/{QX424BJV.jsx → IQJBNZOX.jsx}

@@ -115,6 +115,14 @@ var ClipboardTrigger = (props) => {
   return <ark.button {...mergedProps} />;
 };
 
+// src/components/clipboard/clipboard-value-text.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var ClipboardValueText = (props) => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps8(props);
+  return <ark.span {...mergedProps}>{props.children || api().value}</ark.span>;
+};
+
 // src/components/clipboard/clipboard.anatomy.ts
 import { anatomy } from "@zag-js/clipboard";
 
@@ -128,7 +136,8 @@ __export(clipboard_exports, {
   Label: () => ClipboardLabel,
   Root: () => ClipboardRoot,
   RootProvider: () => ClipboardRootProvider,
-  Trigger: () => ClipboardTrigger
+  Trigger: () => ClipboardTrigger,
+  ValueText: () => ClipboardValueText
 });
 
 export {
@@ -142,6 +151,7 @@ export {
   ClipboardRoot,
   ClipboardRootProvider,
   ClipboardTrigger,
+  ClipboardValueText,
   anatomy,
   clipboard_exports
 };