@ariakit/react-core 0.0.1 → 0.1.1

package/cjs/__chunks/KIZFPB5R.cjs

@@ -0,0 +1,116 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
+
+
+var _F2O4M6DRcjs = require('./F2O4M6DR.cjs');
+
+
+var _TBYPXZ5Hcjs = require('./TBYPXZ5H.cjs');
+
+
+var _TIVUAJD3cjs = require('./TIVUAJD3.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+
+var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+
+
+
+var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+
+// src/menu/menu-item.ts
+var _react = require('react');
+var _dom = require('@ariakit/core/utils/dom');
+var _events = require('@ariakit/core/utils/events');
+var _misc = require('@ariakit/core/utils/misc');
+var useMenuItem = _UYIFJ7U3cjs.createHook.call(void 0, 
+  ({
+    store,
+    hideOnClick = true,
+    preventScrollOnKeyDown = true,
+    focusOnHover,
+    ...props
+  }) => {
+    const menuContext = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuContext);
+    const menuBarContext = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuBarContext);
+    store = store || menuContext || menuBarContext;
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, MenuPopover or MenuBar component"
+    );
+    const onClickProp = props.onClick;
+    const hideOnClickProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, hideOnClick);
+    const hideMenu = "hideAll" in store ? store.hideAll : void 0;
+    const isWithinMenu = !!hideMenu;
+    const onClick = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+      _optionalChain([onClickProp, 'optionalCall', _ => _(event)]);
+      if (event.defaultPrevented)
+        return;
+      if (_events.isDownloading.call(void 0, event))
+        return;
+      if (_events.isOpeningInNewTab.call(void 0, event))
+        return;
+      if (!hideMenu)
+        return;
+      const popupType = event.currentTarget.getAttribute("aria-haspopup");
+      if (popupType === "menu")
+        return;
+      if (!hideOnClickProp(event))
+        return;
+      hideMenu();
+    });
+    const contentElement = _F6IOE5QTcjs.useStoreState.call(void 0, 
+      store,
+      (state) => "contentElement" in state ? state.contentElement : null
+    );
+    const role = _dom.getPopupItemRole.call(void 0, contentElement, "menuitem");
+    props = {
+      role,
+      ...props,
+      onClick
+    };
+    props = _TIVUAJD3cjs.useCompositeItem.call(void 0, { store, preventScrollOnKeyDown, ...props });
+    props = _TBYPXZ5Hcjs.useCompositeHover.call(void 0, {
+      store,
+      ...props,
+      focusOnHover: (event) => {
+        if (typeof focusOnHover === "function")
+          return focusOnHover(event);
+        if (focusOnHover != null)
+          return focusOnHover;
+        if (event.type === "mouseleave")
+          return isWithinMenu;
+        const state = _optionalChain([store, 'optionalAccess', _2 => _2.getState, 'call', _3 => _3()]);
+        if (isWithinMenu) {
+          if (event.currentTarget.hasAttribute("aria-expanded")) {
+            event.currentTarget.focus();
+          }
+          return true;
+        } else if (_F2O4M6DRcjs.hasExpandedMenuButton.call(void 0, _optionalChain([state, 'optionalAccess', _4 => _4.items]), event.currentTarget)) {
+          event.currentTarget.focus();
+          return true;
+        }
+        return false;
+      }
+    });
+    return props;
+  }
+);
+var MenuItem = _UYIFJ7U3cjs.createMemoComponent.call(void 0, (props) => {
+  const htmlProps = useMenuItem(props);
+  return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  MenuItem.displayName = "MenuItem";
+}
+
+
+
+
+exports.useMenuItem = useMenuItem; exports.MenuItem = MenuItem;

package/cjs/__chunks/KWHAB2F2.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+
+// src/dialog/utils/use-champion-dialog.ts
+var _react = require('react');
+var _dom = require('@ariakit/core/utils/dom');
+var _reactdom = require('react-dom');
+function useChampionDialog(attribute, store, enabled) {
+  const [updated, retry] = _5QY4WCTRcjs.useForceUpdate.call(void 0, );
+  const isChampionDialog = _react.useCallback.call(void 0, () => {
+    if (!enabled)
+      return false;
+    const dialog = store.getState().contentElement;
+    if (!dialog)
+      return false;
+    const { body } = _dom.getDocument.call(void 0, dialog);
+    const id = body.getAttribute(attribute);
+    return !id || id === dialog.id;
+  }, [updated, store, enabled, attribute]);
+  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+    const dialog = store.getState().contentElement;
+    if (!dialog)
+      return;
+    if (!enabled)
+      return;
+    const { body } = _dom.getDocument.call(void 0, dialog);
+    if (!isChampionDialog()) {
+      const observer = new MutationObserver(() => _reactdom.flushSync.call(void 0, retry));
+      observer.observe(body, { attributeFilter: [attribute] });
+      return () => observer.disconnect();
+    }
+    body.setAttribute(attribute, dialog.id);
+    return () => {
+      body.removeAttribute(attribute);
+    };
+  }, [updated, store, enabled, isChampionDialog, attribute]);
+  return isChampionDialog;
+}
+
+
+
+exports.useChampionDialog = useChampionDialog;

package/cjs/__chunks/LICOAFSX.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _22VQR3WCcjs = require('./22VQR3WC.cjs');
+
+
+var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
+
+
+var _BJTWNJAPcjs = require('./BJTWNJAP.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+
+
+var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+
+// src/popover/popover-disclosure.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var usePopoverDisclosure = _UYIFJ7U3cjs.createHook.call(void 0, 
+  ({ store, ...props }) => {
+    const onClickProp = props.onClick;
+    const onClick = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+      store.setAnchorElement(event.currentTarget);
+      _optionalChain([onClickProp, 'optionalCall', _ => _(event)]);
+    });
+    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+      props,
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W5PBA4D6cjs.PopoverContext.Provider, { value: store, children: element }),
+      [store]
+    );
+    props = {
+      ...props,
+      onClick
+    };
+    props = _BJTWNJAPcjs.usePopoverAnchor.call(void 0, { store, ...props });
+    props = _22VQR3WCcjs.useDialogDisclosure.call(void 0, { store, ...props });
+    return props;
+  }
+);
+var PopoverDisclosure = _UYIFJ7U3cjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = usePopoverDisclosure(props);
+    return _UYIFJ7U3cjs.createElement.call(void 0, "button", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  PopoverDisclosure.displayName = "PopoverDisclosure";
+}
+
+
+
+
+exports.usePopoverDisclosure = usePopoverDisclosure; exports.PopoverDisclosure = PopoverDisclosure;

package/cjs/__chunks/M4ATEGE4.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _GWL7P7EGcjs = require('./GWL7P7EG.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+// src/hovercard/hovercard-dismiss.ts
+var useHovercardDismiss = _UYIFJ7U3cjs.createHook.call(void 0, 
+  (props) => {
+    props = _GWL7P7EGcjs.usePopoverDismiss.call(void 0, props);
+    return props;
+  }
+);
+var HovercardDismiss = _UYIFJ7U3cjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = useHovercardDismiss(props);
+    return _UYIFJ7U3cjs.createElement.call(void 0, "button", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  HovercardDismiss.displayName = "HovercardDismiss";
+}
+
+
+
+
+exports.useHovercardDismiss = useHovercardDismiss; exports.HovercardDismiss = HovercardDismiss;

package/cjs/__chunks/MAH7ORCZ.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _DGBC5VB4cjs = require('./DGBC5VB4.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+// src/focus-trap/focus-trap.ts
+var useFocusTrap = _UYIFJ7U3cjs.createHook.call(void 0, (props) => {
+  props = {
+    "data-focus-trap": "",
+    tabIndex: 0,
+    "aria-hidden": true,
+    ...props,
+    style: {
+      // Prevents unintended scroll jumps.
+      position: "fixed",
+      top: 0,
+      left: 0,
+      ...props.style
+    }
+  };
+  props = _DGBC5VB4cjs.useVisuallyHidden.call(void 0, props);
+  return props;
+});
+var FocusTrap = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useFocusTrap(props);
+  return _UYIFJ7U3cjs.createElement.call(void 0, "span", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  FocusTrap.displayName = "FocusTrap";
+}
+
+
+
+
+exports.useFocusTrap = useFocusTrap; exports.FocusTrap = FocusTrap;

package/cjs/__chunks/MAVPFWFV.cjs

@@ -0,0 +1,112 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _W2ODSL37cjs = require('./W2ODSL37.cjs');
+
+
+var _RCGSDYWJcjs = require('./RCGSDYWJ.cjs');
+
+
+var _GV5LATA3cjs = require('./GV5LATA3.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+
+
+
+
+
+var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+
+// src/select/select-list.tsx
+var _react = require('react');
+var _events = require('@ariakit/core/utils/events');
+var _jsxruntime = require('react/jsx-runtime');
+var useSelectList = _UYIFJ7U3cjs.createHook.call(void 0, 
+  ({
+    store,
+    resetOnEscape = true,
+    hideOnEnter = true,
+    focusOnMove = true,
+    composite = true,
+    ...props
+  }) => {
+    const ref = _react.useRef.call(void 0, null);
+    const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
+    const value = store.useState("value");
+    const multiSelectable = Array.isArray(value);
+    const [defaultValue, setDefaultValue] = _react.useState.call(void 0, value);
+    const mounted = store.useState("mounted");
+    _react.useEffect.call(void 0, () => {
+      if (mounted)
+        return;
+      setDefaultValue(value);
+    }, [mounted, value]);
+    resetOnEscape = resetOnEscape && !multiSelectable;
+    const onKeyDownProp = props.onKeyDown;
+    const resetOnEscapeProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, resetOnEscape);
+    const hideOnEnterProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, hideOnEnter);
+    const onKeyDown = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+      _optionalChain([onKeyDownProp, 'optionalCall', _ => _(event)]);
+      if (event.defaultPrevented)
+        return;
+      if (event.key === "Escape" && resetOnEscapeProp(event)) {
+        store.setValue(defaultValue);
+      }
+      if (event.key === " " || event.key === "Enter") {
+        if (_events.isSelfTarget.call(void 0, event) && hideOnEnterProp(event)) {
+          event.preventDefault();
+          store.hide();
+        }
+      }
+    });
+    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+      props,
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RCGSDYWJcjs.SelectContext.Provider, { value: store, children: element }),
+      [store]
+    );
+    const labelId = store.useState((state) => _optionalChain([state, 'access', _2 => _2.labelElement, 'optionalAccess', _3 => _3.id]));
+    const style = mounted ? props.style : { ...props.style, display: "none" };
+    if (composite) {
+      props = {
+        role: "listbox",
+        "aria-multiselectable": multiSelectable ? true : void 0,
+        ...props
+      };
+    }
+    props = {
+      id,
+      hidden: !mounted,
+      "aria-labelledby": labelId,
+      ...props,
+      ref: _5QY4WCTRcjs.useForkRef.call(void 0, id ? store.setContentElement : null, ref, props.ref),
+      style,
+      onKeyDown
+    };
+    const canFocusOnMove = store.useState(
+      (state) => state.open && !state.animating && focusOnMove
+    );
+    props = _GV5LATA3cjs.useComposite.call(void 0, {
+      store,
+      ...props,
+      composite,
+      focusOnMove: canFocusOnMove
+    });
+    props = _W2ODSL37cjs.useCompositeTypeahead.call(void 0, { store, ...props });
+    return props;
+  }
+);
+var SelectList = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useSelectList(props);
+  return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  SelectList.displayName = "SelectList";
+}
+
+
+
+
+exports.useSelectList = useSelectList; exports.SelectList = SelectList;

package/cjs/__chunks/MPFAD3UK.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/menu/menu-context.ts
+var _react = require('react');
+var MenuBarContext = _react.createContext.call(void 0, 
+  void 0
+);
+var MenuContext = _react.createContext.call(void 0, void 0);
+var MenuItemCheckedContext = _react.createContext.call(void 0, 
+  void 0
+);
+
+
+
+
+
+exports.MenuBarContext = MenuBarContext; exports.MenuContext = MenuContext; exports.MenuItemCheckedContext = MenuItemCheckedContext;

package/cjs/__chunks/N2VCZZLP.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/dialog/dialog-context.ts
+var _react = require('react');
+var DialogContext = _react.createContext.call(void 0, void 0);
+var DialogHeadingContext = _react.createContext.call(void 0, void 0);
+var DialogDescriptionContext = _react.createContext.call(void 0, void 0);
+
+
+
+
+
+exports.DialogContext = DialogContext; exports.DialogHeadingContext = DialogHeadingContext; exports.DialogDescriptionContext = DialogDescriptionContext;

package/cjs/__chunks/ND6THRTE.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+
+var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+
+// src/disclosure/disclosure-store.ts
+var _disclosurestore = require('@ariakit/core/disclosure/disclosure-store'); var Core = _interopRequireWildcard(_disclosurestore);
+function useDisclosureStoreOptions(_props) {
+  return {};
+}
+function useDisclosureStoreProps(store, props) {
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "animated");
+  return store;
+}
+function useDisclosureStore(props = {}) {
+  const options = useDisclosureStoreOptions(props);
+  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+    () => Core.createDisclosureStore({ ...props, ...options })
+  );
+  return useDisclosureStoreProps(store, props);
+}
+
+
+
+
+
+exports.useDisclosureStoreOptions = useDisclosureStoreOptions; exports.useDisclosureStoreProps = useDisclosureStoreProps; exports.useDisclosureStore = useDisclosureStore;

package/cjs/__chunks/NJHMO3XK.cjs

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+
+var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+
+// src/checkbox/checkbox-store.ts
+var _checkboxstore = require('@ariakit/core/checkbox/checkbox-store'); var Core = _interopRequireWildcard(_checkboxstore);
+function useCheckboxStoreOptions(_props) {
+  return {};
+}
+function useCheckboxStoreProps(store, props) {
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  return store;
+}
+function useCheckboxStore(props = {}) {
+  const store = _F6IOE5QTcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
+  return useCheckboxStoreProps(store, props);
+}
+
+
+
+
+
+exports.useCheckboxStoreOptions = useCheckboxStoreOptions; exports.useCheckboxStoreProps = useCheckboxStoreProps; exports.useCheckboxStore = useCheckboxStore;

package/cjs/__chunks/NS56XHXG.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/portal/portal-context.ts
+var _react = require('react');
+var PortalContext = _react.createContext.call(void 0, null);
+
+
+
+exports.PortalContext = PortalContext;

package/cjs/__chunks/NVMBKFRB.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/composite/composite-context.ts
+var _react = require('react');
+var CompositeRowContext = _react.createContext.call(void 0, void 0);
+var CompositeItemContext = _react.createContext.call(void 0, void 0);
+var CompositeContext = _react.createContext.call(void 0, 
+  void 0
+);
+
+
+
+
+
+exports.CompositeRowContext = CompositeRowContext; exports.CompositeItemContext = CompositeItemContext; exports.CompositeContext = CompositeContext;

package/cjs/__chunks/NYVIJAIX.cjs

@@ -0,0 +1,142 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _FO6MB5HFcjs = require('./FO6MB5HF.cjs');
+
+
+var _EWCMH6G3cjs = require('./EWCMH6G3.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+
+var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+
+
+
+
+
+var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+
+// src/checkbox/checkbox.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+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");
+}
+var useCheckbox = _UYIFJ7U3cjs.createHook.call(void 0, 
+  ({
+    store,
+    value: valueProp,
+    checked: checkedProp,
+    defaultChecked,
+    ...props
+  }) => {
+    const storeChecked = _F6IOE5QTcjs.useStoreState.call(void 0, store, (state) => {
+      if (checkedProp !== void 0)
+        return checkedProp;
+      if (state.value === void 0)
+        return;
+      if (valueProp) {
+        if (Array.isArray(state.value))
+          return state.value.includes(valueProp);
+        return state.value === valueProp;
+      }
+      if (Array.isArray(state.value))
+        return false;
+      if (typeof state.value === "boolean")
+        return state.value;
+      return false;
+    });
+    const [_checked, setChecked] = _react.useState.call(void 0, _nullishCoalesce(defaultChecked, () => ( false)));
+    const checked = _nullishCoalesce(_nullishCoalesce(checkedProp, () => ( storeChecked)), () => ( _checked));
+    const ref = _react.useRef.call(void 0, null);
+    const tagName = _5QY4WCTRcjs.useTagName.call(void 0, ref, props.as || "input");
+    const nativeCheckbox = isNativeCheckbox(tagName, props.type);
+    const mixed = checked ? checked === "mixed" : void 0;
+    const isChecked = checked === "mixed" ? false : checked;
+    _react.useEffect.call(void 0, () => {
+      const element = ref.current;
+      if (!element)
+        return;
+      setMixed(element, mixed);
+      element.checked = isChecked;
+    }, [mixed, isChecked]);
+    const onChangeProp = props.onChange;
+    const onChange = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+      if (props.disabled) {
+        event.stopPropagation();
+        event.preventDefault();
+        return;
+      }
+      setMixed(event.currentTarget, mixed);
+      if (!nativeCheckbox) {
+        event.currentTarget.checked = !event.currentTarget.checked;
+      }
+      _optionalChain([onChangeProp, 'optionalCall', _ => _(event)]);
+      if (event.defaultPrevented)
+        return;
+      const elementChecked = event.currentTarget.checked;
+      setChecked(elementChecked);
+      _optionalChain([store, 'optionalAccess', _2 => _2.setValue, 'call', _3 => _3((prevValue) => {
+        if (!valueProp)
+          return elementChecked;
+        if (!Array.isArray(prevValue)) {
+          return prevValue === valueProp ? false : valueProp;
+        }
+        if (elementChecked)
+          return [...prevValue, valueProp];
+        return prevValue.filter((v) => v !== valueProp);
+      })]);
+    });
+    const onClickProp = props.onClick;
+    const onClick = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+      _optionalChain([onClickProp, 'optionalCall', _4 => _4(event)]);
+      if (event.defaultPrevented)
+        return;
+      if (nativeCheckbox)
+        return;
+      onChange(event);
+    });
+    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+      props,
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FO6MB5HFcjs.CheckboxCheckedContext.Provider, { value: isChecked, children: element }),
+      [isChecked]
+    );
+    props = {
+      role: !nativeCheckbox ? "checkbox" : void 0,
+      type: nativeCheckbox ? "checkbox" : void 0,
+      "aria-checked": checked,
+      ...props,
+      ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref),
+      onChange,
+      onClick
+    };
+    props = _EWCMH6G3cjs.useCommand.call(void 0, { clickOnEnter: !nativeCheckbox, ...props });
+    return {
+      value: nativeCheckbox ? valueProp : void 0,
+      checked: isChecked,
+      ...props
+    };
+  }
+);
+var Checkbox = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useCheckbox(props);
+  return _UYIFJ7U3cjs.createElement.call(void 0, "input", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  Checkbox.displayName = "Checkbox";
+}
+
+
+
+
+exports.useCheckbox = useCheckbox; exports.Checkbox = Checkbox;