@ariakit/react-core 0.3.14 → 0.4.0

package/esm/__chunks/4ZEZYKUR.js

@@ -1,70 +0,0 @@
-"use client";
-import {
-  useDialogDisclosure
-} from "./H3TG2CZP.js";
-import {
-  usePopoverAnchor
-} from "./JCH6MLL2.js";
-import {
-  PopoverScopedContextProvider,
-  usePopoverProviderContext
-} from "./7H5KSHHF.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  useEvent,
-  useWrapElement
-} from "./6O5OEQGF.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/popover/popover-disclosure.tsx
-import { invariant } from "@ariakit/core/utils/misc";
-import { jsx } from "react/jsx-runtime";
-var usePopoverDisclosure = createHook(
-  (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = usePopoverProviderContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
-    );
-    const onClickProp = props.onClick;
-    const onClick = useEvent((event) => {
-      store == null ? void 0 : store.setAnchorElement(event.currentTarget);
-      onClickProp == null ? void 0 : onClickProp(event);
-    });
-    props = useWrapElement(
-      props,
-      (element) => /* @__PURE__ */ jsx(PopoverScopedContextProvider, { value: store, children: element }),
-      [store]
-    );
-    props = __spreadProps(__spreadValues({}, props), {
-      onClick
-    });
-    props = usePopoverAnchor(__spreadValues({ store }, props));
-    props = useDialogDisclosure(__spreadValues({ store }, props));
-    return props;
-  }
-);
-var PopoverDisclosure = createComponent(
-  (props) => {
-    const htmlProps = usePopoverDisclosure(props);
-    return createElement("button", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  PopoverDisclosure.displayName = "PopoverDisclosure";
-}
-
-export {
-  usePopoverDisclosure,
-  PopoverDisclosure
-};

package/esm/__chunks/5LK2LG7Q.js

@@ -1,35 +0,0 @@
-"use client";
-import {
-  useGroupLabel
-} from "./NT7GEZQU.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  __objRest
-} from "./4R3V3JGP.js";
-
-// src/composite/composite-group-label.ts
-var useCompositeGroupLabel = createHook(
-  (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    props = useGroupLabel(props);
-    return props;
-  }
-);
-var CompositeGroupLabel = createComponent(
-  (props) => {
-    const htmlProps = useCompositeGroupLabel(props);
-    return createElement("div", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  CompositeGroupLabel.displayName = "CompositeGroupLabel";
-}
-
-export {
-  useCompositeGroupLabel,
-  CompositeGroupLabel
-};

package/esm/__chunks/6N2ESJUH.js

@@ -1,31 +0,0 @@
-"use client";
-import {
-  usePopoverHeading
-} from "./RJDEYIKS.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-
-// src/hovercard/hovercard-heading.ts
-var useHovercardHeading = createHook(
-  (props) => {
-    props = usePopoverHeading(props);
-    return props;
-  }
-);
-var HovercardHeading = createComponent(
-  (props) => {
-    const htmlProps = useHovercardHeading(props);
-    return createElement("h1", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  HovercardHeading.displayName = "HovercardHeading";
-}
-
-export {
-  useHovercardHeading,
-  HovercardHeading
-};

package/esm/__chunks/ANIYCUCU.js

@@ -1,29 +0,0 @@
-"use client";
-import {
-  usePopoverDescription
-} from "./4CK3XZ4H.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-
-// src/hovercard/hovercard-description.ts
-var useHovercardDescription = createHook(
-  (props) => {
-    props = usePopoverDescription(props);
-    return props;
-  }
-);
-var HovercardDescription = createComponent((props) => {
-  const htmlProps = useHovercardDescription(props);
-  return createElement("p", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  HovercardDescription.displayName = "HovercardDescription";
-}
-
-export {
-  useHovercardDescription,
-  HovercardDescription
-};

package/esm/__chunks/BG6HZDS7.js

@@ -1,42 +0,0 @@
-"use client";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/visually-hidden/visually-hidden.ts
-var useVisuallyHidden = createHook((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 = createComponent(
-  (props) => {
-    const htmlProps = useVisuallyHidden(props);
-    return createElement("span", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  VisuallyHidden.displayName = "VisuallyHidden";
-}
-
-export {
-  useVisuallyHidden,
-  VisuallyHidden
-};

package/esm/__chunks/CHKJ74UC.js

@@ -1,43 +0,0 @@
-"use client";
-import {
-  useVisuallyHidden
-} from "./BG6HZDS7.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/focus-trap/focus-trap.ts
-var useFocusTrap = createHook((props) => {
-  props = __spreadProps(__spreadValues({
-    "data-focus-trap": "",
-    tabIndex: 0,
-    "aria-hidden": true
-  }, props), {
-    style: __spreadValues({
-      // Prevents unintended scroll jumps.
-      position: "fixed",
-      top: 0,
-      left: 0
-    }, props.style)
-  });
-  props = useVisuallyHidden(props);
-  return props;
-});
-var FocusTrap = createComponent((props) => {
-  const htmlProps = useFocusTrap(props);
-  return createElement("span", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  FocusTrap.displayName = "FocusTrap";
-}
-
-export {
-  useFocusTrap,
-  FocusTrap
-};

package/esm/__chunks/CLE7NTOY.js

@@ -1,156 +0,0 @@
-"use client";
-import {
-  DialogScopedContextProvider
-} from "./G6BJYYBK.js";
-import {
-  useDisclosureProviderContext
-} from "./OAYFXAQ2.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  useStoreState
-} from "./EKQEJRUF.js";
-import {
-  useId,
-  useMergeRefs,
-  useSafeLayoutEffect,
-  useWrapElement
-} from "./6O5OEQGF.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/disclosure/disclosure-content.tsx
-import { useState } from "react";
-import { invariant } from "@ariakit/core/utils/misc";
-import { jsx } from "react/jsx-runtime";
-function afterTimeout(timeoutMs, cb) {
-  const timeoutId = setTimeout(cb, timeoutMs);
-  return () => clearTimeout(timeoutId);
-}
-function afterPaint(cb) {
-  let raf = requestAnimationFrame(() => {
-    raf = requestAnimationFrame(cb);
-  });
-  return () => cancelAnimationFrame(raf);
-}
-function parseCSSTime(...times) {
-  return times.join(", ").split(", ").reduce((longestTime, currentTimeString) => {
-    const currentTime = parseFloat(currentTimeString || "0s") * 1e3;
-    if (currentTime > longestTime)
-      return currentTime;
-    return longestTime;
-  }, 0);
-}
-function isHidden(mounted, hidden, alwaysVisible) {
-  return !alwaysVisible && hidden !== false && (!mounted || !!hidden);
-}
-var useDisclosureContent = createHook(
-  (_a) => {
-    var _b = _a, { store, alwaysVisible } = _b, props = __objRest(_b, ["store", "alwaysVisible"]);
-    const context = useDisclosureProviderContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
-    );
-    const id = useId(props.id);
-    const [transition, setTransition] = useState(null);
-    const open = store.useState("open");
-    const mounted = store.useState("mounted");
-    const animated = store.useState("animated");
-    const contentElement = store.useState("contentElement");
-    useSafeLayoutEffect(() => {
-      if (!animated)
-        return;
-      if (!(contentElement == null ? void 0 : contentElement.isConnected)) {
-        setTransition(null);
-        return;
-      }
-      return afterPaint(() => {
-        setTransition(open ? "enter" : "leave");
-      });
-    }, [animated, contentElement, open]);
-    useSafeLayoutEffect(() => {
-      if (!store)
-        return;
-      if (!animated)
-        return;
-      if (!contentElement)
-        return;
-      if (!transition)
-        return;
-      if (transition === "enter" && !open)
-        return;
-      if (transition === "leave" && open)
-        return;
-      if (typeof animated === "number") {
-        const timeoutMs2 = animated;
-        return afterTimeout(timeoutMs2, store.stopAnimation);
-      }
-      const {
-        transitionDuration,
-        animationDuration,
-        transitionDelay,
-        animationDelay
-      } = getComputedStyle(contentElement);
-      const delay = parseCSSTime(transitionDelay, animationDelay);
-      const duration = parseCSSTime(transitionDuration, animationDuration);
-      const timeoutMs = delay + duration;
-      if (!timeoutMs)
-        return;
-      return afterTimeout(timeoutMs, store.stopAnimation);
-    }, [store, animated, contentElement, open, transition]);
-    props = useWrapElement(
-      props,
-      (element) => /* @__PURE__ */ jsx(DialogScopedContextProvider, { value: store, children: element }),
-      [store]
-    );
-    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
-    const style = hidden ? __spreadProps(__spreadValues({}, props.style), { display: "none" }) : props.style;
-    props = __spreadProps(__spreadValues({
-      id,
-      "data-enter": transition === "enter" ? "" : void 0,
-      "data-leave": transition === "leave" ? "" : void 0,
-      hidden
-    }, props), {
-      ref: useMergeRefs(id ? store.setContentElement : null, props.ref),
-      style
-    });
-    return props;
-  }
-);
-var DisclosureContentImpl = createComponent(
-  (props) => {
-    const htmlProps = useDisclosureContent(props);
-    return createElement("div", htmlProps);
-  }
-);
-var DisclosureContent = createComponent(
-  (_a) => {
-    var _b = _a, { unmountOnHide } = _b, props = __objRest(_b, ["unmountOnHide"]);
-    const context = useDisclosureProviderContext();
-    const store = props.store || context;
-    const mounted = useStoreState(
-      store,
-      (state) => !unmountOnHide || (state == null ? void 0 : state.mounted)
-    );
-    if (mounted === false)
-      return null;
-    return /* @__PURE__ */ jsx(DisclosureContentImpl, __spreadValues({}, props));
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  DisclosureContent.displayName = "DisclosureContent";
-}
-
-export {
-  isHidden,
-  useDisclosureContent,
-  DisclosureContent
-};

package/esm/__chunks/DIP7XAI7.js

@@ -1,49 +0,0 @@
-"use client";
-import {
-  DialogDescriptionContext
-} from "./G6BJYYBK.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  useId,
-  useSafeLayoutEffect
-} from "./6O5OEQGF.js";
-import {
-  __objRest,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/dialog/dialog-description.ts
-import { useContext } from "react";
-var useDialogDescription = createHook(
-  (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const setDescriptionId = useContext(DialogDescriptionContext);
-    const id = useId(props.id);
-    useSafeLayoutEffect(() => {
-      setDescriptionId == null ? void 0 : setDescriptionId(id);
-      return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
-    }, [setDescriptionId, id]);
-    props = __spreadValues({
-      id
-    }, props);
-    return props;
-  }
-);
-var DialogDescription = createComponent(
-  (props) => {
-    const htmlProps = useDialogDescription(props);
-    return createElement("p", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  DialogDescription.displayName = "DialogDescription";
-}
-
-export {
-  useDialogDescription,
-  DialogDescription
-};

package/esm/__chunks/ENRQQ6LK.js

@@ -1,50 +0,0 @@
-"use client";
-import {
-  useSeparator
-} from "./YZEJGRDQ.js";
-import {
-  useCompositeContext
-} from "./IB7YUKH5.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/composite/composite-separator.ts
-import { invariant } from "@ariakit/core/utils/misc";
-var useCompositeSeparator = createHook(
-  (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = useCompositeContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
-    );
-    const orientation = store.useState(
-      (state) => state.orientation === "horizontal" ? "vertical" : "horizontal"
-    );
-    props = useSeparator(__spreadProps(__spreadValues({}, props), { orientation }));
-    return props;
-  }
-);
-var CompositeSeparator = createComponent(
-  (props) => {
-    const htmlProps = useCompositeSeparator(props);
-    return createElement("hr", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  CompositeSeparator.displayName = "CompositeSeparator";
-}
-
-export {
-  useCompositeSeparator,
-  CompositeSeparator
-};

package/esm/__chunks/HPP6CWMY.js

@@ -1,43 +0,0 @@
-"use client";
-import {
-  FocusableContext
-} from "./SHA3WOPI.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  useWrapElement
-} from "./6O5OEQGF.js";
-import {
-  __objRest
-} from "./4R3V3JGP.js";
-
-// src/focusable/focusable-container.tsx
-import { jsx } from "react/jsx-runtime";
-var useFocusableContainer = createHook(
-  (_a) => {
-    var _b = _a, { autoFocusOnShow = true } = _b, props = __objRest(_b, ["autoFocusOnShow"]);
-    props = useWrapElement(
-      props,
-      (element) => /* @__PURE__ */ jsx(FocusableContext.Provider, { value: autoFocusOnShow, children: element }),
-      [autoFocusOnShow]
-    );
-    return props;
-  }
-);
-var FocusableContainer = createComponent(
-  (props) => {
-    const htmlProps = useFocusableContainer(props);
-    return createElement("div", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  FocusableContainer.displayName = "FocusableContainer";
-}
-
-export {
-  useFocusableContainer,
-  FocusableContainer
-};