@ariakit/react 0.4.25 → 0.4.27

package/cjs/__chunks/5NTEPQ2U.cjs

@@ -0,0 +1,148 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _SQ72MZ63cjs = require('./SQ72MZ63.cjs');
+
+
+
+var _L2IFVMDUcjs = require('./L2IFVMDU.cjs');
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/radio/radio-context.js
+var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, [_L2IFVMDUcjs.CompositeContextProvider], [_L2IFVMDUcjs.CompositeScopedContextProvider]);
+var useRadioContext = ctx.useContext;
+var useRadioScopedContext = ctx.useScopedContext;
+var useRadioProviderContext = ctx.useProviderContext;
+var RadioContextProvider = ctx.ContextProvider;
+var RadioScopedContextProvider = ctx.ScopedContextProvider;
+
+// ../ariakit-react-components/dist/radio/radio.js
+var _react = require('react');
+var TagName = "input";
+function getIsChecked(value, storeValue) {
+  if (storeValue === void 0) return;
+  if (value != null && storeValue != null) return storeValue === value;
+  return !!storeValue;
+}
+function isNativeRadio(tagName, type) {
+  return tagName === "input" && (!type || type === "radio");
+}
+var useRadio = _QAUJZR6Ycjs.createHook.call(void 0, function useRadio2({ store, name: nameProp, value, checked, ...props }) {
+  const context = useRadioContext();
+  store = store || context;
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  const ref = _react.useRef.call(void 0, null);
+  const isChecked = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => checked != null ? checked : getIsChecked(value, state == null ? void 0 : state.value));
+  const storeId = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => state == null ? void 0 : state.id);
+  const name = nameProp != null ? nameProp : storeId;
+  _react.useEffect.call(void 0, () => {
+    if (!id) return;
+    if (!isChecked) return;
+    if ((store == null ? void 0 : store.getState().activeId) === id) return;
+    store == null ? void 0 : store.setActiveId(id);
+  }, [
+    store,
+    isChecked,
+    id
+  ]);
+  const onChangeProp = props.onChange;
+  const nativeRadio = isNativeRadio(_QAUJZR6Ycjs.useTagName.call(void 0, ref, TagName), props.type);
+  const disabled = _QAUJZR6Ycjs.disabledFromProps.call(void 0, props);
+  const [propertyUpdated, schedulePropertyUpdate] = _QAUJZR6Ycjs.useForceUpdate.call(void 0, );
+  _react.useEffect.call(void 0, () => {
+    const element = ref.current;
+    if (!element) return;
+    if (nativeRadio) return;
+    if (isChecked !== void 0) element.checked = isChecked;
+    if (name !== void 0) element.name = name;
+    if (value !== void 0) element.value = `${value}`;
+  }, [
+    propertyUpdated,
+    nativeRadio,
+    isChecked,
+    name,
+    value
+  ]);
+  const onChange = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    if (disabled) {
+      event.preventDefault();
+      event.stopPropagation();
+      return;
+    }
+    if ((store == null ? void 0 : store.getState().value) === value) return;
+    if (!nativeRadio) {
+      event.currentTarget.checked = true;
+      schedulePropertyUpdate();
+    }
+    onChangeProp == null ? void 0 : onChangeProp(event);
+    if (event.defaultPrevented) return;
+    store == null ? void 0 : store.setValue(value);
+  });
+  const onClickProp = props.onClick;
+  const onClick = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onClickProp == null ? void 0 : onClickProp(event);
+    if (event.defaultPrevented) return;
+    if (nativeRadio) return;
+    onChange(event);
+  });
+  const onFocusProp = props.onFocus;
+  const onFocus = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onFocusProp == null ? void 0 : onFocusProp(event);
+    if (event.defaultPrevented) return;
+    if (!nativeRadio) return;
+    if (!store) return;
+    const { moves, activeId } = store.getState();
+    if (!moves) return;
+    if (id && activeId !== id) return;
+    onChange(event);
+  });
+  props = {
+    role: !nativeRadio ? "radio" : void 0,
+    type: nativeRadio ? "radio" : void 0,
+    "aria-checked": isChecked,
+    ...props,
+    id,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, ref, props.ref),
+    onChange,
+    onClick,
+    onFocus
+  };
+  props = _SQ72MZ63cjs.useCompositeItem.call(void 0, {
+    store,
+    clickOnEnter: !nativeRadio,
+    ...props
+  });
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, {
+    name: nativeRadio ? name : void 0,
+    value: nativeRadio ? value : void 0,
+    checked: isChecked,
+    ...props
+  });
+});
+var Radio = _QAUJZR6Ycjs.memo.call(void 0, _QAUJZR6Ycjs.forwardRef.call(void 0, function Radio2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useRadio(props));
+}));
+
+
+
+
+
+
+
+
+exports.useRadioContext = useRadioContext; exports.useRadioProviderContext = useRadioProviderContext; exports.RadioContextProvider = RadioContextProvider; exports.RadioScopedContextProvider = RadioScopedContextProvider; exports.useRadio = useRadio; exports.Radio = Radio;

package/cjs/__chunks/66G6K4UR.cjs

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

package/cjs/__chunks/6GNM57O7.cjs

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

package/cjs/__chunks/7M4GY5DS.cjs

@@ -0,0 +1,255 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/disclosure/disclosure-context.js
+var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, );
+var useDisclosureContext = ctx.useContext;
+var useDisclosureScopedContext = ctx.useScopedContext;
+var useDisclosureProviderContext = ctx.useProviderContext;
+var DisclosureContextProvider = ctx.ContextProvider;
+var DisclosureScopedContextProvider = ctx.ScopedContextProvider;
+
+// ../ariakit-react-components/dist/dialog/dialog-context.js
+var _react = require('react');
+var ctx2 = _QAUJZR6Ycjs.createStoreContext.call(void 0, [DisclosureContextProvider], [DisclosureScopedContextProvider]);
+var useDialogContext = ctx2.useContext;
+var useDialogScopedContext = ctx2.useScopedContext;
+var useDialogProviderContext = ctx2.useProviderContext;
+var DialogContextProvider = ctx2.ContextProvider;
+var DialogScopedContextProvider = ctx2.ScopedContextProvider;
+var DialogHeadingContext = _react.createContext.call(void 0, void 0);
+var DialogDescriptionContext = _react.createContext.call(void 0, void 0);
+
+// ../ariakit-react-components/dist/disclosure/disclosure-content.js
+
+var _jsxruntime = require('react/jsx-runtime');
+var _reactdom = require('react-dom');
+var TagName = "div";
+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 multiplier = currentTimeString.endsWith("ms") ? 1 : 1e3;
+    const currentTime = Number.parseFloat(currentTimeString || "0s") * multiplier;
+    if (currentTime > longestTime) return currentTime;
+    return longestTime;
+  }, 0);
+}
+function isHidden(mounted, hidden, alwaysVisible) {
+  return !alwaysVisible && hidden !== false && (!mounted || !!hidden);
+}
+var useDisclosureContent = _QAUJZR6Ycjs.createHook.call(void 0, function useDisclosureContent2({ store, alwaysVisible, ...props }) {
+  const context = useDisclosureProviderContext();
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component.");
+  const ref = _react.useRef.call(void 0, null);
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  const [transition, setTransition] = _react.useState.call(void 0, null);
+  const open = _D4HCGWOUcjs.useStoreState.call(void 0, store, "open");
+  const mounted = _D4HCGWOUcjs.useStoreState.call(void 0, store, "mounted");
+  const animated = _D4HCGWOUcjs.useStoreState.call(void 0, store, "animated");
+  const contentElement = _D4HCGWOUcjs.useStoreState.call(void 0, store, "contentElement");
+  const otherElement = _D4HCGWOUcjs.useStoreState.call(void 0, store.disclosure, "contentElement");
+  const hasClosedRef = _react.useRef.call(void 0, false);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!ref.current) return;
+    store == null ? void 0 : store.setContentElement(ref.current);
+  }, [store]);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    let previousAnimated;
+    store == null ? void 0 : store.setState("animated", (animated2) => {
+      previousAnimated = animated2;
+      return true;
+    });
+    return () => {
+      if (previousAnimated === void 0) return;
+      store == null ? void 0 : store.setState("animated", previousAnimated);
+    };
+  }, [store]);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!animated) {
+      if (!open) {
+        hasClosedRef.current = true;
+        setTransition(null);
+      } else if (hasClosedRef.current) {
+        hasClosedRef.current = false;
+        setTransition("enter");
+      }
+      return;
+    }
+    if (!(contentElement == null ? void 0 : contentElement.isConnected)) {
+      setTransition(null);
+      return;
+    }
+    return afterPaint(() => {
+      setTransition(open ? "enter" : mounted ? "leave" : null);
+    });
+  }, [
+    animated,
+    contentElement,
+    open,
+    mounted
+  ]);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!store) return;
+    if (!animated) return;
+    if (!transition) return;
+    if (!contentElement) return;
+    const stopAnimation = () => store == null ? void 0 : store.setState("animating", false);
+    const stopAnimationSync = () => _reactdom.flushSync.call(void 0, stopAnimation);
+    if (transition === "leave" && open) return;
+    if (transition === "enter" && !open) return;
+    if (typeof animated === "number") return afterTimeout(animated, stopAnimationSync);
+    const { transitionDuration, animationDuration, transitionDelay, animationDelay } = getComputedStyle(contentElement);
+    const { transitionDuration: transitionDuration2 = "0", animationDuration: animationDuration2 = "0", transitionDelay: transitionDelay2 = "0", animationDelay: animationDelay2 = "0" } = otherElement ? getComputedStyle(otherElement) : {};
+    const timeout = parseCSSTime(transitionDelay, animationDelay, transitionDelay2, animationDelay2) + parseCSSTime(transitionDuration, animationDuration, transitionDuration2, animationDuration2);
+    if (!timeout) {
+      if (transition === "enter") store.setState("animated", false);
+      stopAnimation();
+      return;
+    }
+    return afterTimeout(Math.max(timeout - 1e3 / 60, 0), stopAnimationSync);
+  }, [
+    store,
+    animated,
+    contentElement,
+    otherElement,
+    open,
+    transition
+  ]);
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogScopedContextProvider, {
+    value: store,
+    children: element
+  }), [store]);
+  const hidden = isHidden(mounted, props.hidden, alwaysVisible);
+  const styleProp = props.style;
+  const style = _react.useMemo.call(void 0, () => {
+    if (hidden) return {
+      ...styleProp,
+      display: "none"
+    };
+    return styleProp;
+  }, [hidden, styleProp]);
+  props = {
+    "data-open": open || void 0,
+    "data-enter": transition === "enter" || void 0,
+    "data-leave": transition === "leave" || void 0,
+    hidden,
+    ...props,
+    id,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
+    style
+  };
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, props);
+});
+var DisclosureContentImpl = _QAUJZR6Ycjs.forwardRef.call(void 0, function DisclosureContentImpl2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useDisclosureContent(props));
+});
+var DisclosureContent = _QAUJZR6Ycjs.forwardRef.call(void 0, function DisclosureContent2({ unmountOnHide, ...props }) {
+  const context = useDisclosureProviderContext();
+  if (_D4HCGWOUcjs.useStoreState.call(void 0, props.store || context, (state) => !unmountOnHide || (state == null ? void 0 : state.mounted)) === false) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DisclosureContentImpl, { ...props });
+});
+
+// ../ariakit-components/dist/disclosure/disclosure-store.js
+function createDisclosureStore(props = {}) {
+  const store = _D4HCGWOUcjs.mergeStore.call(void 0, props.store, _D4HCGWOUcjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"]));
+  _D4HCGWOUcjs.throwOnConflictingProps.call(void 0, props, store);
+  const syncState = store == null ? void 0 : store.getState();
+  const open = _QAUJZR6Ycjs.defaultValue.call(void 0, props.open, syncState == null ? void 0 : syncState.open, props.defaultOpen, false);
+  const animated = _QAUJZR6Ycjs.defaultValue.call(void 0, props.animated, syncState == null ? void 0 : syncState.animated, false);
+  const disclosure = _D4HCGWOUcjs.createStore.call(void 0, {
+    open,
+    animated,
+    animating: !!animated && open,
+    mounted: open,
+    contentElement: _QAUJZR6Ycjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.contentElement, null),
+    disclosureElement: _QAUJZR6Ycjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.disclosureElement, null)
+  }, store);
+  _D4HCGWOUcjs.setup.call(void 0, disclosure, () => _D4HCGWOUcjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
+    if (state.animated) return;
+    disclosure.setState("animating", false);
+  }));
+  _D4HCGWOUcjs.setup.call(void 0, disclosure, () => _D4HCGWOUcjs.subscribe.call(void 0, disclosure, ["open"], () => {
+    if (!disclosure.getState().animated) return;
+    disclosure.setState("animating", true);
+  }));
+  _D4HCGWOUcjs.setup.call(void 0, disclosure, () => _D4HCGWOUcjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
+    disclosure.setState("mounted", state.open || state.animating);
+  }));
+  return {
+    ...disclosure,
+    disclosure: props.disclosure,
+    setOpen: (value) => disclosure.setState("open", value),
+    show: () => disclosure.setState("open", true),
+    hide: () => disclosure.setState("open", false),
+    toggle: () => disclosure.setState("open", (open2) => !open2),
+    stopAnimation: () => disclosure.setState("animating", false),
+    setContentElement: (value) => disclosure.setState("contentElement", value),
+    setDisclosureElement: (value) => disclosure.setState("disclosureElement", value)
+  };
+}
+
+// ../ariakit-react-components/dist/disclosure/disclosure-store.js
+function useDisclosureStoreProps(store, update, props) {
+  _QAUJZR6Ycjs.useUpdateEffect.call(void 0, update, [props.store, props.disclosure]);
+  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
+  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "mounted", "setMounted");
+  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "animated");
+  return Object.assign(store, { disclosure: props.disclosure });
+}
+function useDisclosureStore(props = {}) {
+  const [store, update] = _D4HCGWOUcjs.useStore.call(void 0, createDisclosureStore, props);
+  return useDisclosureStoreProps(store, update, props);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.useDisclosureContext = useDisclosureContext; exports.useDisclosureProviderContext = useDisclosureProviderContext; exports.DisclosureContextProvider = DisclosureContextProvider; exports.useDialogContext = useDialogContext; exports.useDialogScopedContext = useDialogScopedContext; exports.useDialogProviderContext = useDialogProviderContext; exports.DialogContextProvider = DialogContextProvider; exports.DialogScopedContextProvider = DialogScopedContextProvider; exports.DialogHeadingContext = DialogHeadingContext; exports.DialogDescriptionContext = DialogDescriptionContext; exports.isHidden = isHidden; exports.useDisclosureContent = useDisclosureContent; exports.DisclosureContent = DisclosureContent; exports.createDisclosureStore = createDisclosureStore; exports.useDisclosureStoreProps = useDisclosureStoreProps; exports.useDisclosureStore = useDisclosureStore;

package/cjs/__chunks/7MXJT4IN.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
+
+// ../ariakit-react-components/dist/disclosure/disclosure-provider.js
+var _jsxruntime = require('react/jsx-runtime');
+function DisclosureProvider(props = {}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _7M4GY5DScjs.DisclosureContextProvider, {
+    value: _7M4GY5DScjs.useDisclosureStore.call(void 0, props),
+    children: props.children
+  });
+}
+
+
+
+exports.DisclosureProvider = DisclosureProvider;

package/cjs/__chunks/7POA4244.cjs

@@ -0,0 +1,184 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _X4U3XKYQcjs = require('./X4U3XKYQ.cjs');
+
+
+
+
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+var _LVHC4DSBcjs = require('./LVHC4DSB.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/checkbox/checkbox-context.js
+var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, );
+var useCheckboxContext = ctx.useContext;
+var useCheckboxScopedContext = ctx.useScopedContext;
+var useCheckboxProviderContext = ctx.useProviderContext;
+var CheckboxContextProvider = ctx.ContextProvider;
+var CheckboxScopedContextProvider = ctx.ScopedContextProvider;
+
+// ../ariakit-react-components/dist/checkbox/checkbox.js
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "input";
+function setMixed(element, mixed) {
+  if (mixed) element.indeterminate = true;
+  else if (element.indeterminate) element.indeterminate = false;
+}
+function isNativeCheckbox(tagName, type) {
+  return tagName === "input" && (!type || type === "checkbox");
+}
+function getPrimitiveValue(value) {
+  if (Array.isArray(value)) return value.toString();
+  return value;
+}
+var useCheckbox = _QAUJZR6Ycjs.createHook.call(void 0, function useCheckbox2({ store, name, value: valueProp, checked: checkedProp, defaultChecked, ...props }) {
+  const context = useCheckboxContext();
+  store = store || context;
+  const [_checked, setChecked] = _react.useState.call(void 0, defaultChecked != null ? defaultChecked : false);
+  const checked = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => {
+    if (checkedProp !== void 0) return checkedProp;
+    if ((state == null ? void 0 : state.value) === void 0) return _checked;
+    if (valueProp != null) {
+      if (Array.isArray(state.value)) {
+        const primitiveValue = getPrimitiveValue(valueProp);
+        return state.value.includes(primitiveValue);
+      }
+      return state.value === valueProp;
+    }
+    if (Array.isArray(state.value)) return false;
+    if (typeof state.value === "boolean") return state.value;
+    return false;
+  });
+  const ref = _react.useRef.call(void 0, null);
+  const nativeCheckbox = isNativeCheckbox(_QAUJZR6Ycjs.useTagName.call(void 0, ref, TagName), props.type);
+  const mixed = checked ? checked === "mixed" : void 0;
+  const isChecked = checked === "mixed" ? false : checked;
+  const disabled = _QAUJZR6Ycjs.disabledFromProps.call(void 0, props);
+  const [propertyUpdated, schedulePropertyUpdate] = _QAUJZR6Ycjs.useForceUpdate.call(void 0, );
+  _react.useEffect.call(void 0, () => {
+    const element = ref.current;
+    if (!element) return;
+    setMixed(element, mixed);
+    if (nativeCheckbox) return;
+    element.checked = isChecked;
+    if (name !== void 0) element.name = name;
+    if (valueProp !== void 0) element.value = String(valueProp);
+  }, [
+    propertyUpdated,
+    mixed,
+    nativeCheckbox,
+    isChecked,
+    name,
+    valueProp
+  ]);
+  const onChangeProp = props.onChange;
+  const onChange = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    if (disabled) {
+      event.stopPropagation();
+      event.preventDefault();
+      return;
+    }
+    setMixed(event.currentTarget, mixed);
+    if (!nativeCheckbox) {
+      event.currentTarget.checked = !event.currentTarget.checked;
+      schedulePropertyUpdate();
+    }
+    onChangeProp == null ? void 0 : onChangeProp(event);
+    if (event.defaultPrevented) return;
+    const elementChecked = event.currentTarget.checked;
+    setChecked(elementChecked);
+    store == null ? void 0 : store.setValue((prevValue) => {
+      if (valueProp == null) return elementChecked;
+      const primitiveValue = getPrimitiveValue(valueProp);
+      if (!Array.isArray(prevValue)) return prevValue === primitiveValue ? false : primitiveValue;
+      if (elementChecked) {
+        if (prevValue.includes(primitiveValue)) return prevValue;
+        return [...prevValue, primitiveValue];
+      }
+      return prevValue.filter((v) => v !== primitiveValue);
+    });
+  });
+  const onClickProp = props.onClick;
+  const onClick = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onClickProp == null ? void 0 : onClickProp(event);
+    if (event.defaultPrevented) return;
+    if (nativeCheckbox) return;
+    onChange(event);
+  });
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _X4U3XKYQcjs.CheckboxCheckedContext.Provider, {
+    value: isChecked,
+    children: element
+  }), [isChecked]);
+  props = {
+    role: !nativeCheckbox ? "checkbox" : void 0,
+    type: nativeCheckbox ? "checkbox" : void 0,
+    "aria-checked": checked,
+    ...props,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, ref, props.ref),
+    onChange,
+    onClick
+  };
+  props = _LVHC4DSBcjs.useCommand.call(void 0, {
+    clickOnEnter: !nativeCheckbox,
+    ...props
+  });
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, {
+    name: nativeCheckbox ? name : void 0,
+    value: nativeCheckbox ? valueProp : void 0,
+    checked: isChecked,
+    ...props
+  });
+});
+var Checkbox = _QAUJZR6Ycjs.forwardRef.call(void 0, function Checkbox2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useCheckbox(props));
+});
+
+// ../ariakit-components/dist/checkbox/checkbox-store.js
+function createCheckboxStore(props = {}) {
+  var _a;
+  _D4HCGWOUcjs.throwOnConflictingProps.call(void 0, props, props.store);
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const checkbox = _D4HCGWOUcjs.createStore.call(void 0, { value: _QAUJZR6Ycjs.defaultValue.call(void 0, props.value, syncState == null ? void 0 : syncState.value, props.defaultValue, false) }, props.store);
+  return {
+    ...checkbox,
+    setValue: (value) => checkbox.setState("value", value)
+  };
+}
+
+// ../ariakit-react-components/dist/checkbox/checkbox-store.js
+function useCheckboxStoreProps(store, update, props) {
+  _QAUJZR6Ycjs.useUpdateEffect.call(void 0, update, [props.store]);
+  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  return store;
+}
+function useCheckboxStore(props = {}) {
+  const [store, update] = _D4HCGWOUcjs.useStore.call(void 0, createCheckboxStore, props);
+  return useCheckboxStoreProps(store, update, props);
+}
+
+
+
+
+
+
+
+exports.useCheckboxContext = useCheckboxContext; exports.CheckboxContextProvider = CheckboxContextProvider; exports.useCheckbox = useCheckbox; exports.Checkbox = Checkbox; exports.useCheckboxStore = useCheckboxStore;