@als-tp/als-react-ts-ui 0.5.2 → 0.5.3

package/dist/als-react-ts-ui263.js

@@ -1,143 +0,0 @@
-import * as a from "react";
-import { useControlled as K } from "./als-react-ts-ui292.js";
-import { useStableCallback as Q } from "./als-react-ts-ui223.js";
-import { useMergedRefs as W } from "./als-react-ts-ui297.js";
-import { useIsoLayoutEffect as X } from "./als-react-ts-ui224.js";
-import { visuallyHidden as Y } from "./als-react-ts-ui376.js";
-import { useRenderElement as Z } from "./als-react-ts-ui220.js";
-import { useBaseUiId as $ } from "./als-react-ts-ui276.js";
-import { SwitchRootContext as ee } from "./als-react-ts-ui560.js";
-import { stateAttributesMapping as te } from "./als-react-ts-ui561.js";
-import { useField as oe } from "./als-react-ts-ui403.js";
-import { useFieldRootContext as re } from "./als-react-ts-ui398.js";
-import { useFormContext as ne } from "./als-react-ts-ui402.js";
-import { useLabelableContext as ie } from "./als-react-ts-ui399.js";
-import { useLabelableId as ae } from "./als-react-ts-ui400.js";
-import { createChangeEventDetails as se } from "./als-react-ts-ui273.js";
-import { useValueChanged as ce } from "./als-react-ts-ui406.js";
-import { jsxs as le, jsx as P } from "react/jsx-runtime";
-import { useButton as de } from "./als-react-ts-ui274.js";
-import { mergeProps as ue } from "./als-react-ts-ui323.js";
-import { none as me } from "./als-react-ts-ui275.js";
-const fe = /* @__PURE__ */ a.forwardRef(function(u, x) {
-  const {
-    checked: y,
-    className: he,
-    defaultChecked: I,
-    id: w,
-    inputRef: E,
-    name: S,
-    nativeButton: B = !1,
-    onCheckedChange: D,
-    readOnly: s = !1,
-    required: c = !1,
-    disabled: F = !1,
-    render: Ce,
-    ...V
-  } = u, {
-    clearErrors: M
-  } = ne(), {
-    state: m,
-    setTouched: N,
-    setDirty: L,
-    validityData: O,
-    setFilled: d,
-    setFocused: f,
-    shouldValidateOnChange: j,
-    validationMode: q,
-    disabled: A,
-    name: H,
-    validation: t
-  } = re(), {
-    labelId: T
-  } = ie(), o = A || F, n = H ?? S, p = Q(D), i = a.useRef(null), h = W(i, E, t.inputRef), l = a.useRef(null), C = $(), R = ae({
-    id: w,
-    implicit: !1,
-    controlRef: l
-  }), [e, b] = K({
-    controlled: y,
-    default: !!I,
-    name: "Switch",
-    state: "checked"
-  });
-  oe({
-    id: C,
-    commit: t.commit,
-    value: e,
-    controlRef: l,
-    name: n,
-    getValue: () => e
-  }), X(() => {
-    i.current && d(i.current.checked);
-  }, [i, d]), ce(e, () => {
-    M(n), L(e !== O.initialValue), d(e), j() ? t.commit(e) : t.commit(e, !0);
-  });
-  const {
-    getButtonProps: U,
-    buttonRef: _
-  } = de({
-    disabled: o,
-    native: B
-  }), z = {
-    id: C,
-    role: "switch",
-    "aria-checked": e,
-    "aria-readonly": s || void 0,
-    "aria-labelledby": T,
-    onFocus() {
-      o || f(!0);
-    },
-    onBlur() {
-      const r = i.current;
-      !r || o || (N(!0), f(!1), q === "onBlur" && t.commit(r.checked));
-    },
-    onClick(r) {
-      s || o || (r.preventDefault(), i?.current?.click());
-    }
-  }, G = a.useMemo(() => ue({
-    checked: e,
-    disabled: o,
-    id: R,
-    name: n,
-    required: c,
-    style: Y,
-    tabIndex: -1,
-    type: "checkbox",
-    "aria-hidden": !0,
-    ref: h,
-    onChange(r) {
-      if (r.nativeEvent.defaultPrevented)
-        return;
-      const v = r.target.checked, g = se(me, r.nativeEvent);
-      p?.(v, g), !g.isCanceled && b(v);
-    },
-    onFocus() {
-      l.current?.focus();
-    }
-  }, t.getInputValidationProps), [e, o, h, R, n, p, c, b, t]), k = a.useMemo(() => ({
-    ...m,
-    checked: e,
-    disabled: o,
-    readOnly: s,
-    required: c
-  }), [m, e, o, s, c]), J = Z("span", u, {
-    state: k,
-    ref: [x, l, _],
-    props: [z, t.getValidationProps, V, U],
-    stateAttributesMapping: te
-  });
-  return /* @__PURE__ */ le(ee.Provider, {
-    value: k,
-    children: [J, !e && n && /* @__PURE__ */ P("input", {
-      type: "hidden",
-      name: n,
-      value: "off"
-    }), /* @__PURE__ */ P("input", {
-      ...G
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (fe.displayName = "SwitchRoot");
-export {
-  fe as SwitchRoot
-};

package/dist/als-react-ts-ui264.js

@@ -1,27 +0,0 @@
-import * as n from "react";
-import { useSwitchRootContext as m } from "./als-react-ts-ui560.js";
-import { useRenderElement as a } from "./als-react-ts-ui220.js";
-import { useFieldRootContext as c } from "./als-react-ts-ui398.js";
-import { stateAttributesMapping as p } from "./als-react-ts-ui561.js";
-const f = /* @__PURE__ */ n.forwardRef(function(t, e) {
-  const {
-    render: d,
-    className: h,
-    ...o
-  } = t, {
-    state: r
-  } = c(), s = m(), i = {
-    ...r,
-    ...s
-  };
-  return a("span", t, {
-    state: i,
-    ref: e,
-    stateAttributesMapping: p,
-    props: o
-  });
-});
-process.env.NODE_ENV !== "production" && (f.displayName = "SwitchThumb");
-export {
-  f as SwitchThumb
-};

package/dist/als-react-ts-ui265.js

@@ -1,27 +0,0 @@
-const a = "_separator_1xnsi_6", r = "_separatorContainer_1xnsi_155", s = "_separatorLine_1xnsi_162", t = "_separatorLabel_1xnsi_168", e = {
-  separator: a,
-  "separator--horizontal": "_separator--horizontal_1xnsi_13",
-  "separator--vertical": "_separator--vertical_1xnsi_18",
-  "separator--sm": "_separator--sm_1xnsi_25",
-  "separator--md": "_separator--md_1xnsi_29",
-  "separator--lg": "_separator--lg_1xnsi_33",
-  "separator--solid": "_separator--solid_1xnsi_51",
-  "separator--dashed": "_separator--dashed_1xnsi_56",
-  "separator--dotted": "_separator--dotted_1xnsi_89",
-  "separator--default": "_separator--default_1xnsi_123",
-  "separator--subtle": "_separator--subtle_1xnsi_128",
-  "separator--strong": "_separator--strong_1xnsi_133",
-  "separator--primary": "_separator--primary_1xnsi_138",
-  "separator--with-spacing": "_separator--with-spacing_1xnsi_144",
-  separatorContainer: r,
-  separatorLine: s,
-  separatorLabel: t,
-  "separator--with-label": "_separator--with-label_1xnsi_178"
-};
-export {
-  e as default,
-  a as separator,
-  r as separatorContainer,
-  t as separatorLabel,
-  s as separatorLine
-};

package/dist/als-react-ts-ui266.js

@@ -1,109 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { createContext as f, forwardRef as i, useContext as p } from "react";
-import n from "./als-react-ts-ui525.js";
-import { TabsRoot as d } from "./als-react-ts-ui526.js";
-import { TabsList as L } from "./als-react-ts-ui527.js";
-import { TabsTab as N } from "./als-react-ts-ui528.js";
-import { TabsIndicator as A } from "./als-react-ts-ui529.js";
-import { TabsPanel as S } from "./als-react-ts-ui530.js";
-const c = f({
-  size: "md"
-}), u = () => p(c), C = i(
-  ({
-    value: s,
-    defaultValue: o = 0,
-    onValueChange: t,
-    orientation: a = "horizontal",
-    size: e = "md",
-    className: r,
-    children: m
-  }, b) => {
-    const T = [
-      n.root,
-      n[`root--${a}`],
-      r
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l(c.Provider, { value: { size: e }, children: /* @__PURE__ */ l(
-      d,
-      {
-        ref: b,
-        value: s,
-        defaultValue: o,
-        onValueChange: t,
-        orientation: a,
-        className: T,
-        children: m
-      }
-    ) });
-  }
-);
-C.displayName = "ALSTabs.Root";
-const j = i(
-  ({ activateOnFocus: s = !1, loopFocus: o = !0, className: t, children: a }, e) => {
-    const r = [n.list, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l(
-      L,
-      {
-        ref: e,
-        activateOnFocus: s,
-        loopFocus: o,
-        className: r,
-        children: a
-      }
-    );
-  }
-);
-j.displayName = "ALSTabs.List";
-const x = i(
-  ({ value: s, disabled: o = !1, className: t, children: a }, e) => {
-    const { size: r } = u(), m = [n.tab, n[`tab--${r}`], t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l(
-      N,
-      {
-        ref: e,
-        value: s,
-        disabled: o,
-        className: m,
-        children: a
-      }
-    );
-  }
-);
-x.displayName = "ALSTabs.Tab";
-const y = i(
-  ({ className: s, renderBeforeHydration: o = !1 }, t) => {
-    const a = [n.indicator, s].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l(
-      A,
-      {
-        ref: t,
-        renderBeforeHydration: o,
-        className: a
-      }
-    );
-  }
-);
-y.displayName = "ALSTabs.Indicator";
-const B = i(
-  ({ value: s, keepMounted: o = !1, className: t, children: a }, e) => {
-    const r = [n.panel, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l(
-      S,
-      {
-        ref: e,
-        value: s,
-        keepMounted: o,
-        className: r,
-        children: a
-      }
-    );
-  }
-);
-B.displayName = "ALSTabs.Panel";
-export {
-  y as ALSTabsIndicator,
-  j as ALSTabsList,
-  B as ALSTabsPanel,
-  C as ALSTabsRoot,
-  x as ALSTabsTab
-};

package/dist/als-react-ts-ui267.js

@@ -1,9 +0,0 @@
-import * as c from "react";
-const e = {};
-function f(r, n) {
-  const t = c.useRef(e);
-  return t.current === e && (t.current = r(n)), t;
-}
-export {
-  f as useRefWithInit
-};

package/dist/als-react-ts-ui268.js

@@ -1,89 +0,0 @@
-import * as s from "react";
-import { useStableCallback as y } from "./als-react-ts-ui223.js";
-import { useScrollLock as I } from "./als-react-ts-ui325.js";
-import { useOpenInteractionType as A } from "./als-react-ts-ui326.js";
-import { createChangeEventDetails as M } from "./als-react-ts-ui273.js";
-import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./als-react-ts-ui288.js";
-import { useSyncedFloatingRootContext as U } from "./als-react-ts-ui327.js";
-import { useRole as w } from "./als-react-ts-ui328.js";
-import { useDismiss as H } from "./als-react-ts-ui329.js";
-import { useInteractions as K } from "./als-react-ts-ui290.js";
-import { imperativeAction as L } from "./als-react-ts-ui275.js";
-import { getTarget as V, contains as j } from "./als-react-ts-ui330.js";
-function ee(R) {
-  const {
-    store: e,
-    parentContext: o,
-    actionsRef: x
-  } = R, n = e.useState("open"), P = e.useState("disablePointerDismissal"), c = e.useState("modal"), l = e.useState("popupElement"), {
-    openMethod: k,
-    triggerProps: r,
-    reset: S
-  } = A(n);
-  B(e);
-  const {
-    forceUnmount: m
-  } = F(n, e, () => {
-    S();
-  }), f = y((t) => {
-    const a = M(t);
-    return a.preventUnmountOnClose = () => {
-      e.set("preventUnmountingOnClose", !0);
-    }, a;
-  }), g = s.useCallback(() => {
-    e.setOpen(!1, f(L));
-  }, [e, f]);
-  s.useImperativeHandle(x, () => ({
-    unmount: m,
-    close: g
-  }), [m, g]);
-  const u = U({
-    popupStore: e,
-    onOpenChange: e.setOpen,
-    treatPopupAsFloatingElement: !0,
-    noEmit: !0
-  }), [i, d] = s.useState(0), C = i === 0, N = w(u), T = H(u, {
-    outsidePressEvent() {
-      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
-        mouse: c === "trap-focus" ? "sloppy" : "intentional",
-        touch: "sloppy"
-      };
-    },
-    outsidePress(t) {
-      if ("button" in t && t.button !== 0 || "touches" in t && t.touches.length !== 1)
-        return !1;
-      const a = V(t);
-      if (C && !P) {
-        const p = a;
-        return c && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === p || e.context.backdropRef.current === p || j(p, l) && !p?.hasAttribute("data-base-ui-portal") : !0;
-      }
-      return !1;
-    },
-    escapeKey: C
-  });
-  I(n && c === !0, l);
-  const {
-    getReferenceProps: D,
-    getFloatingProps: O,
-    getTriggerProps: b
-  } = K([N, T]);
-  e.useContextCallback("onNestedDialogOpen", (t) => {
-    d(t + 1);
-  }), e.useContextCallback("onNestedDialogClose", () => {
-    d(0);
-  }), s.useEffect(() => (o?.onNestedDialogOpen && n && o.onNestedDialogOpen(i), o?.onNestedDialogClose && !n && o.onNestedDialogClose(), () => {
-    o?.onNestedDialogClose && n && o.onNestedDialogClose();
-  }), [n, o, i]);
-  const h = s.useMemo(() => D(r), [D, r]), v = s.useMemo(() => b(r), [b, r]), E = s.useMemo(() => O(), [O]);
-  e.useSyncedValues({
-    openMethod: k,
-    activeTriggerProps: h,
-    inactiveTriggerProps: v,
-    popupProps: E,
-    floatingRootContext: u,
-    nestedOpenDialogCount: i
-  });
-}
-export {
-  ee as useDialogRoot
-};

package/dist/als-react-ts-ui269.js

@@ -1,14 +0,0 @@
-import i from "./als-react-ts-ui286.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");
-function s(n) {
-  const o = t.useContext(e);
-  if (n === !1 && o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : i(27));
-  return o;
-}
-export {
-  e as DialogRootContext,
-  s as useDialogRootContext
-};

package/dist/als-react-ts-ui27.js

@@ -1,18 +0,0 @@
-import { ALSScrollAreaCorner as r, ALSScrollAreaThumb as o, ALSScrollAreaScrollbar as l, ALSScrollAreaContent as S, ALSScrollAreaViewport as e, ALSScrollAreaRoot as A } from "./als-react-ts-ui93.js";
-const c = {
-  /** Root container for the scroll area */
-  Root: A,
-  /** Scrollable viewport container */
-  Viewport: e,
-  /** Content wrapper inside the viewport */
-  Content: S,
-  /** Scrollbar track (vertical or horizontal) */
-  Scrollbar: l,
-  /** Draggable scrollbar thumb */
-  Thumb: o,
-  /** Corner element for both scrollbars */
-  Corner: r
-};
-export {
-  c as ALSScrollArea
-};

package/dist/als-react-ts-ui270.js

@@ -1,65 +0,0 @@
-import * as i from "react";
-import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./als-react-ts-ui331.js";
-import { ReactStore as p } from "./als-react-ts-ui332.js";
-import { PopupTriggerMap as g } from "./als-react-ts-ui333.js";
-import { createSelector as n } from "./als-react-ts-ui334.js";
-const m = {
-  ...d,
-  modal: n((e) => e.modal),
-  nested: n((e) => e.nested),
-  nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
-  disablePointerDismissal: n((e) => e.disablePointerDismissal),
-  openMethod: n((e) => e.openMethod),
-  descriptionElementId: n((e) => e.descriptionElementId),
-  titleElementId: n((e) => e.titleElementId),
-  viewportElement: n((e) => e.viewportElement),
-  role: n((e) => e.role)
-};
-class C extends p {
-  constructor(o) {
-    super(c(o), {
-      popupRef: /* @__PURE__ */ i.createRef(),
-      backdropRef: /* @__PURE__ */ i.createRef(),
-      internalBackdropRef: /* @__PURE__ */ i.createRef(),
-      triggerElements: new g(),
-      onOpenChange: void 0,
-      onOpenChangeComplete: void 0
-    }, m);
-  }
-  setOpen = (o, t) => {
-    if (t.preventUnmountOnClose = () => {
-      this.set("preventUnmountingOnClose", !0);
-    }, !o && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(o, t), t.isCanceled)
-      return;
-    const s = {
-      open: o,
-      nativeEvent: t.event,
-      reason: t.reason,
-      nested: this.state.nested
-    };
-    this.state.floatingRootContext.context.events?.emit("openchange", s);
-    const r = {
-      open: o
-    }, l = t.trigger?.id ?? null;
-    (l || o) && (r.activeTriggerId = l, r.activeTriggerElement = t.trigger ?? null), this.update(r);
-  };
-}
-function c(e = {}) {
-  return {
-    ...a(),
-    modal: !0,
-    disablePointerDismissal: !1,
-    popupElement: null,
-    viewportElement: null,
-    descriptionElementId: void 0,
-    titleElementId: void 0,
-    openMethod: null,
-    nested: !1,
-    nestedOpenDialogCount: 0,
-    role: "dialog",
-    ...e
-  };
-}
-export {
-  C as DialogStore
-};

package/dist/als-react-ts-ui271.js

@@ -1,40 +0,0 @@
-import { TransitionStatusDataAttributes as p } from "./als-react-ts-ui272.js";
-let r = (function(n) {
-  return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = p.startingStyle] = "startingStyle", n[n.endingStyle = p.endingStyle] = "endingStyle", n.anchorHidden = "data-anchor-hidden", n;
-})({}), e = /* @__PURE__ */ (function(n) {
-  return n.popupOpen = "data-popup-open", n.pressed = "data-pressed", n;
-})({});
-const t = {
-  [e.popupOpen]: ""
-}, d = {
-  [e.popupOpen]: "",
-  [e.pressed]: ""
-}, O = {
-  [r.open]: ""
-}, l = {
-  [r.closed]: ""
-}, s = {
-  [r.anchorHidden]: ""
-}, i = {
-  open(n) {
-    return n ? t : null;
-  }
-}, a = {
-  open(n) {
-    return n ? d : null;
-  }
-}, o = {
-  open(n) {
-    return n ? O : l;
-  },
-  anchorHidden(n) {
-    return n ? s : null;
-  }
-};
-export {
-  r as CommonPopupDataAttributes,
-  e as CommonTriggerDataAttributes,
-  o as popupStateMapping,
-  a as pressableTriggerOpenStateMapping,
-  i as triggerOpenStateMapping
-};

package/dist/als-react-ts-ui272.js

@@ -1,16 +0,0 @@
-let n = /* @__PURE__ */ (function(t) {
-  return t.startingStyle = "data-starting-style", t.endingStyle = "data-ending-style", t;
-})({});
-const e = {
-  [n.startingStyle]: ""
-}, i = {
-  [n.endingStyle]: ""
-}, r = {
-  transitionStatus(t) {
-    return t === "starting" ? e : t === "ending" ? i : null;
-  }
-};
-export {
-  n as TransitionStatusDataAttributes,
-  r as transitionStatusMapping
-};

package/dist/als-react-ts-ui273.js

@@ -1,35 +0,0 @@
-import { EMPTY_OBJECT as r } from "./als-react-ts-ui322.js";
-function u(e, t, n, a) {
-  let o = !1, l = !1;
-  const s = a ?? r;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    cancel() {
-      o = !0;
-    },
-    allowPropagation() {
-      l = !0;
-    },
-    get isCanceled() {
-      return o;
-    },
-    get isPropagationAllowed() {
-      return l;
-    },
-    trigger: n,
-    ...s
-  };
-}
-function d(e, t, n) {
-  const a = n ?? r;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    ...a
-  };
-}
-export {
-  u as createChangeEventDetails,
-  d as createGenericEventDetails
-};

package/dist/als-react-ts-ui274.js

@@ -1,91 +0,0 @@
-import * as i from "react";
-import { isHTMLElement as K } from "./als-react-ts-ui338.js";
-import { useStableCallback as d } from "./als-react-ts-ui223.js";
-import { error as m } from "./als-react-ts-ui340.js";
-import { useIsoLayoutEffect as N } from "./als-react-ts-ui224.js";
-import { useCompositeRootContext as O } from "./als-react-ts-ui341.js";
-import { useFocusableWhenDisabled as T } from "./als-react-ts-ui342.js";
-import { mergeProps as U, makeEventPreventable as b } from "./als-react-ts-ui323.js";
-function F(a = {}) {
-  const {
-    disabled: o = !1,
-    focusableWhenDisabled: h,
-    tabIndex: D = 0,
-    native: n = !0
-  } = a, r = i.useRef(null), u = O(!0) !== void 0, f = d(() => {
-    const t = r.current;
-    return !!(t?.tagName === "A" && t?.href);
-  }), {
-    props: s
-  } = T({
-    focusableWhenDisabled: h,
-    disabled: o,
-    composite: u,
-    tabIndex: D,
-    isNativeButton: n
-  });
-  process.env.NODE_ENV !== "production" && i.useEffect(() => {
-    if (!r.current)
-      return;
-    const t = r.current.tagName === "BUTTON";
-    n ? t || m("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.") : t && m("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
-  }, [n]);
-  const l = i.useCallback(() => {
-    const t = r.current;
-    I(t) && u && o && s.disabled === void 0 && t.disabled && (t.disabled = !1);
-  }, [o, s.disabled, u]);
-  N(l, [l]);
-  const y = i.useCallback((t = {}) => {
-    const {
-      onClick: c,
-      onMouseDown: k,
-      onKeyUp: E,
-      onKeyDown: g,
-      onPointerDown: B,
-      ...C
-    } = t;
-    return U({
-      type: n ? "button" : void 0,
-      onClick(e) {
-        if (o) {
-          e.preventDefault();
-          return;
-        }
-        c?.(e);
-      },
-      onMouseDown(e) {
-        o || k?.(e);
-      },
-      onKeyDown(e) {
-        if (o || (b(e), g?.(e)), e.baseUIHandlerPrevented)
-          return;
-        const P = e.target === e.currentTarget && !n && !f() && !o, p = e.key === "Enter", x = e.key === " ";
-        P && ((x || p) && e.preventDefault(), p && c?.(e));
-      },
-      onKeyUp(e) {
-        o || (b(e), E?.(e)), !e.baseUIHandlerPrevented && e.target === e.currentTarget && !n && !o && e.key === " " && c?.(e);
-      },
-      onPointerDown(e) {
-        if (o) {
-          e.preventDefault();
-          return;
-        }
-        B?.(e);
-      }
-    }, n ? void 0 : {
-      role: "button"
-    }, s, C);
-  }, [o, s, n, f]), w = d((t) => {
-    r.current = t, l();
-  });
-  return {
-    getButtonProps: y,
-    buttonRef: w
-  };
-}
-function I(a) {
-  return K(a) && a.tagName === "BUTTON";
-}
-export {
-  F as useButton
-};