@ark-ui/solid 4.10.2 → 5.1.0

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

@@ -6,13 +6,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -35,10 +38,7 @@ var QrCodeDownloadTrigger = (props) => {
     "quality"
   ]);
   const qrCode2 = useQrCodeContext();
-  const mergedProps = mergeProps(
-    () => qrCode2().getDownloadTriggerProps(downloadTriggerProps),
-    localProps
-  );
+  const mergedProps = mergeProps(() => qrCode2().getDownloadTriggerProps(downloadTriggerProps), localProps);
   return <ark.button {...mergedProps} />;
 };
 
@@ -73,21 +73,18 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import * as qrCode from "@zag-js/qr-code";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useQrCode = (props = {}) => {
+var useQrCode = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(qrCode.machine(context()), {
-    context
-  });
-  return createMemo(() => qrCode.connect(state, send, normalizeProps));
+  const service = useMachine(qrCode.machine, machineProps);
+  return createMemo(() => qrCode.connect(service, normalizeProps));
 };
 
 // src/components/qr-code/qr-code-root.tsx
@@ -98,6 +95,7 @@ var QrCodeRoot = (props) => {
     "id",
     "ids",
     "onValueChange",
+    "pixelSize",
     "value"
   ]);
   const api = useQrCode(useQrCodeProps);

package/dist/chunk/{TC2QHQ47.jsx → Z254KIAA.jsx}

@@ -6,24 +6,25 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
 
 // src/components/segment-group/use-segment-group-context.ts
-var [SegmentGroupProvider, useSegmentGroupContext] = createContext(
-  {
-    hookName: "useSegmentGroupContext",
-    providerName: "<SegmentGroupProvider />"
-  }
-);
+var [SegmentGroupProvider, useSegmentGroupContext] = createContext({
+  hookName: "useSegmentGroupContext",
+  providerName: "<SegmentGroupProvider />"
+});
 
 // src/components/segment-group/segment-group-context.tsx
 var SegmentGroupContext = (props) => props.children(useSegmentGroupContext());
@@ -39,11 +40,7 @@ var parts = segmentGroupAnatomy.build();
 // src/components/segment-group/segment-group-indicator.tsx
 var SegmentGroupIndicator = (props) => {
   const segmentGroup2 = useSegmentGroupContext();
-  const mergedProps = mergeProps(
-    () => segmentGroup2().getIndicatorProps(),
-    parts.indicator.attrs,
-    props
-  );
+  const mergedProps = mergeProps(() => segmentGroup2().getIndicatorProps(), parts.indicator.attrs, props);
   return <ark.div {...mergedProps} />;
 };
 
@@ -65,17 +62,9 @@ var [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createCon
 
 // src/components/segment-group/segment-group-item.tsx
 var SegmentGroupItem = (props) => {
-  const [itemProps, localProps] = createSplitProps()(props, [
-    "value",
-    "disabled",
-    "invalid"
-  ]);
+  const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled", "invalid"]);
   const segmentGroup2 = useSegmentGroupContext();
-  const mergedProps = mergeProps2(
-    () => segmentGroup2().getItemProps(itemProps),
-    parts.item.attrs,
-    localProps
-  );
+  const mergedProps = mergeProps2(() => segmentGroup2().getItemProps(itemProps), parts.item.attrs, localProps);
   const itemState = createMemo(() => segmentGroup2().getItemState(itemProps));
   return <SegmentGroupItemPropsProvider value={itemProps}>
       <SegmentGroupItemProvider value={itemState}>
@@ -92,11 +81,7 @@ import { mergeProps as mergeProps3 } from "@zag-js/solid";
 var SegmentGroupItemControl = (props) => {
   const segmentGroup2 = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
-  const mergedProps = mergeProps3(
-    () => segmentGroup2().getItemControlProps(itemProps),
-    parts.itemControl.attrs,
-    props
-  );
+  const mergedProps = mergeProps3(() => segmentGroup2().getItemControlProps(itemProps), parts.itemControl.attrs, props);
   return <ark.div {...mergedProps} />;
 };
 
@@ -114,11 +99,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 var SegmentGroupItemText = (props) => {
   const segmentGroup2 = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
-  const mergedProps = mergeProps5(
-    () => segmentGroup2().getItemTextProps(itemProps),
-    parts.itemText.attrs,
-    props
-  );
+  const mergedProps = mergeProps5(() => segmentGroup2().getItemTextProps(itemProps), parts.itemText.attrs, props);
   return <ark.span {...mergedProps} />;
 };
 
@@ -137,19 +118,18 @@ import { mergeProps as mergeProps7 } from "@zag-js/solid";
 import * as segmentGroup from "@zag-js/radio-group";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
-var useSegmentGroup = (props = {}) => {
+var useSegmentGroup = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo2(() => ({
+  const machineProps = createMemo2(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(segmentGroup.machine(context()), { context });
-  return createMemo2(() => segmentGroup.connect(state, send, normalizeProps));
+  const service = useMachine(segmentGroup.machine, machineProps);
+  return createMemo2(() => segmentGroup.connect(service, normalizeProps));
 };
 
 // src/components/segment-group/segment-group-root.tsx
@@ -176,9 +156,7 @@ var SegmentGroupRoot = (props) => {
 // src/components/segment-group/segment-group-root-provider.tsx
 import { mergeProps as mergeProps8 } from "@zag-js/solid";
 var SegmentGroupRootProvider = (props) => {
-  const [{ value: segmentGroup2 }, localProps] = createSplitProps()(props, [
-    "value"
-  ]);
+  const [{ value: segmentGroup2 }, localProps] = createSplitProps()(props, ["value"]);
   const mergedProps = mergeProps8(() => segmentGroup2().getRootProps(), parts.root.attrs, localProps);
   return <SegmentGroupProvider value={segmentGroup2}>
       <ark.div {...mergedProps} />

package/dist/chunk/{W43X4SNE.js → Z2TDX72A.js}

@@ -1,8 +1,9 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -28,18 +29,18 @@ var AvatarImage = (props) => {
   const mergedProps = mergeProps(() => context().getImageProps(), props);
   return createComponent(ark.img, mergedProps);
 };
-var useAvatar = (props = {}) => {
+var useAvatar = (props) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(avatar.machine(context()), { context });
-  return createMemo(() => avatar.connect(state, send, normalizeProps));
+  const service = useMachine(avatar.machine, machineProps);
+  return createMemo(() => avatar.connect(service, normalizeProps));
 };
 
 // src/components/avatar/avatar-root.tsx

package/dist/chunk/{6YQ3EF2J.js → ZGXZNLX2.js}

@@ -1,10 +1,11 @@
-import { usePresence, usePresenceContext, splitPresenceProps, PresenceProvider } from './LCESUDZB.js';
-import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './OY4ARTMM.js';
+import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -74,20 +75,18 @@ var DialogPositioner = (props) => {
     }
   });
 };
-var useDialog = (props = {}) => {
+var useDialog = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(dialog.machine(context()), { context });
-  return createMemo(() => dialog.connect(state, send, normalizeProps));
+  const service = useMachine(dialog.machine, machineProps);
+  return createMemo(() => dialog.connect(service, normalizeProps));
 };
 
 // src/components/dialog/dialog-root.tsx

package/dist/chunk/{R6RE56DG.jsx → ZJM2GZS7.jsx}

@@ -1,6 +1,9 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 
 // src/components/highlight/highlight.tsx
 import { For, Show } from "solid-js";
@@ -9,7 +12,7 @@ import { For, Show } from "solid-js";
 import { highlightWord } from "@zag-js/highlight-word";
 import { createMemo } from "solid-js";
 var useHighlight = (props) => {
-  return createMemo(() => highlightWord(props));
+  return createMemo(() => highlightWord(runIfFn(props)));
 };
 
 // src/components/highlight/highlight.tsx

package/dist/chunk/{UGKLUHKU.js → ZOGAU3AQ.js}

@@ -1,8 +1,9 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -39,26 +40,23 @@ var QrCodePattern = (props) => {
   const mergedProps = mergeProps(() => qrCode2().getPatternProps(), props);
   return createComponent(ark.path, mergedProps);
 };
-var useQrCode = (props = {}) => {
+var useQrCode = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(qrCode.machine(context()), {
-    context
-  });
-  return createMemo(() => qrCode.connect(state, send, normalizeProps));
+  const service = useMachine(qrCode.machine, machineProps);
+  return createMemo(() => qrCode.connect(service, normalizeProps));
 };
 
 // src/components/qr-code/qr-code-root.tsx
 var QrCodeRoot = (props) => {
-  const [useQrCodeProps, restProps] = createSplitProps()(props, ["defaultValue", "encoding", "id", "ids", "onValueChange", "value"]);
+  const [useQrCodeProps, restProps] = createSplitProps()(props, ["defaultValue", "encoding", "id", "ids", "onValueChange", "pixelSize", "value"]);
   const api = useQrCode(useQrCodeProps);
   const mergedProps = mergeProps(() => api().getRootProps(), restProps);
   return createComponent(QrCodeProvider, {

package/dist/chunk/{7PKUSZKY.jsx → ZPSBF7S2.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./P7I44WC4.jsx";
+} from "./UCYPIMZC.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,13 +9,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -70,12 +73,12 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import * as pinInput from "@zag-js/pin-input";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var usePinInput = (props = {}) => {
+var usePinInput = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -87,11 +90,10 @@ var usePinInput = (props = {}) => {
     invalid: field?.().invalid,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(pinInput.machine(context()), { context });
-  return createMemo(() => pinInput.connect(state, send, normalizeProps));
+  const service = useMachine(pinInput.machine, machineProps);
+  return createMemo(() => pinInput.connect(service, normalizeProps));
 };
 
 // src/components/pin-input/pin-input-root.tsx
@@ -99,6 +101,7 @@ var PinInputRoot = (props) => {
   const [usePinInputProps, localProps] = createSplitProps()(props, [
     "autoFocus",
     "blurOnComplete",
+    "count",
     "defaultValue",
     "disabled",
     "form",

package/dist/chunk/{RZBYC7DR.jsx → ZYF7GVNI.jsx}

@@ -6,7 +6,10 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -49,27 +52,22 @@ var FieldsetLegend = (props) => {
 };
 
 // src/components/fieldset/fieldset-root.tsx
-import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
 
 // src/components/fieldset/use-fieldset.ts
 import { getWindow } from "@zag-js/dom-query";
-import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
+import { createEffect, createMemo, createSignal, createUniqueId, mergeProps as mergeProps4, onCleanup } from "solid-js";
 
 // src/components/fieldset/fieldset.anatomy.ts
 import { createAnatomy } from "@zag-js/anatomy";
-var fieldsetAnatomy = createAnatomy("fieldset").parts(
-  "root",
-  "errorText",
-  "helperText",
-  "legend"
-);
+var fieldsetAnatomy = createAnatomy("fieldset").parts("root", "errorText", "helperText", "legend");
 var parts = fieldsetAnatomy.build();
 
 // src/components/fieldset/use-fieldset.ts
 var useFieldset = (props) => {
-  const { disabled = false, invalid = false } = props;
+  const mergedProps = mergeProps4({ disabled: false, invalid: false }, runIfFn(props));
   let rootRef;
-  const id = props.id ?? createUniqueId();
+  const id = mergedProps.id ?? createUniqueId();
   const errorTextId = `fieldset::${id}::error-text`;
   const helperTextId = `fieldset::${id}::helper-text`;
   const [hasErrorText, setHasErrorText] = createSignal(false);
@@ -89,19 +87,19 @@ var useFieldset = (props) => {
     onCleanup(() => observer.disconnect());
   });
   const labelIds = [];
-  if (hasErrorText() && invalid) labelIds.push(errorTextId);
+  if (hasErrorText() && mergedProps.invalid) labelIds.push(errorTextId);
   if (hasHelperText()) labelIds.push(helperTextId);
   const getRootProps = () => ({
     ...parts.root.attrs,
-    disabled,
-    "data-disabled": dataAttr(disabled),
-    "data-invalid": dataAttr(invalid),
+    disabled: mergedProps.disabled,
+    "data-disabled": dataAttr(mergedProps.disabled),
+    "data-invalid": dataAttr(mergedProps.invalid),
     "aria-describedby": labelIds.join(" ") || void 0
   });
   const getLegendProps = () => ({
     ...parts.legend.attrs,
-    "data-disabled": dataAttr(disabled),
-    "data-invalid": dataAttr(invalid)
+    "data-disabled": dataAttr(mergedProps.disabled),
+    "data-invalid": dataAttr(mergedProps.invalid)
   });
   const getHelperTextProps = () => ({
     id: helperTextId,
@@ -116,8 +114,8 @@ var useFieldset = (props) => {
     refs: {
       rootRef
     },
-    disabled,
-    invalid,
+    disabled: mergedProps.disabled,
+    invalid: mergedProps.invalid,
     getRootProps,
     getLegendProps,
     getHelperTextProps,
@@ -128,13 +126,9 @@ var dataAttr = (condition) => condition ? "" : void 0;
 
 // src/components/fieldset/fieldset-root.tsx
 var FieldsetRoot = (props) => {
-  const [useFieldsetProps, localProps] = createSplitProps()(props, [
-    "id",
-    "disabled",
-    "invalid"
-  ]);
+  const [useFieldsetProps, localProps] = createSplitProps()(props, ["id", "disabled", "invalid"]);
   const fieldset = useFieldset(useFieldsetProps);
-  const mergedProps = mergeProps4(() => fieldset().getRootProps(), localProps);
+  const mergedProps = mergeProps5(() => fieldset().getRootProps(), localProps);
   return <FieldsetProvider value={fieldset}>
       <ark.fieldset {...mergedProps} />
     </FieldsetProvider>;
@@ -142,10 +136,10 @@ var FieldsetRoot = (props) => {
 FieldsetRoot.displayName = "FieldsetRoot";
 
 // src/components/fieldset/fieldset-root-provider.tsx
-import { mergeProps as mergeProps5 } from "@zag-js/solid";
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var FieldsetRootProvider = (props) => {
   const [{ value: fieldset }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps5(() => fieldset().getRootProps(), localProps);
+  const mergedProps = mergeProps6(() => fieldset().getRootProps(), localProps);
   return <FieldsetProvider value={fieldset}>
       <ark.fieldset {...mergedProps} />
     </FieldsetProvider>;

package/dist/components/accordion/index.d.ts

@@ -4,20 +4,15 @@ export { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails a
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional } from '../../types-B277wCdv.js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { R as RenderStrategyProps } from '../../render-strategy-B5MqQP3X.js';
 
-interface UseAccordionProps extends Optional<Omit<accordion$1.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial value of the accordion when it is first rendered.
-     * Use when you do not need to control the state of the color picker.
-     */
-    defaultValue?: accordion$1.Context['value'];
+interface UseAccordionProps extends Optional<Omit<accordion$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseAccordionReturn extends Accessor<accordion$1.Api<PropTypes>> {
 }
-declare const useAccordion: (props?: UseAccordionProps) => UseAccordionReturn;
+declare const useAccordion: (props?: MaybeAccessor<UseAccordionProps>) => UseAccordionReturn;
 
 interface UseAccordionContext extends UseAccordionReturn {
 }

package/dist/components/accordion/index.js

@@ -1 +1 @@
-export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/34OZO53S.js';
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/QTSWXPKO.js';

package/dist/components/accordion/index.jsx

@@ -12,16 +12,16 @@ import {
   useAccordion,
   useAccordionContext,
   useAccordionItemContext
-} from "../../chunk/SJSLQDBZ.jsx";
-import "../../chunk/B7LE23PE.jsx";
-import "../../chunk/5ONYCKM3.jsx";
+} from "../../chunk/CSDXHOTM.jsx";
+import "../../chunk/WNIFZKTJ.jsx";
+import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   accordion_exports as Accordion,

package/dist/components/avatar/index.d.ts

@@ -4,14 +4,14 @@ export { StatusChangeDetails as AvatarStatusChangeDetails, anatomy as avatarAnat
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional } from '../../types-B277wCdv.js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 
-interface UseAvatarProps extends Optional<Omit<avatar$1.Context, 'dir' | 'getRootNode'>, 'id'> {
+interface UseAvatarProps extends Optional<Omit<avatar$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseAvatarReturn extends Accessor<avatar$1.Api<PropTypes>> {
 }
-declare const useAvatar: (props?: UseAvatarProps) => UseAvatarReturn;
+declare const useAvatar: (props?: MaybeAccessor<UseAvatarProps>) => UseAvatarReturn;
 
 interface UseAvatarContext extends UseAvatarReturn {
 }

package/dist/components/avatar/index.js

@@ -1 +1 @@
-export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/W43X4SNE.js';
+export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/Z2TDX72A.js';

package/dist/components/avatar/index.jsx

@@ -8,14 +8,14 @@ import {
   avatar_exports,
   useAvatar,
   useAvatarContext
-} from "../../chunk/NK4T7LIZ.jsx";
+} from "../../chunk/MA35L6TV.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/D2Z5BEON.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   avatar_exports as Avatar,

package/dist/components/carousel/index.d.ts

@@ -3,9 +3,9 @@ import { IndicatorProps, ItemProps, AutoplayStatusDetails, DragStatusDetails, Pa
 export { AutoplayStatusDetails as CarouselAutoplayStatusDetails, DragStatusDetails as CarouselDragStatusDetails, PageChangeDetails as CarouselPageChangeDetails, anatomy as carouselAnatomy } from '@zag-js/carousel';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional } from '../../types-B277wCdv.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
 
 interface CarouselAutoplayTriggerBaseProps extends PolymorphicProps<'button'> {
 }
@@ -13,16 +13,11 @@ interface CarouselAutoplayTriggerProps extends HTMLProps<'button'>, CarouselAuto
 }
 declare const CarouselAutoplayTrigger: (props: CarouselAutoplayTriggerProps) => solid_js.JSX.Element;
 
-interface UseCarouselProps extends Optional<Omit<carousel$1.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial page of the carousel when it is first rendered.
-     * Use this when you do not need to control the state of the carousel.
-     */
-    defaultPage?: carousel$1.Context['page'];
+interface UseCarouselProps extends Optional<Omit<carousel$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseCarouselReturn extends Accessor<carousel$1.Api<PropTypes>> {
 }
-declare const useCarousel: (props?: UseCarouselProps) => UseCarouselReturn;
+declare const useCarousel: (props: MaybeAccessor<UseCarouselProps>) => UseCarouselReturn;
 
 interface UseCarouselContext extends UseCarouselReturn {
 }