@ariakit/react-core 0.3.14 → 0.4.1

package/esm/__chunks/DMSZFK7W.js

@@ -0,0 +1,131 @@
+"use client";
+import {
+  flipItems
+} from "./3IEDWLST.js";
+import {
+  useCompositeContext
+} from "./3D6OCOHF.js";
+import {
+  createElement,
+  createHook,
+  forwardRef
+} from "./5M6RSQEC.js";
+import {
+  useEvent
+} from "./6O5OEQGF.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4R3V3JGP.js";
+
+// src/composite/composite-typeahead.ts
+import { useRef } from "react";
+import { isTextField } from "@ariakit/core/utils/dom";
+import { isSelfTarget } from "@ariakit/core/utils/events";
+import {
+  invariant,
+  normalizeString,
+  removeUndefinedValues
+} from "@ariakit/core/utils/misc";
+var TagName = "div";
+var chars = "";
+function clearChars() {
+  chars = "";
+}
+function isValidTypeaheadEvent(event) {
+  const target = event.target;
+  if (target && isTextField(target))
+    return false;
+  if (event.key === " " && chars.length)
+    return true;
+  return event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey && /^[\p{Letter}\p{Number}]$/u.test(event.key);
+}
+function isSelfTargetOrItem(event, items) {
+  if (isSelfTarget(event))
+    return true;
+  const target = event.target;
+  if (!target)
+    return false;
+  const isItem = items.some((item) => item.element === target);
+  return isItem;
+}
+function getEnabledItems(items) {
+  return items.filter((item) => !item.disabled);
+}
+function itemTextStartsWith(item, text) {
+  var _a;
+  const itemText = ((_a = item.element) == null ? void 0 : _a.textContent) || item.children;
+  if (!itemText)
+    return false;
+  return normalizeString(itemText).trim().toLowerCase().startsWith(text.toLowerCase());
+}
+function getSameInitialItems(items, char, activeId) {
+  if (!activeId)
+    return items;
+  const activeItem = items.find((item) => item.id === activeId);
+  if (!activeItem)
+    return items;
+  if (!itemTextStartsWith(activeItem, char))
+    return items;
+  if (chars !== char && itemTextStartsWith(activeItem, chars))
+    return items;
+  chars = char;
+  return flipItems(
+    items.filter((item) => itemTextStartsWith(item, chars)),
+    activeId
+  ).filter((item) => item.id !== activeId);
+}
+var useCompositeTypeahead = createHook(function useCompositeTypeahead2(_a) {
+  var _b = _a, { store, typeahead = true } = _b, props = __objRest(_b, ["store", "typeahead"]);
+  const context = useCompositeContext();
+  store = store || context;
+  invariant(
+    store,
+    process.env.NODE_ENV !== "production" && "CompositeTypeahead must be a Composite component"
+  );
+  const onKeyDownCaptureProp = props.onKeyDownCapture;
+  const cleanupTimeoutRef = useRef(0);
+  const onKeyDownCapture = useEvent((event) => {
+    onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
+    if (event.defaultPrevented)
+      return;
+    if (!typeahead)
+      return;
+    if (!store)
+      return;
+    const { items, activeId } = store.getState();
+    if (!isValidTypeaheadEvent(event))
+      return clearChars();
+    let enabledItems = getEnabledItems(items);
+    if (!isSelfTargetOrItem(event, enabledItems))
+      return clearChars();
+    event.preventDefault();
+    window.clearTimeout(cleanupTimeoutRef.current);
+    cleanupTimeoutRef.current = window.setTimeout(() => {
+      chars = "";
+    }, 500);
+    const char = event.key.toLowerCase();
+    chars += char;
+    enabledItems = getSameInitialItems(enabledItems, char, activeId);
+    const item = enabledItems.find((item2) => itemTextStartsWith(item2, chars));
+    if (item) {
+      store.move(item.id);
+    } else {
+      clearChars();
+    }
+  });
+  props = __spreadProps(__spreadValues({}, props), {
+    onKeyDownCapture
+  });
+  return removeUndefinedValues(props);
+});
+var CompositeTypeahead = forwardRef(function CompositeTypeahead2(props) {
+  const htmlProps = useCompositeTypeahead(props);
+  return createElement(TagName, htmlProps);
+});
+
+export {
+  useCompositeTypeahead,
+  CompositeTypeahead
+};

package/esm/__chunks/{XHRZYRZ5.js → E47ASM2Y.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   useHeading
-} from "./P4FX6ZFL.js";
+} from "./7HFLDZTS.js";
 import {
   DialogHeadingContext
-} from "./G6BJYYBK.js";
+} from "./XXVAHUAO.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "./3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "./5M6RSQEC.js";
 import {
   useId,
   useSafeLayoutEffect
@@ -21,8 +21,9 @@ import {
 
 // src/dialog/dialog-heading.ts
 import { useContext } from "react";
+var TagName = "h1";
 var useDialogHeading = createHook(
-  (_a) => {
+  function useDialogHeading2(_a) {
     var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const setHeadingId = useContext(DialogHeadingContext);
     const id = useId(props.id);
@@ -37,13 +38,10 @@ var useDialogHeading = createHook(
     return props;
   }
 );
-var DialogHeading = createComponent((props) => {
+var DialogHeading = forwardRef(function DialogHeading2(props) {
   const htmlProps = useDialogHeading(props);
-  return createElement("h1", htmlProps);
+  return createElement(TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  DialogHeading.displayName = "DialogHeading";
-}
 
 export {
   useDialogHeading,

package/esm/__chunks/{ZU7LQC5V.js → E5E7G32I.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   usePopoverStoreProps
-} from "./MG4P3223.js";
+} from "./XWCFCD3Q.js";
 import {
   useStore,
   useStoreProps
@@ -10,11 +10,10 @@ import {
 // src/hovercard/hovercard-store.ts
 import * as Core from "@ariakit/core/hovercard/hovercard-store";
 function useHovercardStoreProps(store, update, props) {
-  store = usePopoverStoreProps(store, update, props);
   useStoreProps(store, props, "timeout");
   useStoreProps(store, props, "showTimeout");
   useStoreProps(store, props, "hideTimeout");
-  return store;
+  return usePopoverStoreProps(store, update, props);
 }
 function useHovercardStore(props = {}) {
   const [store, update] = useStore(Core.createHovercardStore, props);

package/esm/__chunks/ED7XMMMU.js

@@ -0,0 +1,29 @@
+"use client";
+import {
+  useGroupLabel
+} from "./TH2YTBRW.js";
+import {
+  createElement,
+  createHook,
+  forwardRef
+} from "./5M6RSQEC.js";
+import {
+  __objRest
+} from "./4R3V3JGP.js";
+
+// src/composite/composite-group-label.ts
+var TagName = "div";
+var useCompositeGroupLabel = createHook(function useCompositeGroupLabel2(_a) {
+  var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+  props = useGroupLabel(props);
+  return props;
+});
+var CompositeGroupLabel = forwardRef(function CompositeGroupLabel2(props) {
+  const htmlProps = useCompositeGroupLabel(props);
+  return createElement(TagName, htmlProps);
+});
+
+export {
+  useCompositeGroupLabel,
+  CompositeGroupLabel
+};

package/esm/__chunks/{HHNFDKU2.js → EF4Q2SSO.js}

@@ -2,21 +2,21 @@
 import {
   MenuScopedContextProvider,
   useMenuProviderContext
-} from "./YGMEBI3A.js";
+} from "./IG6NVGLB.js";
 import {
   useCompositeTypeahead
-} from "./346FK57L.js";
+} from "./DMSZFK7W.js";
 import {
   useComposite
-} from "./7QTPYGNZ.js";
+} from "./FTNKYK65.js";
 import {
   isHidden
-} from "./CLE7NTOY.js";
+} from "./RQZGFHI2.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "./3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "./5M6RSQEC.js";
 import {
   useStoreState
 } from "./EKQEJRUF.js";
@@ -36,6 +36,7 @@ import {
 import { useEffect, useState } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
+var TagName = "div";
 function useAriaLabelledBy(_a) {
   var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
   const [id, setId] = useState(void 0);
@@ -59,7 +60,7 @@ function useAriaLabelledBy(_a) {
   return id;
 }
 var useMenuList = createHook(
-  (_a) => {
+  function useMenuList2(_a) {
     var _b = _a, { store, alwaysVisible, composite } = _b, props = __objRest(_b, ["store", "alwaysVisible", "composite"]);
     const context = useMenuProviderContext();
     store = store || context;
@@ -164,13 +165,10 @@ var useMenuList = createHook(
     return props;
   }
 );
-var MenuList = createComponent((props) => {
+var MenuList = forwardRef(function MenuList2(props) {
   const htmlProps = useMenuList(props);
-  return createElement("div", htmlProps);
+  return createElement(TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuList.displayName = "MenuList";
-}
 
 export {
   useMenuList,

package/esm/__chunks/{VPR2WHQV.js → EUN6HFWO.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./3ORBWXWF.js";
+} from "./5M6RSQEC.js";
 
 // src/checkbox/checkbox-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{7QTPYGNZ.js → FTNKYK65.js}

@@ -9,15 +9,15 @@ import {
 import {
   CompositeContextProvider,
   useCompositeProviderContext
-} from "./IB7YUKH5.js";
+} from "./3D6OCOHF.js";
 import {
   useFocusable
-} from "./KK7H3W2B.js";
+} from "./WAZE6NXP.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "./3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "./5M6RSQEC.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -43,6 +43,7 @@ import {
 import { focusIntoView, hasFocus } from "@ariakit/core/utils/focus";
 import { invariant } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
+var TagName = "div";
 function isGrid(items) {
   return items.some((item) => !!item.rowId);
 }
@@ -109,7 +110,7 @@ function useScheduleFocus(store) {
   return schedule;
 }
 var useComposite = createHook(
-  (_a) => {
+  function useComposite2(_a) {
     var _b = _a, {
       store,
       composite = true,
@@ -350,13 +351,10 @@ var useComposite = createHook(
     return props;
   }
 );
-var Composite = createComponent((props) => {
+var Composite = forwardRef(function Composite2(props) {
   const htmlProps = useComposite(props);
-  return createElement("div", htmlProps);
+  return createElement(TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Composite.displayName = "Composite";
-}
 
 export {
   useComposite,

package/esm/__chunks/{7X4DYKYU.js → FWINX72I.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   useHovercardProviderContext
-} from "./TI7CMBHW.js";
+} from "./TWDHCE7Y.js";
 import {
   useFocusable
-} from "./KK7H3W2B.js";
+} from "./WAZE6NXP.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "./3ORBWXWF.js";
+  createHook,
+  forwardRef
+} from "./5M6RSQEC.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -26,8 +26,9 @@ import {
 import { useCallback, useEffect, useRef } from "react";
 import { addGlobalEventListener } from "@ariakit/core/utils/events";
 import { disabledFromProps, invariant } from "@ariakit/core/utils/misc";
+var TagName = "a";
 var useHovercardAnchor = createHook(
-  (_a) => {
+  function useHovercardAnchor2(_a) {
     var _b = _a, { store, showOnHover = true } = _b, props = __objRest(_b, ["store", "showOnHover"]);
     const context = useHovercardProviderContext();
     store = store || context;
@@ -55,43 +56,41 @@ var useHovercardAnchor = createHook(
     const onMouseMoveProp = props.onMouseMove;
     const showOnHoverProp = useBooleanEvent(showOnHover);
     const isMouseMoving = useIsMouseMoving();
-    const onMouseMove = useEvent(
-      (event) => {
-        onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
-        if (disabled)
-          return;
-        if (!store)
-          return;
-        if (event.defaultPrevented)
-          return;
-        if (showTimeoutRef.current)
-          return;
+    const onMouseMove = useEvent((event) => {
+      onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
+      if (disabled)
+        return;
+      if (!store)
+        return;
+      if (event.defaultPrevented)
+        return;
+      if (showTimeoutRef.current)
+        return;
+      if (!isMouseMoving())
+        return;
+      if (!showOnHoverProp(event))
+        return;
+      const element = event.currentTarget;
+      store.setAnchorElement(element);
+      store.setDisclosureElement(element);
+      const { showTimeout, timeout } = store.getState();
+      const showHovercard = () => {
+        showTimeoutRef.current = 0;
         if (!isMouseMoving())
           return;
-        if (!showOnHoverProp(event))
-          return;
-        const element = event.currentTarget;
-        store.setAnchorElement(element);
-        store.setDisclosureElement(element);
-        const { showTimeout, timeout } = store.getState();
-        const showHovercard = () => {
-          showTimeoutRef.current = 0;
-          if (!isMouseMoving())
-            return;
-          store == null ? void 0 : store.setAnchorElement(element);
-          store == null ? void 0 : store.show();
-          queueMicrotask(() => {
-            store == null ? void 0 : store.setDisclosureElement(element);
-          });
-        };
-        const timeoutMs = showTimeout != null ? showTimeout : timeout;
-        if (timeoutMs === 0) {
-          showHovercard();
-        } else {
-          showTimeoutRef.current = window.setTimeout(showHovercard, timeoutMs);
-        }
+        store == null ? void 0 : store.setAnchorElement(element);
+        store == null ? void 0 : store.show();
+        queueMicrotask(() => {
+          store == null ? void 0 : store.setDisclosureElement(element);
+        });
+      };
+      const timeoutMs = showTimeout != null ? showTimeout : timeout;
+      if (timeoutMs === 0) {
+        showHovercard();
+      } else {
+        showTimeoutRef.current = window.setTimeout(showHovercard, timeoutMs);
       }
-    );
+    });
     const ref = useCallback(
       (element) => {
         if (!store)
@@ -111,15 +110,10 @@ var useHovercardAnchor = createHook(
     return props;
   }
 );
-var HovercardAnchor = createComponent(
-  (props) => {
-    const htmlProps = useHovercardAnchor(props);
-    return createElement("a", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  HovercardAnchor.displayName = "HovercardAnchor";
-}
+var HovercardAnchor = forwardRef(function HovercardAnchor2(props) {
+  const htmlProps = useHovercardAnchor(props);
+  return createElement(TagName, htmlProps);
+});
 
 export {
   useHovercardAnchor,

package/esm/__chunks/G7KEAOBE.js

@@ -0,0 +1,25 @@
+"use client";
+import {
+  useDialogDescription
+} from "./IKU53XMZ.js";
+import {
+  createElement,
+  createHook,
+  forwardRef
+} from "./5M6RSQEC.js";
+
+// src/popover/popover-description.ts
+var TagName = "p";
+var usePopoverDescription = createHook(function usePopoverDescription2(props) {
+  props = useDialogDescription(props);
+  return props;
+});
+var PopoverDescription = forwardRef(function PopoverDescription2(props) {
+  const htmlProps = usePopoverDescription(props);
+  return createElement(TagName, htmlProps);
+});
+
+export {
+  usePopoverDescription,
+  PopoverDescription
+};

package/esm/__chunks/{V4ZFXDFK.js → GEIG6TES.js}

@@ -2,10 +2,10 @@
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./4UUKJZ4V.js";
+} from "./MADQZZRL.js";
 import {
   createStoreContext
-} from "./3ORBWXWF.js";
+} from "./5M6RSQEC.js";
 
 // src/form/form-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/HA4U57LH.js

@@ -0,0 +1,78 @@
+"use client";
+import {
+  usePopoverContext
+} from "./TE637IA7.js";
+import {
+  createElement,
+  createHook,
+  forwardRef
+} from "./5M6RSQEC.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4R3V3JGP.js";
+
+// src/popover/popover-disclosure-arrow.tsx
+import { useMemo } from "react";
+import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
+import { jsx } from "react/jsx-runtime";
+var TagName = "span";
+var pointsMap = {
+  top: "4,10 8,6 12,10",
+  right: "6,4 10,8 6,12",
+  bottom: "4,6 8,10 12,6",
+  left: "10,4 6,8 10,12"
+};
+var usePopoverDisclosureArrow = createHook(function usePopoverDisclosureArrow2(_a) {
+  var _b = _a, { store, placement } = _b, props = __objRest(_b, ["store", "placement"]);
+  const context = usePopoverContext();
+  store = store || context;
+  invariant(
+    store,
+    process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component."
+  );
+  const position = store.useState((state) => placement || state.placement);
+  const dir = position.split("-")[0];
+  const points = pointsMap[dir];
+  const children = useMemo(
+    () => /* @__PURE__ */ jsx(
+      "svg",
+      {
+        display: "block",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5pt",
+        viewBox: "0 0 16 16",
+        height: "1em",
+        width: "1em",
+        children: /* @__PURE__ */ jsx("polyline", { points })
+      }
+    ),
+    [points]
+  );
+  props = __spreadProps(__spreadValues({
+    children,
+    "aria-hidden": true
+  }, props), {
+    style: __spreadValues({
+      width: "1em",
+      height: "1em",
+      pointerEvents: "none"
+    }, props.style)
+  });
+  return removeUndefinedValues(props);
+});
+var PopoverDisclosureArrow = forwardRef(
+  function PopoverDisclosureArrow2(props) {
+    const htmlProps = usePopoverDisclosureArrow(props);
+    return createElement(TagName, htmlProps);
+  }
+);
+
+export {
+  usePopoverDisclosureArrow,
+  PopoverDisclosureArrow
+};

package/esm/__chunks/{SFCBA2JZ.js → HZJ2XALY.js}

@@ -14,7 +14,7 @@ function useDisclosureStoreProps(store, update, props) {
   useStoreProps(store, props, "open", "setOpen");
   useStoreProps(store, props, "mounted", "setMounted");
   useStoreProps(store, props, "animated");
-  return store;
+  return Object.assign(store, { disclosure: props.disclosure });
 }
 function useDisclosureStore(props = {}) {
   const [store, update] = useStore(Core.createDisclosureStore, props);

package/esm/__chunks/{ZSELSBRM.js → I62TROYO.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useDisclosureStoreProps
-} from "./SFCBA2JZ.js";
+} from "./HZJ2XALY.js";
 import {
   useStore
 } from "./EKQEJRUF.js";

package/esm/__chunks/IBZ5GRML.js

@@ -0,0 +1,27 @@
+"use client";
+import {
+  usePopoverHeading
+} from "./ZXBIDNZ3.js";
+import {
+  createElement,
+  createHook,
+  forwardRef
+} from "./5M6RSQEC.js";
+
+// src/hovercard/hovercard-heading.ts
+var TagName = "h1";
+var useHovercardHeading = createHook(
+  function useHovercardHeading2(props) {
+    props = usePopoverHeading(props);
+    return props;
+  }
+);
+var HovercardHeading = forwardRef(function HovercardHeading2(props) {
+  const htmlProps = useHovercardHeading(props);
+  return createElement(TagName, htmlProps);
+});
+
+export {
+  useHovercardHeading,
+  HovercardHeading
+};

package/esm/__chunks/IFT5JEUU.js

@@ -0,0 +1,40 @@
+"use client";
+import {
+  createElement,
+  createHook,
+  forwardRef
+} from "./5M6RSQEC.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4R3V3JGP.js";
+
+// src/visually-hidden/visually-hidden.ts
+var TagName = "span";
+var useVisuallyHidden = createHook(
+  function useVisuallyHidden2(props) {
+    props = __spreadProps(__spreadValues({}, props), {
+      style: __spreadValues({
+        border: 0,
+        clip: "rect(0 0 0 0)",
+        height: "1px",
+        margin: "-1px",
+        overflow: "hidden",
+        padding: 0,
+        position: "absolute",
+        whiteSpace: "nowrap",
+        width: "1px"
+      }, props.style)
+    });
+    return props;
+  }
+);
+var VisuallyHidden = forwardRef(function VisuallyHidden2(props) {
+  const htmlProps = useVisuallyHidden(props);
+  return createElement(TagName, htmlProps);
+});
+
+export {
+  useVisuallyHidden,
+  VisuallyHidden
+};