@ariakit/react 0.4.25 → 0.4.27

package/cjs/__chunks/FHQ5DVYQ.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _FIPBE5IXcjs = require('./FIPBE5IX.cjs');
+
+
+
+var _L2IFVMDUcjs = require('./L2IFVMDU.cjs');
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/combobox/combobox-context.js
+var _react = require('react');
+var ComboboxListRoleContext = _react.createContext.call(void 0, void 0);
+var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, [_FIPBE5IXcjs.PopoverContextProvider, _L2IFVMDUcjs.CompositeContextProvider], [_FIPBE5IXcjs.PopoverScopedContextProvider, _L2IFVMDUcjs.CompositeScopedContextProvider]);
+var useComboboxContext = ctx.useContext;
+var useComboboxScopedContext = ctx.useScopedContext;
+var useComboboxProviderContext = ctx.useProviderContext;
+var ComboboxContextProvider = ctx.ContextProvider;
+var ComboboxScopedContextProvider = ctx.ScopedContextProvider;
+var ComboboxItemValueContext = _react.createContext.call(void 0, void 0);
+var ComboboxItemCheckedContext = _react.createContext.call(void 0, false);
+
+
+
+
+
+
+
+
+
+
+exports.ComboboxListRoleContext = ComboboxListRoleContext; exports.useComboboxContext = useComboboxContext; exports.useComboboxScopedContext = useComboboxScopedContext; exports.useComboboxProviderContext = useComboboxProviderContext; exports.ComboboxContextProvider = ComboboxContextProvider; exports.ComboboxScopedContextProvider = ComboboxScopedContextProvider; exports.ComboboxItemValueContext = ComboboxItemValueContext; exports.ComboboxItemCheckedContext = ComboboxItemCheckedContext;

package/cjs/__chunks/FIPBE5IX.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/popover/popover-context.js
+var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, [_7M4GY5DScjs.DialogContextProvider], [_7M4GY5DScjs.DialogScopedContextProvider]);
+var usePopoverContext = ctx.useContext;
+var usePopoverScopedContext = ctx.useScopedContext;
+var usePopoverProviderContext = ctx.useProviderContext;
+var PopoverContextProvider = ctx.ContextProvider;
+var PopoverScopedContextProvider = ctx.ScopedContextProvider;
+
+
+
+
+
+
+
+exports.usePopoverContext = usePopoverContext; exports.usePopoverScopedContext = usePopoverScopedContext; exports.usePopoverProviderContext = usePopoverProviderContext; exports.PopoverContextProvider = PopoverContextProvider; exports.PopoverScopedContextProvider = PopoverScopedContextProvider;

package/cjs/__chunks/FVIS5BFZ.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _UUEFM3TGcjs = require('./UUEFM3TG.cjs');
+
+
+var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/dialog/dialog-disclosure.js
+var TagName = "button";
+var useDialogDisclosure = _QAUJZR6Ycjs.createHook.call(void 0, function useDialogDisclosure2({ store, ...props }) {
+  const context = _7M4GY5DScjs.useDialogProviderContext.call(void 0, );
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component.");
+  props = {
+    "aria-haspopup": _QAUJZR6Ycjs.getPopupRole.call(void 0, _D4HCGWOUcjs.useStoreState.call(void 0, store, "contentElement"), "dialog"),
+    ...props
+  };
+  props = _UUEFM3TGcjs.useDisclosure.call(void 0, {
+    store,
+    ...props
+  });
+  return props;
+});
+var DialogDisclosure = _QAUJZR6Ycjs.forwardRef.call(void 0, function DialogDisclosure2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useDialogDisclosure(props));
+});
+
+
+
+
+exports.useDialogDisclosure = useDialogDisclosure; exports.DialogDisclosure = DialogDisclosure;

package/cjs/__chunks/GUB6WHB6.cjs

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _XPQIHUQ7cjs = require('./XPQIHUQ7.cjs');
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/collection/collection-item.js
+var _react = require('react');
+var TagName = "div";
+var useCollectionItem = _QAUJZR6Ycjs.createHook.call(void 0, function useCollectionItem2({ store, shouldRegisterItem = true, getItem = _QAUJZR6Ycjs.identity, element, ...props }) {
+  const context = _XPQIHUQ7cjs.useCollectionContext.call(void 0, );
+  store = store || context;
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  const ref = _react.useRef.call(void 0, element);
+  _react.useEffect.call(void 0, () => {
+    const element2 = ref.current;
+    if (!id) return;
+    if (!element2) return;
+    if (!shouldRegisterItem) return;
+    const item = getItem({
+      id,
+      element: element2
+    });
+    return store == null ? void 0 : store.renderItem(item);
+  }, [
+    id,
+    shouldRegisterItem,
+    getItem,
+    store
+  ]);
+  props = {
+    ...props,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, ref, props.ref)
+  };
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, props);
+});
+var CollectionItem = _QAUJZR6Ycjs.forwardRef.call(void 0, function CollectionItem2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useCollectionItem(props));
+});
+
+
+
+
+exports.useCollectionItem = useCollectionItem; exports.CollectionItem = CollectionItem;

package/cjs/__chunks/GUY4MKX2.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _L2IFVMDUcjs = require('./L2IFVMDU.cjs');
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/composite/composite-row.js
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
+var useCompositeRow = _QAUJZR6Ycjs.createHook.call(void 0, function useCompositeRow2({ store, "aria-setsize": ariaSetSize, "aria-posinset": ariaPosInSet, ...props }) {
+  const context = _L2IFVMDUcjs.useCompositeContext.call(void 0, );
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "CompositeRow must be wrapped in a Composite component.");
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  const baseElement = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => state.baseElement || void 0);
+  const providerValue = _react.useMemo.call(void 0, () => ({
+    id,
+    baseElement,
+    ariaSetSize,
+    ariaPosInSet
+  }), [
+    id,
+    baseElement,
+    ariaSetSize,
+    ariaPosInSet
+  ]);
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _L2IFVMDUcjs.CompositeRowContext.Provider, {
+    value: providerValue,
+    children: element
+  }), [providerValue]);
+  props = {
+    ...props,
+    id
+  };
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, props);
+});
+var CompositeRow = _QAUJZR6Ycjs.forwardRef.call(void 0, function CompositeRow2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useCompositeRow(props));
+});
+
+
+
+
+exports.useCompositeRow = useCompositeRow; exports.CompositeRow = CompositeRow;

package/cjs/__chunks/IF5DZKAR.cjs

@@ -0,0 +1 @@
+"use strict";

package/cjs/__chunks/IFZV5LA3.cjs

@@ -0,0 +1,94 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _PZXRBFZFcjs = require('./PZXRBFZF.cjs');
+
+
+
+var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
+
+
+var _LMCBLO3Gcjs = require('./LMCBLO3G.cjs');
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/dialog/dialog-dismiss.js
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "button";
+var useDialogDismiss = _QAUJZR6Ycjs.createHook.call(void 0, function useDialogDismiss2({ store, ...props }) {
+  const context = _7M4GY5DScjs.useDialogScopedContext.call(void 0, );
+  store = store || context;
+  const onClickProp = props.onClick;
+  const onClick = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onClickProp == null ? void 0 : onClickProp(event);
+    if (event.defaultPrevented) return;
+    store == null ? void 0 : store.hide();
+  });
+  props = {
+    "data-dialog-dismiss": "",
+    children: _react.useMemo.call(void 0, () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", {
+      "aria-label": "Dismiss popup",
+      display: "block",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5,
+      viewBox: "0 0 16 16",
+      height: "1em",
+      width: "1em",
+      children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", {
+        x1: "4",
+        y1: "4",
+        x2: "12",
+        y2: "12"
+      }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", {
+        x1: "4",
+        y1: "12",
+        x2: "12",
+        y2: "4"
+      })]
+    }), []),
+    ...props,
+    onClick
+  };
+  props = _LMCBLO3Gcjs.useButton.call(void 0, props);
+  return props;
+});
+var DialogDismiss = _QAUJZR6Ycjs.forwardRef.call(void 0, function DialogDismiss2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useDialogDismiss(props));
+});
+
+// ../ariakit-react-components/dist/dialog/dialog-heading.js
+
+var TagName2 = "h1";
+var useDialogHeading = _QAUJZR6Ycjs.createHook.call(void 0, function useDialogHeading2({ store, ...props }) {
+  const setHeadingId = _react.useContext.call(void 0, _7M4GY5DScjs.DialogHeadingContext);
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    setHeadingId == null ? void 0 : setHeadingId(id);
+    return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
+  }, [setHeadingId, id]);
+  props = {
+    ...props,
+    id
+  };
+  props = _PZXRBFZFcjs.useHeading.call(void 0, props);
+  return props;
+});
+var DialogHeading = _QAUJZR6Ycjs.forwardRef.call(void 0, function DialogHeading2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName2, useDialogHeading(props));
+});
+
+
+
+
+
+
+exports.useDialogDismiss = useDialogDismiss; exports.DialogDismiss = DialogDismiss; exports.useDialogHeading = useDialogHeading; exports.DialogHeading = DialogHeading;

package/cjs/__chunks/IHVFJGGN.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _FIPBE5IXcjs = require('./FIPBE5IX.cjs');
+
+
+
+var _L2IFVMDUcjs = require('./L2IFVMDU.cjs');
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/select/select-context.js
+var _react = require('react');
+var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, [_FIPBE5IXcjs.PopoverContextProvider, _L2IFVMDUcjs.CompositeContextProvider], [_FIPBE5IXcjs.PopoverScopedContextProvider, _L2IFVMDUcjs.CompositeScopedContextProvider]);
+var useSelectContext = ctx.useContext;
+var useSelectScopedContext = ctx.useScopedContext;
+var useSelectProviderContext = ctx.useProviderContext;
+var SelectContextProvider = ctx.ContextProvider;
+var SelectScopedContextProvider = ctx.ScopedContextProvider;
+var SelectItemCheckedContext = _react.createContext.call(void 0, false);
+var SelectHeadingContext = _react.createContext.call(void 0, null);
+
+
+
+
+
+
+
+
+
+exports.useSelectContext = useSelectContext; exports.useSelectScopedContext = useSelectScopedContext; exports.useSelectProviderContext = useSelectProviderContext; exports.SelectContextProvider = SelectContextProvider; exports.SelectScopedContextProvider = SelectScopedContextProvider; exports.SelectItemCheckedContext = SelectItemCheckedContext; exports.SelectHeadingContext = SelectHeadingContext;

package/cjs/__chunks/L2IFVMDU.cjs

@@ -0,0 +1,96 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _XPQIHUQ7cjs = require('./XPQIHUQ7.cjs');
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/composite/composite-context.js
+var _react = require('react');
+var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, [_XPQIHUQ7cjs.CollectionContextProvider], [_XPQIHUQ7cjs.CollectionScopedContextProvider]);
+var useCompositeContext = ctx.useContext;
+var useCompositeScopedContext = ctx.useScopedContext;
+var useCompositeProviderContext = ctx.useProviderContext;
+var CompositeContextProvider = ctx.ContextProvider;
+var CompositeScopedContextProvider = ctx.ScopedContextProvider;
+var CompositeItemContext = _react.createContext.call(void 0, void 0);
+var CompositeRowContext = _react.createContext.call(void 0, void 0);
+
+// ../ariakit-react-components/dist/composite/utils.js
+var NULL_ITEM = { id: null };
+function flipItems(items, activeId, shouldInsertNullItem = false) {
+  const index = items.findIndex((item) => item.id === activeId);
+  return [
+    ...items.slice(index + 1),
+    ...shouldInsertNullItem ? [NULL_ITEM] : [],
+    ...items.slice(0, index)
+  ];
+}
+function findFirstEnabledItem(items, excludeId) {
+  return items.find((item) => {
+    if (excludeId) return !item.disabled && item.id !== excludeId;
+    return !item.disabled;
+  });
+}
+function getEnabledItem(store, id) {
+  if (!id) return null;
+  return store.item(id) || null;
+}
+function groupItemsByRows(items) {
+  const rows = [];
+  for (const item of items) {
+    const row = rows.find((currentRow) => {
+      var _a;
+      return ((_a = currentRow[0]) == null ? void 0 : _a.rowId) === item.rowId;
+    });
+    if (row) row.push(item);
+    else rows.push([item]);
+  }
+  return rows;
+}
+function selectTextField(element, collapseToEnd = false) {
+  if (_QAUJZR6Ycjs.isTextField.call(void 0, element)) element.setSelectionRange(collapseToEnd ? element.value.length : 0, element.value.length);
+  else if (element.isContentEditable) {
+    const selection = _QAUJZR6Ycjs.getDocument.call(void 0, element).getSelection();
+    selection == null ? void 0 : selection.selectAllChildren(element);
+    if (collapseToEnd) selection == null ? void 0 : selection.collapseToEnd();
+  }
+}
+var FOCUS_SILENTLY = /* @__PURE__ */ Symbol("FOCUS_SILENTLY");
+function focusSilently(element) {
+  element[FOCUS_SILENTLY] = true;
+  element.focus({ preventScroll: true });
+}
+function silentlyFocused(element) {
+  const isSilentlyFocused = element[FOCUS_SILENTLY];
+  delete element[FOCUS_SILENTLY];
+  return isSilentlyFocused;
+}
+function isItem(store, element, exclude) {
+  if (!element) return false;
+  if (element === exclude) return false;
+  const item = store.item(element.id);
+  if (!item) return false;
+  if (exclude && item.element === exclude) return false;
+  return true;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.useCompositeContext = useCompositeContext; exports.useCompositeProviderContext = useCompositeProviderContext; exports.CompositeContextProvider = CompositeContextProvider; exports.CompositeScopedContextProvider = CompositeScopedContextProvider; exports.CompositeItemContext = CompositeItemContext; exports.CompositeRowContext = CompositeRowContext; exports.flipItems = flipItems; exports.findFirstEnabledItem = findFirstEnabledItem; exports.getEnabledItem = getEnabledItem; exports.groupItemsByRows = groupItemsByRows; exports.selectTextField = selectTextField; exports.focusSilently = focusSilently; exports.silentlyFocused = silentlyFocused; exports.isItem = isItem;

package/cjs/__chunks/LCX235VJ.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/role/role.js
+var TagName = "div";
+var elements = [
+  "a",
+  "button",
+  "details",
+  "dialog",
+  "div",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "header",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "section",
+  "select",
+  "span",
+  "summary",
+  "textarea",
+  "ul",
+  "svg"
+];
+var useRole = _QAUJZR6Ycjs.createHook.call(void 0, function useRole2(props) {
+  return props;
+});
+var Role = _QAUJZR6Ycjs.forwardRef.call(void 0, function Role2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, props);
+});
+Object.assign(Role, elements.reduce((acc, element) => {
+  acc[element] = _QAUJZR6Ycjs.forwardRef.call(void 0, function Role3(props) {
+    return _QAUJZR6Ycjs.createElement.call(void 0, element, props);
+  });
+  return acc;
+}, {}));
+
+
+
+exports.Role = Role;

package/cjs/__chunks/LMCBLO3G.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _LVHC4DSBcjs = require('./LVHC4DSB.cjs');
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/button/button.js
+var _react = require('react');
+var TagName = "button";
+var useButton = _QAUJZR6Ycjs.createHook.call(void 0, function useButton2(props) {
+  const ref = _react.useRef.call(void 0, null);
+  const tagName = _QAUJZR6Ycjs.useTagName.call(void 0, ref, TagName);
+  const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, () => !!tagName && _QAUJZR6Ycjs.isButton.call(void 0, {
+    tagName,
+    type: props.type
+  }));
+  _react.useEffect.call(void 0, () => {
+    if (!ref.current) return;
+    setIsNativeButton(_QAUJZR6Ycjs.isButton.call(void 0, ref.current));
+  }, []);
+  props = {
+    role: !isNativeButton && tagName !== "a" ? "button" : void 0,
+    ...props,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, ref, props.ref)
+  };
+  props = _LVHC4DSBcjs.useCommand.call(void 0, props);
+  return props;
+});
+var Button = _QAUJZR6Ycjs.forwardRef.call(void 0, function Button2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useButton(props));
+});
+
+
+
+
+exports.useButton = useButton; exports.Button = Button;

package/cjs/__chunks/LS5VO6AA.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _FIPBE5IXcjs = require('./FIPBE5IX.cjs');
+
+
+
+var _IFZV5LA3cjs = require('./IFZV5LA3.cjs');
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/popover/popover-dismiss.js
+var TagName = "button";
+var usePopoverDismiss = _QAUJZR6Ycjs.createHook.call(void 0, function usePopoverDismiss2({ store, ...props }) {
+  const context = _FIPBE5IXcjs.usePopoverScopedContext.call(void 0, );
+  store = store || context;
+  props = _IFZV5LA3cjs.useDialogDismiss.call(void 0, {
+    store,
+    ...props
+  });
+  return props;
+});
+var PopoverDismiss = _QAUJZR6Ycjs.forwardRef.call(void 0, function PopoverDismiss2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, usePopoverDismiss(props));
+});
+
+// ../ariakit-react-components/dist/popover/popover-heading.js
+var TagName2 = "h1";
+var usePopoverHeading = _QAUJZR6Ycjs.createHook.call(void 0, function usePopoverHeading2(props) {
+  props = _IFZV5LA3cjs.useDialogHeading.call(void 0, props);
+  return props;
+});
+var PopoverHeading = _QAUJZR6Ycjs.forwardRef.call(void 0, function PopoverHeading2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName2, usePopoverHeading(props));
+});
+
+
+
+
+
+
+exports.usePopoverDismiss = usePopoverDismiss; exports.PopoverDismiss = PopoverDismiss; exports.usePopoverHeading = usePopoverHeading; exports.PopoverHeading = PopoverHeading;