@ark-ui/solid 5.9.1 → 5.10.0

package/dist/chunk/ZG3NSN2X.jsx

@@ -0,0 +1,400 @@
+import {
+  createMachine
+} from "./ETB2BIQZ.jsx";
+import {
+  useFieldContext
+} from "./HQOIDGRU.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useLocaleContext
+} from "./YUC6JE7K.jsx";
+import {
+  useEnvironmentContext
+} from "./E2L62MKC.jsx";
+import {
+  createContext
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/password-input/use-password-input-context.ts
+var [PasswordInputProvider, usePasswordInputContext] = createContext({
+  hookName: "usePasswordInputContext",
+  providerName: "<PasswordInputProvider />"
+});
+
+// src/components/password-input/password-input-context.tsx
+var PasswordInputContext = (props2) => props2.children(usePasswordInputContext());
+
+// src/components/password-input/password-input-control.tsx
+import { mergeProps } from "@zag-js/solid";
+var PasswordInputControl = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps(() => passwordInput().getControlProps(), props2);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/password-input/password-input-indicator.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { Show } from "solid-js";
+var PasswordInputIndicator = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps2(() => passwordInput().getIndicatorProps(), props2);
+  return <ark.span {...mergedProps}>
+      <Show when={passwordInput().visible} fallback={props2.fallback}>
+        {props2.children}
+      </Show>
+    </ark.span>;
+};
+
+// src/components/password-input/password-input-input.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var PasswordInputInput = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps3(() => passwordInput().getInputProps(), props2);
+  const field = useFieldContext();
+  return <ark.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+// src/components/password-input/password-input-label.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var PasswordInputLabel = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps4(() => passwordInput().getLabelProps(), props2);
+  return <ark.label {...mergedProps} />;
+};
+
+// src/components/password-input/password-input-root.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+
+// ../../node_modules/@zag-js/password-input/dist/index.mjs
+import { createAnatomy } from "@zag-js/anatomy";
+import { dataAttr, isLeftClick, ariaAttr } from "@zag-js/dom-query";
+import { uuid, createSplitProps as createSplitProps2 } from "@zag-js/utils";
+import { createProps } from "@zag-js/types";
+var anatomy = createAnatomy("password-input").parts(
+  "root",
+  "input",
+  "label",
+  "control",
+  "indicator",
+  "visibilityTrigger"
+);
+var parts = anatomy.build();
+var getInputId = (ctx) => ctx.ids?.input ?? `p-input-${ctx.id}-input`;
+var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
+function connect(service, normalize) {
+  const { scope, prop, context } = service;
+  const visible = context.get("visible");
+  const disabled = !!prop("disabled");
+  const invalid = !!prop("invalid");
+  const readOnly = !!prop("readOnly");
+  const interactive = !(readOnly || disabled);
+  const translations = prop("translations");
+  return {
+    visible,
+    disabled,
+    invalid,
+    focus() {
+      getInputEl(scope)?.focus();
+    },
+    setVisible(value) {
+      service.send({ type: "VISIBILITY.SET", value });
+    },
+    toggleVisible() {
+      service.send({ type: "VISIBILITY.SET", value: !visible });
+    },
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs,
+        dir: prop("dir"),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    },
+    getLabelProps() {
+      return normalize.label({
+        ...parts.label.attrs,
+        htmlFor: getInputId(scope),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    },
+    getInputProps() {
+      return normalize.input({
+        ...parts.input.attrs,
+        id: getInputId(scope),
+        autoCapitalize: "off",
+        name: prop("name"),
+        required: prop("required"),
+        autoComplete: prop("autoComplete"),
+        spellCheck: false,
+        readOnly,
+        disabled,
+        type: visible ? "text" : "password",
+        "data-state": visible ? "visible" : "hidden",
+        "aria-invalid": ariaAttr(invalid),
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly),
+        ...prop("ignorePasswordManagers") ? passwordManagerProps : {}
+      });
+    },
+    getVisibilityTriggerProps() {
+      return normalize.button({
+        ...parts.visibilityTrigger.attrs,
+        type: "button",
+        tabIndex: -1,
+        "aria-controls": getInputId(scope),
+        "aria-expanded": visible,
+        "data-readonly": dataAttr(readOnly),
+        disabled,
+        "data-disabled": dataAttr(disabled),
+        "data-state": visible ? "visible" : "hidden",
+        "aria-label": translations?.visibilityTrigger?.(visible),
+        onPointerDown(event) {
+          if (!isLeftClick(event)) return;
+          if (!interactive) return;
+          event.preventDefault();
+          service.send({ type: "TRIGGER.CLICK" });
+        }
+      });
+    },
+    getIndicatorProps() {
+      return normalize.element({
+        ...parts.indicator.attrs,
+        "aria-hidden": true,
+        "data-state": visible ? "visible" : "hidden",
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    },
+    getControlProps() {
+      return normalize.element({
+        ...parts.control.attrs,
+        "data-disabled": dataAttr(disabled),
+        "data-invalid": dataAttr(invalid),
+        "data-readonly": dataAttr(readOnly)
+      });
+    }
+  };
+}
+var passwordManagerProps = {
+  // 1Password
+  "data-1p-ignore": "",
+  // LastPass
+  "data-lpignore": "true",
+  // Bitwarden
+  "data-bwignore": "true",
+  // Dashlane
+  "data-form-type": "other",
+  // Proton Pass
+  "data-protonpass-ignore": "true"
+};
+var machine = createMachine({
+  props({ props: props2 }) {
+    return {
+      id: uuid(),
+      defaultVisible: false,
+      autoComplete: "current-password",
+      ignorePasswordManagers: false,
+      ...props2,
+      translations: {
+        visibilityTrigger(visible) {
+          return visible ? "Hide password" : "Show password";
+        },
+        ...props2.translations
+      }
+    };
+  },
+  context({ prop, bindable }) {
+    return {
+      visible: bindable(() => ({
+        value: prop("visible"),
+        defaultValue: prop("defaultVisible"),
+        onChange(value) {
+          prop("onVisibilityChange")?.({ visible: value });
+        }
+      }))
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  effects: ["trackFormEvents"],
+  states: {
+    idle: {
+      on: {
+        "VISIBILITY.SET": {
+          actions: ["setVisibility"]
+        },
+        "TRIGGER.CLICK": {
+          actions: ["toggleVisibility", "focusInputEl"]
+        }
+      }
+    }
+  },
+  implementations: {
+    actions: {
+      setVisibility({ context, event }) {
+        context.set("visible", event.value);
+      },
+      toggleVisibility({ context }) {
+        context.set("visible", (c) => !c);
+      },
+      focusInputEl({ scope }) {
+        const inputEl = getInputEl(scope);
+        inputEl?.focus();
+      }
+    },
+    effects: {
+      trackFormEvents({ scope, send }) {
+        const inputEl = getInputEl(scope);
+        const form = inputEl?.form;
+        if (!form) return;
+        const win = scope.getWin();
+        const controller = new win.AbortController();
+        form.addEventListener(
+          "reset",
+          (event) => {
+            if (event.defaultPrevented) return;
+            send({ type: "VISIBILITY.SET", value: false });
+          },
+          { signal: controller.signal }
+        );
+        form.addEventListener(
+          "submit",
+          () => {
+            send({ type: "VISIBILITY.SET", value: false });
+          },
+          { signal: controller.signal }
+        );
+        return () => controller.abort();
+      }
+    }
+  }
+});
+var props = createProps()([
+  "defaultVisible",
+  "dir",
+  "id",
+  "onVisibilityChange",
+  "visible",
+  "ids",
+  "getRootNode",
+  "disabled",
+  "invalid",
+  "required",
+  "readOnly",
+  "translations",
+  "ignorePasswordManagers",
+  "autoComplete",
+  "name"
+]);
+var splitProps = createSplitProps2(props);
+
+// src/components/password-input/use-password-input.ts
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var usePasswordInput = (props2) => {
+  const id = createUniqueId();
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const field = useFieldContext();
+  const machineProps = createMemo(() => ({
+    id,
+    ids: {
+      input: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
+    invalid: field?.().invalid,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...runIfFn(props2)
+  }));
+  const service = useMachine(machine, machineProps);
+  return createMemo(() => connect(service, normalizeProps));
+};
+
+// src/components/password-input/password-input-root.tsx
+var PasswordInputRoot = (props2) => {
+  const [usePasswordInputProps, localProps] = createSplitProps()(props2, [
+    "autoComplete",
+    "defaultVisible",
+    "disabled",
+    "id",
+    "ids",
+    "ignorePasswordManagers",
+    "invalid",
+    "name",
+    "onVisibilityChange",
+    "readOnly",
+    "required",
+    "translations",
+    "visible"
+  ]);
+  const passwordInput = usePasswordInput(usePasswordInputProps);
+  const mergedProps = mergeProps5(() => passwordInput().getRootProps(), localProps);
+  return <PasswordInputProvider value={passwordInput}>
+      <ark.div {...mergedProps} />
+    </PasswordInputProvider>;
+};
+
+// src/components/password-input/password-input-root-provider.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var PasswordInputRootProvider = (props2) => {
+  const mergedProps = mergeProps6(() => props2.value().getRootProps(), props2);
+  return <PasswordInputProvider value={props2.value}>
+      <ark.div {...mergedProps} />
+    </PasswordInputProvider>;
+};
+
+// src/components/password-input/password-input-visibility-trigger.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var PasswordInputVisibilityTrigger = (props2) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps7(() => passwordInput().getVisibilityTriggerProps(), props2);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/password-input/password-input.ts
+var password_input_exports = {};
+__export(password_input_exports, {
+  Context: () => PasswordInputContext,
+  Control: () => PasswordInputControl,
+  Indicator: () => PasswordInputIndicator,
+  Input: () => PasswordInputInput,
+  Label: () => PasswordInputLabel,
+  Root: () => PasswordInputRoot,
+  RootProvider: () => PasswordInputRootProvider,
+  VisibilityTrigger: () => PasswordInputVisibilityTrigger
+});
+
+export {
+  usePasswordInputContext,
+  PasswordInputContext,
+  PasswordInputControl,
+  PasswordInputIndicator,
+  PasswordInputInput,
+  PasswordInputLabel,
+  anatomy,
+  usePasswordInput,
+  PasswordInputRoot,
+  PasswordInputRootProvider,
+  PasswordInputVisibilityTrigger,
+  password_input_exports
+};

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/CYHSVU5J.js';
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/VL4J24YY.js';

package/dist/components/accordion/index.jsx

@@ -12,14 +12,14 @@ import {
   useAccordion,
   useAccordionContext,
   useAccordionItemContext
-} from "../../chunk/FJ3FVOGG.jsx";
-import "../../chunk/TXKDDZVE.jsx";
+} from "../../chunk/IDNDLSEV.jsx";
+import "../../chunk/Z2BXVXSV.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/YUC6JE7K.jsx";
+import "../../chunk/E2L62MKC.jsx";
 import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";

package/dist/components/angle-slider/index.js

@@ -1 +1 @@
-export { angle_slider_exports as AngleSlider, AngleSliderContext, AngleSliderControl, AngleSliderHiddenInput, AngleSliderLabel, AngleSliderMarker, AngleSliderMarkerGroup, AngleSliderRoot, AngleSliderRootProvider, AngleSliderThumb, AngleSliderValueText, anatomy as angleSliderAnatomy, useAngleSlider, useAngleSliderContext } from '../../chunk/5TRVHZWX.js';
+export { angle_slider_exports as AngleSlider, AngleSliderContext, AngleSliderControl, AngleSliderHiddenInput, AngleSliderLabel, AngleSliderMarker, AngleSliderMarkerGroup, AngleSliderRoot, AngleSliderRootProvider, AngleSliderThumb, AngleSliderValueText, anatomy as angleSliderAnatomy, useAngleSlider, useAngleSliderContext } from '../../chunk/LB3LJBHI.js';

package/dist/components/angle-slider/index.jsx

@@ -13,12 +13,12 @@ import {
   angle_slider_exports,
   useAngleSlider,
   useAngleSliderContext
-} from "../../chunk/WIF7CNPH.jsx";
+} from "../../chunk/X5GWQYGE.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/YUC6JE7K.jsx";
+import "../../chunk/E2L62MKC.jsx";
 import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";

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/GAEOBWYL.js';
+export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/BOR6VUN5.js';

package/dist/components/avatar/index.jsx

@@ -8,12 +8,12 @@ import {
   avatar_exports,
   useAvatar,
   useAvatarContext
-} from "../../chunk/6RE6P43M.jsx";
+} from "../../chunk/7RYPC5LL.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/YUC6JE7K.jsx";
+import "../../chunk/E2L62MKC.jsx";
 import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";

package/dist/components/carousel/index.js

@@ -1 +1 @@
-export { carousel_exports as Carousel, CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, anatomy as carouselAnatomy, useCarousel, useCarouselContext } from '../../chunk/FH6GTC4M.js';
+export { carousel_exports as Carousel, CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, anatomy as carouselAnatomy, useCarousel, useCarouselContext } from '../../chunk/OKT2RIHV.js';

package/dist/components/carousel/index.jsx

@@ -14,12 +14,12 @@ import {
   carousel_exports,
   useCarousel,
   useCarouselContext
-} from "../../chunk/4JSIWK47.jsx";
+} from "../../chunk/7FASJWDK.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/YUC6JE7K.jsx";
+import "../../chunk/E2L62MKC.jsx";
 import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";

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

@@ -126,7 +126,7 @@ interface CheckboxRootProviderProps extends HTMLProps<'label'>, RootProviderProp
 }
 declare const CheckboxRootProvider: (props: CheckboxRootProviderProps) => solid_js.JSX.Element;
 
-declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "root" | "group" | "control" | "indicator">;
+declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "group" | "root" | "control" | "indicator">;
 
 interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {
 }

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/M2X4T5YI.js';
+export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/72JQEDEW.js';

package/dist/components/checkbox/index.jsx

@@ -13,15 +13,15 @@ import {
   useCheckboxContext,
   useCheckboxGroup,
   useCheckboxGroupContext
-} from "../../chunk/ZFEXDBTE.jsx";
-import "../../chunk/4HPQVVRP.jsx";
-import "../../chunk/ZYF7GVNI.jsx";
+} from "../../chunk/KNVMVQG6.jsx";
+import "../../chunk/HQOIDGRU.jsx";
+import "../../chunk/JY6PMVAK.jsx";
 import "../../chunk/DOBZPYAN.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/YUC6JE7K.jsx";
+import "../../chunk/E2L62MKC.jsx";
 import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";

package/dist/components/clipboard/index.js

@@ -1 +1 @@
-export { clipboard_exports as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, anatomy as clipboardAnatomy, useClipboard, useClipboardContext } from '../../chunk/EWPKE75H.js';
+export { clipboard_exports as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, anatomy as clipboardAnatomy, useClipboard, useClipboardContext } from '../../chunk/AIFOKNNI.js';

package/dist/components/clipboard/index.jsx

@@ -12,12 +12,12 @@ import {
   clipboard_exports,
   useClipboard,
   useClipboardContext
-} from "../../chunk/5T73FAJY.jsx";
+} from "../../chunk/GKS4JQZJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/YUC6JE7K.jsx";
+import "../../chunk/E2L62MKC.jsx";
 import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";

package/dist/components/collapsible/index.js

@@ -1 +1 @@
-export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, anatomy as collapsibleAnatomy, useCollapsible, useCollapsibleContext } from '../../chunk/XJRN7Y3Y.js';
+export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, anatomy as collapsibleAnatomy, useCollapsible, useCollapsibleContext } from '../../chunk/ROUJC6XC.js';

package/dist/components/collapsible/index.jsx

@@ -9,13 +9,13 @@ import {
   collapsible_exports,
   useCollapsible,
   useCollapsibleContext
-} from "../../chunk/TXKDDZVE.jsx";
+} from "../../chunk/Z2BXVXSV.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/YUC6JE7K.jsx";
+import "../../chunk/E2L62MKC.jsx";
 import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";

package/dist/components/collection.d.ts

@@ -1,5 +1,5 @@
 import { CollectionItem, CollectionOptions, ListCollection, TreeCollection, FilePathTreeNode, TreeNode, TreeCollectionOptions } from '@zag-js/collection';
-export { CollectionItem, ListCollection, SelectionMode, TreeCollection, TreeNode } from '@zag-js/collection';
+export { CollectionItem, CollectionOptions, GridCollectionOptions, ListCollection, SelectionMode, TreeCollection, TreeCollectionOptions, TreeNode } from '@zag-js/collection';
 
 declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
 

package/dist/components/color-picker/index.d.ts

@@ -206,7 +206,7 @@ interface ColorPickerViewProps extends HTMLProps<'div'>, ColorPickerViewBaseProp
 }
 declare const ColorPickerView: (props: ColorPickerViewProps) => solid_js.JSX.Element;
 
-declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "root" | "area" | "view" | "content" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
 
 declare const colorPicker_Color: typeof Color;
 declare const colorPicker_ColorFormat: typeof ColorFormat;

package/dist/components/color-picker/index.js

@@ -1 +1 @@
-export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parse as parseColor, useColorPicker, useColorPickerContext } from '../../chunk/UZZB2PYN.js';
+export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parse as parseColor, useColorPicker, useColorPickerContext } from '../../chunk/DJCDFKG4.js';

package/dist/components/color-picker/index.jsx

@@ -33,17 +33,17 @@ import {
   parse,
   useColorPicker,
   useColorPickerContext
-} from "../../chunk/XCU56UHM.jsx";
-import "../../chunk/4HPQVVRP.jsx";
-import "../../chunk/ZYF7GVNI.jsx";
+} from "../../chunk/U7QDCJXT.jsx";
+import "../../chunk/HQOIDGRU.jsx";
+import "../../chunk/JY6PMVAK.jsx";
 import "../../chunk/WC2HBDLJ.jsx";
 import "../../chunk/DOBZPYAN.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/YUC6JE7K.jsx";
+import "../../chunk/E2L62MKC.jsx";
 import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";

package/dist/components/combobox/index.js

@@ -1,2 +1,2 @@
-export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, anatomy as comboboxAnatomy, useCombobox, useComboboxContext, useComboboxItemContext } from '../../chunk/HGBQUNKZ.js';
+export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, anatomy as comboboxAnatomy, useCombobox, useComboboxContext, useComboboxItemContext } from '../../chunk/QKDU2AEK.js';
 export { createListCollection } from '../../chunk/OAPCRIL5.js';

package/dist/components/combobox/index.jsx

@@ -21,9 +21,9 @@ import {
   useCombobox,
   useComboboxContext,
   useComboboxItemContext
-} from "../../chunk/ZRDDUT25.jsx";
-import "../../chunk/4HPQVVRP.jsx";
-import "../../chunk/ZYF7GVNI.jsx";
+} from "../../chunk/6XAZQVOY.jsx";
+import "../../chunk/HQOIDGRU.jsx";
+import "../../chunk/JY6PMVAK.jsx";
 import "../../chunk/WC2HBDLJ.jsx";
 import "../../chunk/DOBZPYAN.jsx";
 import {
@@ -33,8 +33,8 @@ import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/D2Z5BEON.jsx";
 import "../../chunk/YUC6JE7K.jsx";
+import "../../chunk/E2L62MKC.jsx";
 import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/7IUG3E2V.jsx";

package/dist/components/date-picker/index.d.ts

@@ -186,7 +186,7 @@ interface DatePickerYearSelectProps extends HTMLProps<'select'>, DatePickerYearS
 }
 declare const DatePickerYearSelect: (props: DatePickerYearSelectProps) => solid_js.JSX.Element;
 
-declare const datePickerAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "input" | "root" | "table" | "view" | "content" | "trigger" | "control" | "nextTrigger" | "prevTrigger" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;
+declare const datePickerAnatomy: _zag_js_anatomy.AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "control" | "nextTrigger" | "prevTrigger" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;
 
 declare const datePicker_DateValue: typeof DateValue;
 declare const datePicker_FocusChangeDetails: typeof FocusChangeDetails;