@pismo/marola 0.0.1-alpha.2 → 0.0.1-alpha.20

package/dist/main.d.ts

@@ -1,5 +1,27 @@
-
+/**
+ * This file is automatically generated. Any changes will be lost.
+ * run "yarn export-files" or "yarn build" to regenerate it.
+ */
+export * from './components/Advice/Advice';
+export * from './components/Button/Button';
+export * from './components/Checkbox/Checkbox';
+export * from './components/Chip/Chip';
 export * from './components/Dialog/Dialog';
-export * from './components/Typography/Typography';
+export * from './components/Icon/Icon';
+export * from './components/IconButton/IconButton';
+export * from './components/Input/Input';
+export * from './components/InputSearch/InputSearch';
 export * from './components/LoadingSpinner/LoadingSpinner';
-export * from './components/CallToActionButton/CallToActionButton';
+export * from './components/PageHeader/PageHeader';
+export * from './components/Pagination/Pagination';
+export * from './components/Select/Select';
+export * from './components/Skeleton/Skeleton';
+export * from './components/Snackbar/Snackbar';
+export * from './components/SortTooltip/SortTooltip';
+export * from './components/Stepper/Stepper';
+export * from './components/Table/Table';
+export * from './components/Tabs/Tabs';
+export * from './components/TextDisplay/TextDisplay';
+export * from './components/Toggle/Toggle';
+export * from './components/Tooltip/Tooltip';
+export * from './components/Typography/Typography';

package/dist/main.js

@@ -1,17 +1,69 @@
-import './assets/main.css';
-import { Dialog as r } from "./components/Dialog/Dialog.js";
-import { Typography as a } from "./components/Typography/Typography.js";
-import { LoadingSpinner as p } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { CallToActionButton as n } from "./components/CallToActionButton/CallToActionButton.js";
-import { default as m } from "./components/Dialog/Title.js";
-import { default as d } from "./components/Dialog/Content.js";
-import { default as s } from "./components/Dialog/Actions.js";
+import { Advice as e } from "./components/Advice/Advice.js";
+import { Button as p } from "./components/Button/Button.js";
+import { Checkbox as f } from "./components/Checkbox/Checkbox.js";
+import { Chip as m } from "./components/Chip/Chip.js";
+import { Dialog as l } from "./components/Dialog/Dialog.js";
+import { FamilyAndIcons as T, Icon as s } from "./components/Icon/Icon.js";
+import { IconButton as d } from "./components/IconButton/IconButton.js";
+import { Input as g } from "./components/Input/Input.js";
+import { InputSearch as b } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as k } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as D } from "./components/PageHeader/PageHeader.js";
+import { Pagination as C, paginationDefaultTranslations as A } from "./components/Pagination/Pagination.js";
+import { Select as P, SelectOption as H } from "./components/Select/Select.js";
+import { Skeleton as F, SkeletonCircle as L, SkeletonTable as O } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as q } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as z, sortTooltipDefaultTranslations as E } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as J } from "./components/Stepper/Stepper.js";
+import { TBody as M, THead as N, Table as Q, Td as R, Th as U, Tr as V } from "./components/Table/Table.js";
+import { Tabs as X } from "./components/Tabs/Tabs.js";
+import { TextDisplay as Z } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as $ } from "./components/Toggle/Toggle.js";
+import { Tooltip as ro } from "./components/Tooltip/Tooltip.js";
+import { Typography as to } from "./components/Typography/Typography.js";
+import { default as ao } from "./components/Dialog/DialogTitle.js";
+import { default as xo } from "./components/Dialog/Content.js";
+import { default as no } from "./components/Dialog/Actions.js";
+import { Tab as io } from "./components/Tabs/Tab.js";
+import { TabPanel as so } from "./components/Tabs/TabPanel.js";
 export {
-  s as Actions,
-  n as CallToActionButton,
-  d as Content,
-  r as Dialog,
-  m as DialogTitle,
-  p as LoadingSpinner,
-  a as Typography
+  no as Actions,
+  e as Advice,
+  p as Button,
+  f as Checkbox,
+  m as Chip,
+  xo as Content,
+  l as Dialog,
+  ao as DialogTitle,
+  T as FamilyAndIcons,
+  s as Icon,
+  d as IconButton,
+  g as Input,
+  b as InputSearch,
+  k as LoadingSpinner,
+  D as PageHeader,
+  C as Pagination,
+  P as Select,
+  H as SelectOption,
+  F as Skeleton,
+  L as SkeletonCircle,
+  O as SkeletonTable,
+  q as Snackbar,
+  z as SortTooltip,
+  J as Stepper,
+  M as TBody,
+  N as THead,
+  io as Tab,
+  so as TabPanel,
+  Q as Table,
+  X as Tabs,
+  R as Td,
+  Z as TextDisplay,
+  U as Th,
+  $ as Toggle,
+  ro as Tooltip,
+  V as Tr,
+  to as Typography,
+  A as paginationDefaultTranslations,
+  E as sortTooltipDefaultTranslations
 };

package/dist/marola.css

@@ -0,0 +1 @@
+:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.3125rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 4.875rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}

package/dist/test-utils/assertStyles.d.ts

@@ -0,0 +1 @@
+export declare const assertClassesApplied: (expectedClasses: string[] | null, component: HTMLElement) => void;

package/dist/test-utils/assertStyles.js

@@ -0,0 +1,11 @@
+const i = (h, r) => {
+  h == null || h.forEach((a) => {
+    if (!r.className.split(" ").some((t) => t.startsWith(`_${a}_`)))
+      throw new Error(`
+Received: ${r.className}
+Expected: _${a}_{x}, (where {x} = random hash)`);
+  });
+};
+export {
+  i as assertClassesApplied
+};

package/dist/types/helpers.d.ts

@@ -1,10 +1,9 @@
+/// <reference types="vite-plugin-svgr/client" />
+
 // Saves having to declare 'never' for every property that exists on the 'other' type
 // Creates a new type that 'only' has properties in the first type and not in the second, if the property does not
 // exist in the second type, it is given the value of 'never' so it can never be set
-type Only<T, U> = { [P in keyof T]: T[P] } & Omit<
-  { [P in keyof U]?: never },
-  keyof T
->;
+type Only<T, U> = { [P in keyof T]: T[P] } & Omit<{ [P in keyof U]?: never }, keyof T>;
 
 // Usage MyNewType = Either<TypeA, TypeB>
 // Creates a new type via union based on two types
@@ -15,6 +14,14 @@ export type Either<T, U> = Only<T, U> | Only<U, T>;
 // note these arguments must be declared in MyType as optional '?'
 type RequireAllOrNone<T, U extends keyof T = never> = (
   | Required<Pick<T, U>> // Require all properties
-  | Partial<Record<U, never>>
-  ) & // Require none
-  Omit<T, U>; // remaining keys not listed in U
+  | Partial<Record<U, never>> // Require none
+) &
+  Omit<T, U>; // remaining keys not listed in U
+
+// S = string, D = delimiter to split by. Then split S by D and return array of strings. "foo-bar-baz" = ["foo","bar","baz"]
+// Fallback if no '-' return [s] which is an array of the input string e.g. foo = [foo]
+type Split<S extends string, D extends string> = string extends S
+  ? string[]
+  : S extends `${infer T}${D}${infer Rest}`
+    ? [T, ...Split<Rest, D>]
+    : [S];

package/dist/useButton-DNk3wrQp.js

@@ -0,0 +1,105 @@
+import { u as S, b as D, f as k } from "./index-CH45lKw7.js";
+import * as i from "react";
+import { u as _ } from "./useIsFocusVisible-BH4IAdcw.js";
+function v(p) {
+  const {
+    rootElementName: n = "",
+    componentName: l
+  } = p, [c, y] = i.useState(n.toUpperCase());
+  process.env.NODE_ENV !== "production" && i.useEffect(() => {
+    n && c !== n.toUpperCase() && console.error(`useRootElementName: the \`rootElementName\` prop of ${l ? `the ${l} component` : "a component"} expected the '${n}' element, but a '${c.toLowerCase()}' was rendered instead`, "This may cause hydration issues in an SSR context, for example in a Next.js app");
+  }, [n, c, l]);
+  const u = i.useCallback((m) => {
+    var s;
+    y((s = m == null ? void 0 : m.tagName) != null ? s : "");
+  }, []);
+  return [c, u];
+}
+function W(p = {}) {
+  const {
+    disabled: n = !1,
+    focusableWhenDisabled: l,
+    href: c,
+    rootRef: y,
+    tabIndex: u,
+    to: m,
+    type: s,
+    rootElementName: T
+  } = p, b = i.useRef(), [B, N] = i.useState(!1), {
+    isFocusVisibleRef: E,
+    onFocus: F,
+    onBlur: M,
+    ref: U
+  } = _(), [d, R] = i.useState(!1);
+  n && !l && d && R(!1), i.useEffect(() => {
+    E.current = d;
+  }, [d, E]);
+  const [f, V] = v({
+    rootElementName: T ?? (c || m ? "a" : void 0),
+    componentName: "Button"
+  }), w = (t) => (e) => {
+    var o;
+    d && e.preventDefault(), (o = t.onMouseLeave) == null || o.call(t, e);
+  }, K = (t) => (e) => {
+    var o;
+    M(e), E.current === !1 && R(!1), (o = t.onBlur) == null || o.call(t, e);
+  }, P = (t) => (e) => {
+    var o;
+    if (b.current || (b.current = e.currentTarget), F(e), E.current === !0) {
+      var r;
+      R(!0), (r = t.onFocusVisible) == null || r.call(t, e);
+    }
+    (o = t.onFocus) == null || o.call(t, e);
+  }, g = () => {
+    const t = b.current;
+    return f === "BUTTON" || f === "INPUT" && ["button", "submit", "reset"].includes(t == null ? void 0 : t.type) || f === "A" && (t == null ? void 0 : t.href);
+  }, I = (t) => (e) => {
+    if (!n) {
+      var o;
+      (o = t.onClick) == null || o.call(t, e);
+    }
+  }, $ = (t) => (e) => {
+    var o;
+    n || (N(!0), document.addEventListener("mouseup", () => {
+      N(!1);
+    }, {
+      once: !0
+    })), (o = t.onMouseDown) == null || o.call(t, e);
+  }, C = (t) => (e) => {
+    var o;
+    if ((o = t.onKeyDown) == null || o.call(t, e), !e.defaultMuiPrevented && (e.target === e.currentTarget && !g() && e.key === " " && e.preventDefault(), e.target === e.currentTarget && e.key === " " && !n && N(!0), e.target === e.currentTarget && !g() && e.key === "Enter" && !n)) {
+      var r;
+      (r = t.onClick) == null || r.call(t, e), e.preventDefault();
+    }
+  }, L = (t) => (e) => {
+    var o;
+    if (e.target === e.currentTarget && N(!1), (o = t.onKeyUp) == null || o.call(t, e), e.target === e.currentTarget && !g() && !n && e.key === " " && !e.defaultMuiPrevented) {
+      var r;
+      (r = t.onClick) == null || r.call(t, e);
+    }
+  }, x = S(V, y, U, b), a = {};
+  return u !== void 0 && (a.tabIndex = u), f === "BUTTON" ? (a.type = s ?? "button", l ? a["aria-disabled"] = n : a.disabled = n) : f === "INPUT" ? s && ["button", "submit", "reset"].includes(s) && (l ? a["aria-disabled"] = n : a.disabled = n) : f !== "" && (!c && !m && (a.role = "button", a.tabIndex = u ?? 0), n && (a["aria-disabled"] = n, a.tabIndex = l ? u ?? 0 : -1)), {
+    getRootProps: (t = {}) => {
+      const e = D({}, k(p), k(t)), o = D({
+        type: s
+      }, e, a, t, {
+        onBlur: K(e),
+        onClick: I(e),
+        onFocus: P(e),
+        onKeyDown: C(e),
+        onKeyUp: L(e),
+        onMouseDown: $(e),
+        onMouseLeave: w(e),
+        ref: x
+      });
+      return delete o.onFocusVisible, o;
+    },
+    focusVisible: d,
+    setFocusVisible: R,
+    active: B,
+    rootRef: x
+  };
+}
+export {
+  W as u
+};

package/dist/useCompoundItem-D1iRfg8D.js

@@ -0,0 +1,84 @@
+import * as o from "react";
+import { u as g } from "./useEnhancedEffect-CJGo-L3B.js";
+let I = 0;
+function x(e) {
+  const [n, t] = o.useState(e), u = e || n;
+  return o.useEffect(() => {
+    n == null && (I += 1, t(`mui-${I}`));
+  }, [n]), u;
+}
+const p = o.useId;
+function y(e) {
+  if (p !== void 0) {
+    const n = p();
+    return e ?? n;
+  }
+  return x(e);
+}
+const b = /* @__PURE__ */ o.createContext(null);
+process.env.NODE_ENV !== "production" && (b.displayName = "CompoundComponentContext");
+function S(e) {
+  const n = Array.from(e.keys()).map((t) => {
+    const u = e.get(t);
+    return {
+      key: t,
+      subitem: u
+    };
+  });
+  return n.sort((t, u) => {
+    const s = t.subitem.ref.current, r = u.subitem.ref.current;
+    return s === null || r === null || s === r ? 0 : s.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
+  }), new Map(n.map((t) => [t.key, t.subitem]));
+}
+function E() {
+  const [e, n] = o.useState(/* @__PURE__ */ new Map()), t = o.useRef(/* @__PURE__ */ new Set()), u = o.useCallback(function(a) {
+    t.current.delete(a), n((m) => {
+      const c = new Map(m);
+      return c.delete(a), c;
+    });
+  }, []), s = o.useCallback(function(a, m) {
+    let c;
+    return typeof a == "function" ? c = a(t.current) : c = a, t.current.add(c), n((C) => {
+      const l = new Map(C);
+      return l.set(c, m), l;
+    }), {
+      id: c,
+      deregister: () => u(c)
+    };
+  }, [u]), r = o.useMemo(() => S(e), [e]), i = o.useCallback(function(a) {
+    return Array.from(r.keys()).indexOf(a);
+  }, [r]);
+  return {
+    contextValue: o.useMemo(() => ({
+      getItemIndex: i,
+      registerItem: s,
+      totalSubitemCount: e.size
+    }), [i, s, e.size]),
+    subitems: r
+  };
+}
+function N(e, n) {
+  const t = o.useContext(b);
+  if (t === null)
+    throw new Error("useCompoundItem must be used within a useCompoundParent");
+  const {
+    registerItem: u
+  } = t, [s, r] = o.useState(typeof e == "function" ? void 0 : e);
+  return g(() => {
+    const {
+      id: i,
+      deregister: d
+    } = u(e, n);
+    return r(i), d;
+  }, [u, n, e]), {
+    id: s,
+    index: s !== void 0 ? t.getItemIndex(s) : -1,
+    totalItemCount: t.totalSubitemCount
+  };
+}
+export {
+  b as C,
+  N as a,
+  E as b,
+  y as u
+};

package/dist/useControlled-CCMYYdCM.js

@@ -0,0 +1,31 @@
+import * as n from "react";
+function d({
+  controlled: o,
+  default: r,
+  name: t,
+  state: s = "value"
+}) {
+  const {
+    current: e
+  } = n.useRef(o !== void 0), [l, c] = n.useState(r), u = e ? o : l;
+  if (process.env.NODE_ENV !== "production") {
+    n.useEffect(() => {
+      e !== (o !== void 0) && console.error([`MUI: A component is changing the ${e ? "" : "un"}controlled ${s} state of ${t} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [s, t, o]);
+    const {
+      current: i
+    } = n.useRef(r);
+    n.useEffect(() => {
+      !e && i !== r && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+`));
+    }, [JSON.stringify(r)]);
+  }
+  const f = n.useCallback((i) => {
+    e || c(i);
+  }, []);
+  return [u, f];
+}
+export {
+  d as u
+};

package/dist/useEnhancedEffect-CJGo-L3B.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
+export {
+  f as u
+};

package/dist/useEventCallback-xTG9piMa.js

@@ -0,0 +1,45 @@
+import { P as a } from "./index-CH45lKw7.js";
+import * as c from "react";
+import { u as m } from "./useEnhancedEffect-CJGo-L3B.js";
+function s(e, n) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...o) {
+    return e(...o) || n(...o);
+  };
+}
+function d(e) {
+  const {
+    prototype: n = {}
+  } = e;
+  return !!n.isReactComponent;
+}
+function f(e, n, t, o, l) {
+  const u = e[n], p = l || n;
+  if (u == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let r;
+  const i = u.type;
+  return typeof i == "function" && !d(i) && (r = "Did you accidentally use a plain function component for an element instead?"), r !== void 0 ? new Error(`Invalid ${o} \`${p}\` supplied to \`${t}\`. Expected an element that can hold a ref. ${r} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const y = s(a.element, f);
+y.isRequired = s(a.element.isRequired, f);
+function E(e) {
+  return e && e.ownerDocument || document;
+}
+function h(e) {
+  const n = c.useRef(e);
+  return m(() => {
+    n.current = e;
+  }), c.useRef((...t) => (
+    // @ts-expect-error hide `this`
+    (0, n.current)(...t)
+  )).current;
+}
+export {
+  y as e,
+  E as o,
+  h as u
+};

package/dist/useIsFocusVisible-BH4IAdcw.js

@@ -0,0 +1,69 @@
+import * as a from "react";
+import { T as o } from "./useTimeout-DxF9kiZL.js";
+let n = !0, s = !1;
+const c = new o(), f = {
+  text: !0,
+  search: !0,
+  url: !0,
+  tel: !0,
+  email: !0,
+  password: !0,
+  number: !0,
+  date: !0,
+  month: !0,
+  week: !0,
+  time: !0,
+  datetime: !0,
+  "datetime-local": !0
+};
+function d(e) {
+  const {
+    type: t,
+    tagName: r
+  } = e;
+  return !!(r === "INPUT" && f[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
+}
+function h(e) {
+  e.metaKey || e.altKey || e.ctrlKey || (n = !0);
+}
+function i() {
+  n = !1;
+}
+function y() {
+  this.visibilityState === "hidden" && s && (n = !0);
+}
+function m(e) {
+  e.addEventListener("keydown", h, !0), e.addEventListener("mousedown", i, !0), e.addEventListener("pointerdown", i, !0), e.addEventListener("touchstart", i, !0), e.addEventListener("visibilitychange", y, !0);
+}
+function b(e) {
+  const {
+    target: t
+  } = e;
+  try {
+    return t.matches(":focus-visible");
+  } catch {
+  }
+  return n || d(t);
+}
+function w() {
+  const e = a.useCallback((u) => {
+    u != null && m(u.ownerDocument);
+  }, []), t = a.useRef(!1);
+  function r() {
+    return t.current ? (s = !0, c.start(100, () => {
+      s = !1;
+    }), t.current = !1, !0) : !1;
+  }
+  function l(u) {
+    return b(u) ? (t.current = !0, !0) : !1;
+  }
+  return {
+    isFocusVisibleRef: t,
+    onFocus: l,
+    onBlur: r,
+    ref: e
+  };
+}
+export {
+  w as u
+};