@basic-ui/core 0.0.54 → 0.0.57

package/build/esm/Tabs/Tabs.d.ts

@@ -1,10 +1,10 @@
-import type { ElementType, KeyboardEvent, MouseEvent, ReactNode } from 'react';
-export interface TabsProps {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-    onChange?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, value: number) => void;
-    index?: number;
-    defaultIndex?: number;
-}
-export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+export interface TabsProps {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    onChange?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, value: number) => void;
+    index?: number;
+    defaultIndex?: number;
+}
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Tabs/Tabs.js

@@ -1,44 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "index", "onChange", "defaultIndex"];
 import { forwardRef, Fragment, useState } from 'react';
 import { TabsProvider } from './context';
 import { useControlledState } from '../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Tabs = /*#__PURE__*/forwardRef(function Tabs(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? Fragment : _props$as,
-      indexProp = props.index,
-      onChangeProp = props.onChange,
-      _props$defaultIndex = props.defaultIndex,
-      defaultIndex = _props$defaultIndex === void 0 ? 0 : _props$defaultIndex,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var _useControlledState = useControlledState(indexProp, onChangeProp, defaultIndex, function (setState) {
-    return function (e, idx) {
-      return setState(idx);
-    };
-  }),
-      _useControlledState2 = _slicedToArray(_useControlledState, 2),
-      index = _useControlledState2[0],
-      onChange = _useControlledState2[1];
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      tabListId = _useState2[0],
-      setTabListId = _useState2[1];
-
+export const Tabs = /*#__PURE__*/forwardRef(function Tabs(props, forwardedRef) {
+  const {
+    as: Comp = Fragment,
+    index: indexProp,
+    onChange: onChangeProp,
+    defaultIndex = 0,
+    ...otherProps
+  } = props;
+  const [index, onChange] = useControlledState(indexProp, onChangeProp, defaultIndex, setState => (e, idx) => setState(idx));
+  const [tabListId, setTabListId] = useState(null);
   return /*#__PURE__*/_jsx(TabsProvider, {
     value: {
       currentIndex: index || 0,
-      onChange: onChange,
-      tabListId: tabListId,
-      setTabListId: setTabListId
+      onChange,
+      tabListId,
+      setTabListId
     },
-    children: /*#__PURE__*/_jsx(Comp, _extends({
-      ref: forwardedRef
-    }, otherProps))
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: forwardedRef,
+      ...otherProps
+    })
   });
 });
 //# sourceMappingURL=Tabs.js.map

package/build/esm/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["forwardRef","Fragment","useState","TabsProvider","useControlledState","Tabs","props","forwardedRef","as","Comp","indexProp","index","onChangeProp","onChange","defaultIndex","otherProps","setState","e","idx","tabListId","setTabListId","currentIndex"],"sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import type { ElementType, KeyboardEvent, MouseEvent, ReactNode } from 'react';\r\nimport { forwardRef, Fragment, useState } from 'react';\r\n\r\nimport { TabsProvider } from './context';\r\nimport { useControlledState } from '../hooks';\r\n\r\nexport interface TabsProps {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n  onChange?: (\r\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\r\n    value: number\r\n  ) => void;\r\n  index?: number;\r\n  defaultIndex?: number;\r\n}\r\n\r\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const {\r\n    as: Comp = Fragment,\r\n    index: indexProp,\r\n    onChange: onChangeProp,\r\n    defaultIndex = 0,\r\n    ...otherProps\r\n  } = props;\r\n  const [index, onChange] = useControlledState(\r\n    indexProp,\r\n    onChangeProp,\r\n    defaultIndex,\r\n    (setState) => (e, idx) => setState(idx)\r\n  );\r\n\r\n  const [tabListId, setTabListId] = useState<string | null>(null);\r\n\r\n  return (\r\n    <TabsProvider\r\n      value={{ currentIndex: index || 0, onChange, tabListId, setTabListId }}\r\n    >\r\n      <Comp ref={forwardedRef} {...otherProps} />\r\n    </TabsProvider>\r\n  );\r\n});\r\n"],"mappings":";;;;AACA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,QAA/B,QAA+C,OAA/C;AAEA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAcA,OAAO,IAAMC,IAAI,gBAAGL,UAAU,CAA4B,SAASK,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;EACA,gBAMID,KANJ,CACEE,EADF;EAAA,IACMC,IADN,0BACaR,QADb;EAAA,IAESS,SAFT,GAMIJ,KANJ,CAEEK,KAFF;EAAA,IAGYC,YAHZ,GAMIN,KANJ,CAGEO,QAHF;EAAA,0BAMIP,KANJ,CAIEQ,YAJF;EAAA,IAIEA,YAJF,oCAIiB,CAJjB;EAAA,IAKKC,UALL,4BAMIT,KANJ;;EAOA,0BAA0BF,kBAAkB,CAC1CM,SAD0C,EAE1CE,YAF0C,EAG1CE,YAH0C,EAI1C,UAACE,QAAD;IAAA,OAAc,UAACC,CAAD,EAAIC,GAAJ;MAAA,OAAYF,QAAQ,CAACE,GAAD,CAApB;IAAA,CAAd;EAAA,CAJ0C,CAA5C;EAAA;EAAA,IAAOP,KAAP;EAAA,IAAcE,QAAd;;EAOA,gBAAkCX,QAAQ,CAAgB,IAAhB,CAA1C;EAAA;EAAA,IAAOiB,SAAP;EAAA,IAAkBC,YAAlB;;EAEA,oBACE,KAAC,YAAD;IACE,KAAK,EAAE;MAAEC,YAAY,EAAEV,KAAK,IAAI,CAAzB;MAA4BE,QAAQ,EAARA,QAA5B;MAAsCM,SAAS,EAATA,SAAtC;MAAiDC,YAAY,EAAZA;IAAjD,CADT;IAAA,uBAGE,KAAC,IAAD;MAAM,GAAG,EAAEb;IAAX,GAA6BQ,UAA7B;EAHF,EADF;AAOD,CA3B6B,CAAvB"}
+{"version":3,"file":"Tabs.js","names":["forwardRef","Fragment","useState","TabsProvider","useControlledState","jsx","_jsx","Tabs","props","forwardedRef","as","Comp","index","indexProp","onChange","onChangeProp","defaultIndex","otherProps","setState","e","idx","tabListId","setTabListId","value","currentIndex","children","ref"],"sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import type { ElementType, KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { forwardRef, Fragment, useState } from 'react';\n\nimport { TabsProvider } from './context';\nimport { useControlledState } from '../hooks';\n\nexport interface TabsProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    value: number\n  ) => void;\n  index?: number;\n  defaultIndex?: number;\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = Fragment,\n    index: indexProp,\n    onChange: onChangeProp,\n    defaultIndex = 0,\n    ...otherProps\n  } = props;\n  const [index, onChange] = useControlledState(\n    indexProp,\n    onChangeProp,\n    defaultIndex,\n    (setState) => (e, idx) => setState(idx)\n  );\n\n  const [tabListId, setTabListId] = useState<string | null>(null);\n\n  return (\n    <TabsProvider\n      value={{ currentIndex: index || 0, onChange, tabListId, setTabListId }}\n    >\n      <Comp ref={forwardedRef} {...otherProps} />\n    </TabsProvider>\n  );\n});\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,OAAO;AAEtD,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,kBAAkB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc9C,OAAO,MAAMC,IAAI,gBAAGP,UAAU,CAA4B,SAASO,IAAIA,CACrEC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAGV,QAAQ;IACnBW,KAAK,EAAEC,SAAS;IAChBC,QAAQ,EAAEC,YAAY;IACtBC,YAAY,GAAG,CAAC;IAChB,GAAGC;EACL,CAAC,GAAGT,KAAK;EACT,MAAM,CAACI,KAAK,EAAEE,QAAQ,CAAC,GAAGV,kBAAkB,CAC1CS,SAAS,EACTE,YAAY,EACZC,YAAY,EACXE,QAAQ,IAAK,CAACC,CAAC,EAAEC,GAAG,KAAKF,QAAQ,CAACE,GAAG,CACxC,CAAC;EAED,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGpB,QAAQ,CAAgB,IAAI,CAAC;EAE/D,oBACEI,IAAA,CAACH,YAAY;IACXoB,KAAK,EAAE;MAAEC,YAAY,EAAEZ,KAAK,IAAI,CAAC;MAAEE,QAAQ;MAAEO,SAAS;MAAEC;IAAa,CAAE;IAAAG,QAAA,eAEvEnB,IAAA,CAACK,IAAI;MAACe,GAAG,EAAEjB,YAAa;MAAA,GAAKQ;IAAU,CAAG;EAAC,CAC/B,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}

package/build/esm/Tabs/context.d.ts

@@ -1,17 +1,17 @@
-import type { KeyboardEvent, MouseEvent } from 'react';
-import type { Scope } from '../hooks/useScope';
-export interface TabsContextProps {
-    currentIndex: number;
-    onChange?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, value: number) => void;
-    tabListId: string | null;
-    setTabListId: (v: string | null) => void;
-}
-export declare const TabsProvider: import("react").Provider<TabsContextProps | null>;
-export declare const useTabsContext: () => TabsContextProps | null;
-export interface TabListContextProps {
-    tabsScope: Scope<HTMLElement>;
-    manualActivation: boolean;
-    vertical: boolean;
-}
-export declare const TabListProvider: import("react").Provider<TabListContextProps | null>;
-export declare const useTabListContext: () => TabListContextProps | null;
+import type { KeyboardEvent, MouseEvent } from 'react';
+import type { Scope } from '../hooks/useScope';
+export interface TabsContextProps {
+    currentIndex: number;
+    onChange?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, value: number) => void;
+    tabListId: string | null;
+    setTabListId: (v: string | null) => void;
+}
+export declare const TabsProvider: import("react").Provider<TabsContextProps | null>;
+export declare const useTabsContext: () => TabsContextProps | null;
+export interface TabListContextProps {
+    tabsScope: Scope<HTMLElement>;
+    manualActivation: boolean;
+    vertical: boolean;
+}
+export declare const TabListProvider: import("react").Provider<TabListContextProps | null>;
+export declare const useTabListContext: () => TabListContextProps | null;

package/build/esm/Tabs/context.js

@@ -1,15 +1,18 @@
 import { createContext, useContext } from 'react';
-var tabsContext = /*#__PURE__*/createContext(null);
-var TabsProvider = tabsContext.Provider;
-export { TabsProvider };
-export var useTabsContext = function useTabsContext() {
-  return useContext(tabsContext);
-}; // TabList Component
-
-var tablistContext = /*#__PURE__*/createContext(null);
-var TabListProvider = tablistContext.Provider;
-export { TabListProvider };
-export var useTabListContext = function useTabListContext() {
-  return useContext(tablistContext);
-};
+
+// Tabs Component
+
+const tabsContext = /*#__PURE__*/createContext(null);
+export const {
+  Provider: TabsProvider
+} = tabsContext;
+export const useTabsContext = () => useContext(tabsContext);
+
+// TabList Component
+
+const tablistContext = /*#__PURE__*/createContext(null);
+export const {
+  Provider: TabListProvider
+} = tablistContext;
+export const useTabListContext = () => useContext(tablistContext);
 //# sourceMappingURL=context.js.map

package/build/esm/Tabs/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","tabsContext","TabsProvider","Provider","useTabsContext","tablistContext","TabListProvider","useTabListContext"],"sources":["../../../src/Tabs/context.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react';\r\nimport { createContext, useContext } from 'react';\r\n\r\nimport type { Scope } from '../hooks/useScope';\r\n\r\n// Tabs Component\r\nexport interface TabsContextProps {\r\n  currentIndex: number;\r\n  onChange?: (\r\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\r\n    value: number\r\n  ) => void;\r\n  tabListId: string | null;\r\n  setTabListId: (v: string | null) => void;\r\n}\r\n\r\nconst tabsContext = createContext<TabsContextProps | null>(null);\r\nexport const { Provider: TabsProvider } = tabsContext;\r\nexport const useTabsContext = () => useContext(tabsContext);\r\n\r\n// TabList Component\r\nexport interface TabListContextProps {\r\n  tabsScope: Scope<HTMLElement>;\r\n  manualActivation: boolean;\r\n  vertical: boolean;\r\n}\r\n\r\nconst tablistContext = createContext<TabListContextProps | null>(null);\r\nexport const { Provider: TabListProvider } = tablistContext;\r\nexport const useTabListContext = () => useContext(tablistContext);\r\n"],"mappings":"AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAeA,IAAMC,WAAW,gBAAGF,aAAa,CAA0B,IAA1B,CAAjC;AACO,IAAkBG,YAAlB,GAAmCD,WAAnC,CAAQE,QAAR;;AACP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;EAAA,OAAMJ,UAAU,CAACC,WAAD,CAAhB;AAAA,CAAvB,C,CAEP;;AAOA,IAAMI,cAAc,gBAAGN,aAAa,CAA6B,IAA7B,CAApC;AACO,IAAkBO,eAAlB,GAAsCD,cAAtC,CAAQF,QAAR;;AACP,OAAO,IAAMI,iBAAiB,GAAG,SAApBA,iBAAoB;EAAA,OAAMP,UAAU,CAACK,cAAD,CAAhB;AAAA,CAA1B"}
+{"version":3,"file":"context.js","names":["createContext","useContext","tabsContext","Provider","TabsProvider","useTabsContext","tablistContext","TabListProvider","useTabListContext"],"sources":["../../../src/Tabs/context.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { Scope } from '../hooks/useScope';\n\n// Tabs Component\nexport interface TabsContextProps {\n  currentIndex: number;\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    value: number\n  ) => void;\n  tabListId: string | null;\n  setTabListId: (v: string | null) => void;\n}\n\nconst tabsContext = createContext<TabsContextProps | null>(null);\nexport const { Provider: TabsProvider } = tabsContext;\nexport const useTabsContext = () => useContext(tabsContext);\n\n// TabList Component\nexport interface TabListContextProps {\n  tabsScope: Scope<HTMLElement>;\n  manualActivation: boolean;\n  vertical: boolean;\n}\n\nconst tablistContext = createContext<TabListContextProps | null>(null);\nexport const { Provider: TabListProvider } = tablistContext;\nexport const useTabListContext = () => useContext(tablistContext);\n"],"mappings":"AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAIjD;;AAWA,MAAMC,WAAW,gBAAGF,aAAa,CAA0B,IAAI,CAAC;AAChE,OAAO,MAAM;EAAEG,QAAQ,EAAEC;AAAa,CAAC,GAAGF,WAAW;AACrD,OAAO,MAAMG,cAAc,GAAGA,CAAA,KAAMJ,UAAU,CAACC,WAAW,CAAC;;AAE3D;;AAOA,MAAMI,cAAc,gBAAGN,aAAa,CAA6B,IAAI,CAAC;AACtE,OAAO,MAAM;EAAEG,QAAQ,EAAEI;AAAgB,CAAC,GAAGD,cAAc;AAC3D,OAAO,MAAME,iBAAiB,GAAGA,CAAA,KAAMP,UAAU,CAACK,cAAc,CAAC","ignoreList":[]}

package/build/esm/Tabs/index.d.ts

@@ -1,5 +1,5 @@
-export * from './Tabs';
-export * from './Tab';
-export * from './TabList';
-export * from './TabPanels';
-export * from './TabPanel';
+export * from './Tabs';
+export * from './Tab';
+export * from './TabList';
+export * from './TabPanels';
+export * from './TabPanel';

package/build/esm/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":["export * from './Tabs';\r\nexport * from './Tab';\r\nexport * from './TabList';\r\nexport * from './TabPanels';\r\nexport * from './TabPanel';\r\n"],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,OAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":["export * from './Tabs';\nexport * from './Tab';\nexport * from './TabList';\nexport * from './TabPanels';\nexport * from './TabPanel';\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,YAAY","ignoreList":[]}

package/build/esm/Tabs/scopeQuery.d.ts

@@ -1 +1 @@
-export declare function scopeQuery(nodeType: string, props: Record<string, unknown>): boolean;
+export declare function scopeQuery(nodeType: string, props: Record<string, unknown>): boolean;

package/build/esm/Tabs/scopeQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"scopeQuery.js","names":["scopeQuery","nodeType","props"],"sources":["../../../src/Tabs/scopeQuery.ts"],"sourcesContent":["export function scopeQuery(\r\n  nodeType: string,\r\n  props: Record<string, unknown>\r\n): boolean {\r\n  return props['data-tab'] === '';\r\n}\r\n"],"mappings":"AAAA,OAAO,SAASA,UAAT,CACLC,QADK,EAELC,KAFK,EAGI;EACT,OAAOA,KAAK,CAAC,UAAD,CAAL,KAAsB,EAA7B;AACD"}
+{"version":3,"file":"scopeQuery.js","names":["scopeQuery","nodeType","props"],"sources":["../../../src/Tabs/scopeQuery.ts"],"sourcesContent":["export function scopeQuery(\n  nodeType: string,\n  props: Record<string, unknown>\n): boolean {\n  return props['data-tab'] === '';\n}\n"],"mappings":"AAAA,OAAO,SAASA,UAAUA,CACxBC,QAAgB,EAChBC,KAA8B,EACrB;EACT,OAAOA,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE;AACjC","ignoreList":[]}

package/build/esm/Tooltip/Tooltip.d.ts

@@ -1,10 +1,10 @@
-import type { ElementType, HTMLAttributes, ReactNode, RefAttributes } from 'react';
-export type { InjectedTooltipProps } from './useTooltip';
-export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-    label: ReactNode;
-    disabled?: boolean;
-}
-export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>;
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+export type { InjectedTooltipProps } from './useTooltip';
+export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Tooltip/Tooltip.js

@@ -1,42 +1,32 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "innerAs", "children", "disabled"],
-    _excluded2 = ["visible"];
 import { forwardRef, cloneElement, Children } from 'react';
 import { useTooltip } from './useTooltip';
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? 'div' : _props$as,
-      innerAs = props.innerAs,
-      children = props.children,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var child = Children.only(children);
-
-  var _useTooltip = useTooltip(child.props, child.ref, otherProps),
-      _useTooltip2 = _slicedToArray(_useTooltip, 2),
-      childProps = _useTooltip2[0],
-      _useTooltip2$ = _useTooltip2[1],
-      visible = _useTooltip2$.visible,
-      tooltipProps = _objectWithoutProperties(_useTooltip2$, _excluded2);
-
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, forwardedRef) {
+  const {
+    as: Comp = 'div',
+    innerAs,
+    children,
+    disabled = false,
+    ...otherProps
+  } = props;
+  const child = Children.only(children);
+  // React 19: ref lives in props. React <=18: ref lives on element directly.
+  const childRef = child.props.ref ?? child.ref;
+  const [childProps, {
+    visible,
+    ...tooltipProps
+  }] = useTooltip(child.props, childRef, otherProps);
   if (disabled) {
     return /*#__PURE__*/_jsx(_Fragment, {
       children: child
     });
   }
-
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/cloneElement(child, childProps), visible && /*#__PURE__*/_jsx(Comp, _extends({
+    children: [/*#__PURE__*/cloneElement(child, childProps), visible && /*#__PURE__*/_jsx(Comp, {
       as: innerAs,
-      ref: forwardedRef
-    }, tooltipProps))]
+      ref: forwardedRef,
+      ...tooltipProps
+    })]
   });
 });
 //# sourceMappingURL=Tooltip.js.map

package/build/esm/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["forwardRef","cloneElement","Children","useTooltip","Tooltip","props","forwardedRef","as","Comp","innerAs","children","disabled","otherProps","child","only","ref","childProps","visible","tooltipProps"],"sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type {\r\n  ElementType,\r\n  HTMLAttributes,\r\n  ReactElement,\r\n  ReactNode,\r\n  RefAttributes,\r\n} from 'react';\r\nimport { forwardRef, cloneElement, Children } from 'react';\r\n\r\nimport { useTooltip } from './useTooltip';\r\nexport type { InjectedTooltipProps } from './useTooltip';\r\n\r\nexport interface TooltipProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n  label: ReactNode;\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\r\n  function Tooltip(props, forwardedRef) {\r\n    const {\r\n      as: Comp = 'div',\r\n      innerAs,\r\n      children,\r\n      disabled = false,\r\n      ...otherProps\r\n    } = props;\r\n    const child: ReactElement & RefAttributes<any> = Children.only(\r\n      children\r\n    ) as any;\r\n    const [childProps, { visible, ...tooltipProps }] = useTooltip(\r\n      child.props,\r\n      child.ref,\r\n      otherProps\r\n    );\r\n\r\n    if (disabled) {\r\n      return <>{child}</>;\r\n    }\r\n\r\n    return (\r\n      <>\r\n        {cloneElement(child, childProps)}\r\n        {visible && <Comp as={innerAs} ref={forwardedRef} {...tooltipProps} />}\r\n      </>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;;;AAOA,SAASA,UAAT,EAAqBC,YAArB,EAAmCC,QAAnC,QAAmD,OAAnD;AAEA,SAASC,UAAT,QAA2B,cAA3B;;;;AAWA,OAAO,IAAMC,OAAO,gBAAGJ,UAAU,CAC/B,SAASI,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;EACpC,gBAMID,KANJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,KADb;EAAA,IAEEC,OAFF,GAMIJ,KANJ,CAEEI,OAFF;EAAA,IAGEC,QAHF,GAMIL,KANJ,CAGEK,QAHF;EAAA,sBAMIL,KANJ,CAIEM,QAJF;EAAA,IAIEA,QAJF,gCAIa,KAJb;EAAA,IAKKC,UALL,4BAMIP,KANJ;;EAOA,IAAMQ,KAAwC,GAAGX,QAAQ,CAACY,IAAT,CAC/CJ,QAD+C,CAAjD;;EAGA,kBAAmDP,UAAU,CAC3DU,KAAK,CAACR,KADqD,EAE3DQ,KAAK,CAACE,GAFqD,EAG3DH,UAH2D,CAA7D;EAAA;EAAA,IAAOI,UAAP;EAAA;EAAA,IAAqBC,OAArB,iBAAqBA,OAArB;EAAA,IAAiCC,YAAjC;;EAMA,IAAIP,QAAJ,EAAc;IACZ,oBAAO;MAAA,UAAGE;IAAH,EAAP;EACD;;EAED,oBACE;IAAA,wBACGZ,YAAY,CAACY,KAAD,EAAQG,UAAR,CADf,EAEGC,OAAO,iBAAI,KAAC,IAAD;MAAM,EAAE,EAAER,OAAV;MAAmB,GAAG,EAAEH;IAAxB,GAA0CY,YAA1C,EAFd;EAAA,EADF;AAMD,CA5B8B,CAA1B"}
+{"version":3,"file":"Tooltip.js","names":["forwardRef","cloneElement","Children","useTooltip","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","Tooltip","props","forwardedRef","as","Comp","innerAs","children","disabled","otherProps","child","only","childRef","ref","childProps","visible","tooltipProps"],"sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type {\n  ElementType,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  Ref,\n} from 'react';\nimport { forwardRef, cloneElement, Children } from 'react';\n\nimport { useTooltip } from './useTooltip';\nexport type { InjectedTooltipProps } from './useTooltip';\n\nexport interface TooltipProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      innerAs,\n      children,\n      disabled = false,\n      ...otherProps\n    } = props;\n    const child = Children.only(children) as ReactElement<\n      HTMLAttributes<HTMLElement>\n    >;\n    // React 19: ref lives in props. React <=18: ref lives on element directly.\n    const childRef =\n      (child.props as { ref?: Ref<HTMLElement> }).ref ?? (child as any).ref;\n    const [childProps, { visible, ...tooltipProps }] = useTooltip(\n      child.props,\n      childRef,\n      otherProps\n    );\n\n    if (disabled) {\n      return <>{child}</>;\n    }\n\n    return (\n      <>\n        {cloneElement(child, childProps)}\n        {visible && <Comp as={innerAs} ref={forwardedRef} {...tooltipProps} />}\n      </>\n    );\n  }\n);\n"],"mappings":"AAOA,SAASA,UAAU,EAAEC,YAAY,EAAEC,QAAQ,QAAQ,OAAO;AAE1D,SAASC,UAAU,QAAQ,cAAc;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW1C,OAAO,MAAMC,OAAO,gBAAGV,UAAU,CAC/B,SAASU,OAAOA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACpC,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAChBC,OAAO;IACPC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChB,GAAGC;EACL,CAAC,GAAGP,KAAK;EACT,MAAMQ,KAAK,GAAGjB,QAAQ,CAACkB,IAAI,CAACJ,QAAQ,CAEnC;EACD;EACA,MAAMK,QAAQ,GACXF,KAAK,CAACR,KAAK,CAAgCW,GAAG,IAAKH,KAAK,CAASG,GAAG;EACvE,MAAM,CAACC,UAAU,EAAE;IAAEC,OAAO;IAAE,GAAGC;EAAa,CAAC,CAAC,GAAGtB,UAAU,CAC3DgB,KAAK,CAACR,KAAK,EACXU,QAAQ,EACRH,UACF,CAAC;EAED,IAAID,QAAQ,EAAE;IACZ,oBAAOV,IAAA,CAAAF,SAAA;MAAAW,QAAA,EAAGG;IAAK,CAAG,CAAC;EACrB;EAEA,oBACEV,KAAA,CAAAJ,SAAA;IAAAW,QAAA,gBACGf,YAAY,CAACkB,KAAK,EAAEI,UAAU,CAAC,EAC/BC,OAAO,iBAAIjB,IAAA,CAACO,IAAI;MAACD,EAAE,EAAEE,OAAQ;MAACO,GAAG,EAAEV,YAAa;MAAA,GAAKa;IAAY,CAAG,CAAC;EAAA,CACtE,CAAC;AAEP,CACF,CAAC","ignoreList":[]}

package/build/esm/Tooltip/index.d.ts

@@ -1 +1 @@
-export * from './Tooltip';
+export * from './Tooltip';

package/build/esm/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Tooltip/index.ts"],"sourcesContent":["export * from './Tooltip';\r\n"],"mappings":"AAAA,cAAc,WAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Tooltip/index.ts"],"sourcesContent":["export * from './Tooltip';\n"],"mappings":"AAAA,cAAc,WAAW","ignoreList":[]}

package/build/esm/Tooltip/stateMachine.d.ts

@@ -1,28 +1,28 @@
-export declare type TooltipStates = 'IDLE' | 'FOCUSED' | 'VISIBLE' | 'LEAVING_VISIBLE' | 'DISMISSED';
-export declare const Idle: "IDLE";
-export declare const Focused: "FOCUSED";
-export declare const Visible: "VISIBLE";
-export declare const LeavingVisible: "LEAVING_VISIBLE";
-export declare const Dismissed: "DISMISSED";
-export declare type TooltipEventTypes = 'BLUR' | 'FOCUS' | 'GLOBAL_MOUSE_MOVE' | 'MOUSE_DOWN' | 'MOUSE_ENTER' | 'MOUSE_LEAVE' | 'MOUSE_MOVE' | 'REST' | 'SELECT_WITH_KEYBOARD' | 'TIME_COMPLETE';
-export declare const Blur: "BLUR";
-export declare const Focus: "FOCUS";
-export declare const GlobalMouseMove: "GLOBAL_MOUSE_MOVE";
-export declare const MouseDown: "MOUSE_DOWN";
-export declare const MouseEnter: "MOUSE_ENTER";
-export declare const MouseLeave: "MOUSE_LEAVE";
-export declare const MouseMove: "MOUSE_MOVE";
-export declare const Rest: "REST";
-export declare const SelectWithKeyboard: "SELECT_WITH_KEYBOARD";
-export declare const TimeComplete: "TIME_COMPLETE";
-export declare const subscription: {
-    subscribe: (fn: () => void) => () => void;
-    notify: () => void;
-};
-export declare const state: {
-    current: {
-        state: TooltipStates;
-        id: string;
-    };
-};
-export declare function send<T extends TooltipEventTypes>(event: T, payload?: Omit<typeof state['current'], 'state'>): void;
+export type TooltipStates = 'IDLE' | 'FOCUSED' | 'VISIBLE' | 'LEAVING_VISIBLE' | 'DISMISSED';
+export declare const Idle: "IDLE";
+export declare const Focused: "FOCUSED";
+export declare const Visible: "VISIBLE";
+export declare const LeavingVisible: "LEAVING_VISIBLE";
+export declare const Dismissed: "DISMISSED";
+export type TooltipEventTypes = 'BLUR' | 'FOCUS' | 'GLOBAL_MOUSE_MOVE' | 'MOUSE_DOWN' | 'MOUSE_ENTER' | 'MOUSE_LEAVE' | 'MOUSE_MOVE' | 'REST' | 'SELECT_WITH_KEYBOARD' | 'TIME_COMPLETE';
+export declare const Blur: "BLUR";
+export declare const Focus: "FOCUS";
+export declare const GlobalMouseMove: "GLOBAL_MOUSE_MOVE";
+export declare const MouseDown: "MOUSE_DOWN";
+export declare const MouseEnter: "MOUSE_ENTER";
+export declare const MouseLeave: "MOUSE_LEAVE";
+export declare const MouseMove: "MOUSE_MOVE";
+export declare const Rest: "REST";
+export declare const SelectWithKeyboard: "SELECT_WITH_KEYBOARD";
+export declare const TimeComplete: "TIME_COMPLETE";
+export declare const subscription: {
+    subscribe: (fn: () => void) => () => void;
+    notify: () => void;
+};
+export declare const state: {
+    current: {
+        state: TooltipStates;
+        id: string;
+    };
+};
+export declare function send<T extends TooltipEventTypes>(event: T, payload?: Omit<typeof state['current'], 'state'>): void;

package/build/esm/Tooltip/stateMachine.js

@@ -1,111 +1,129 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-var _on, _on2, _on3, _on4, _on5, _states;
-
 import { createSubscription } from '../utils/create-subscription';
 ////////////////////////////////////////////////////////////////////////////////
 // Timeouts:
+
 // Manages when the user "rests" on an element. Keeps the interface from being
 // flashing tooltips all the time as the user moves the mouse around the screen.
-var restTimeout;
-
+let restTimeout;
 function startRestTimer() {
   clearTimeout(restTimeout);
-  restTimeout = setTimeout(function () {
+  restTimeout = setTimeout(() => {
     send(Rest, undefined);
   }, 200);
 }
-
 function clearRestTimer() {
   clearTimeout(restTimeout);
-} // Manages the delay to hide the tooltip after rest leaves.
-
-
-var leavingVisibleTimer;
+}
 
+// Manages the delay to hide the tooltip after rest leaves.
+let leavingVisibleTimer;
 function startLeavingVisibleTimer() {
   clearTimeout(leavingVisibleTimer);
-  leavingVisibleTimer = setTimeout(function () {
-    return send(TimeComplete, undefined);
-  }, 100);
+  leavingVisibleTimer = setTimeout(() => send(TimeComplete, undefined), 100);
 }
-
 function clearLeavingVisibleTimer() {
   clearTimeout(leavingVisibleTimer);
-} ////////////////////////////////////////////////////////////////////////////////
-// State machine
+}
 
+////////////////////////////////////////////////////////////////////////////////
+// State machine
 
 // Nothing goin' on
-export var Idle = 'IDLE'; // We're considering showing the tooltip, but we're gonna wait a sec
-
-export var Focused = 'FOCUSED'; // It's on!
-
-export var Visible = 'VISIBLE'; // Focus has left, but we want to keep it visible for a sec
-
-export var LeavingVisible = 'LEAVING_VISIBLE'; // The user clicked the tool, so we want to hide the thing, we can't just use
+export const Idle = 'IDLE';
+// We're considering showing the tooltip, but we're gonna wait a sec
+export const Focused = 'FOCUSED';
+// It's on!
+export const Visible = 'VISIBLE';
+// Focus has left, but we want to keep it visible for a sec
+export const LeavingVisible = 'LEAVING_VISIBLE';
+// The user clicked the tool, so we want to hide the thing, we can't just use
 // IDLE because we need to ignore mousemove, etc.
-
-export var Dismissed = 'DISMISSED';
-export var Blur = 'BLUR';
-export var Focus = 'FOCUS';
-export var GlobalMouseMove = 'GLOBAL_MOUSE_MOVE';
-export var MouseDown = 'MOUSE_DOWN';
-export var MouseEnter = 'MOUSE_ENTER';
-export var MouseLeave = 'MOUSE_LEAVE';
-export var MouseMove = 'MOUSE_MOVE';
-export var Rest = 'REST';
-export var SelectWithKeyboard = 'SELECT_WITH_KEYBOARD';
-export var TimeComplete = 'TIME_COMPLETE';
-export var subscription = createSubscription();
-export var state = {
+export const Dismissed = 'DISMISSED';
+export const Blur = 'BLUR';
+export const Focus = 'FOCUS';
+export const GlobalMouseMove = 'GLOBAL_MOUSE_MOVE';
+export const MouseDown = 'MOUSE_DOWN';
+export const MouseEnter = 'MOUSE_ENTER';
+export const MouseLeave = 'MOUSE_LEAVE';
+export const MouseMove = 'MOUSE_MOVE';
+export const Rest = 'REST';
+export const SelectWithKeyboard = 'SELECT_WITH_KEYBOARD';
+export const TimeComplete = 'TIME_COMPLETE';
+export const subscription = createSubscription();
+export const state = {
   current: {
     state: Idle,
     id: ''
   }
 };
-
 function clearContextId() {
   state.current.id = '';
 }
-
-var chart = {
+const chart = {
   initial: Idle,
-  states: (_states = {}, _defineProperty(_states, Idle, {
-    enter: function enter() {
-      clearContextId();
+  states: {
+    [Idle]: {
+      enter: () => {
+        clearContextId();
+      },
+      on: {
+        [MouseEnter]: Focused,
+        [Focus]: Visible
+      }
     },
-    on: (_on = {}, _defineProperty(_on, MouseEnter, Focused), _defineProperty(_on, Focus, Visible), _on)
-  }), _defineProperty(_states, Focused, {
-    enter: startRestTimer,
-    leave: clearRestTimer,
-    on: (_on2 = {}, _defineProperty(_on2, MouseMove, Focused), _defineProperty(_on2, MouseLeave, Idle), _defineProperty(_on2, MouseDown, Dismissed), _defineProperty(_on2, Blur, Idle), _defineProperty(_on2, Rest, Visible), _on2)
-  }), _defineProperty(_states, Visible, {
-    on: (_on3 = {}, _defineProperty(_on3, Focus, Focused), _defineProperty(_on3, MouseEnter, Focused), _defineProperty(_on3, MouseLeave, LeavingVisible), _defineProperty(_on3, Blur, LeavingVisible), _defineProperty(_on3, MouseDown, Dismissed), _defineProperty(_on3, SelectWithKeyboard, Dismissed), _defineProperty(_on3, GlobalMouseMove, LeavingVisible), _on3)
-  }), _defineProperty(_states, LeavingVisible, {
-    enter: function enter() {
-      startLeavingVisibleTimer();
+    [Focused]: {
+      enter: startRestTimer,
+      leave: clearRestTimer,
+      on: {
+        [MouseMove]: Focused,
+        [MouseLeave]: Idle,
+        [MouseDown]: Dismissed,
+        [Blur]: Idle,
+        [Rest]: Visible
+      }
     },
-    leave: function leave() {
-      clearLeavingVisibleTimer();
-      clearContextId();
+    [Visible]: {
+      on: {
+        [Focus]: Focused,
+        [MouseEnter]: Focused,
+        [MouseLeave]: LeavingVisible,
+        [Blur]: LeavingVisible,
+        [MouseDown]: Dismissed,
+        [SelectWithKeyboard]: Dismissed,
+        [GlobalMouseMove]: LeavingVisible
+      }
     },
-    on: (_on4 = {}, _defineProperty(_on4, MouseEnter, Visible), _defineProperty(_on4, Focus, Visible), _defineProperty(_on4, TimeComplete, Idle), _on4)
-  }), _defineProperty(_states, Dismissed, {
-    leave: function leave() {
-      clearContextId();
+    [LeavingVisible]: {
+      enter: () => {
+        startLeavingVisibleTimer();
+      },
+      leave: () => {
+        clearLeavingVisibleTimer();
+        clearContextId();
+      },
+      on: {
+        [MouseEnter]: Visible,
+        [Focus]: Visible,
+        [TimeComplete]: Idle
+      }
     },
-    on: (_on5 = {}, _defineProperty(_on5, MouseLeave, Idle), _defineProperty(_on5, Blur, Idle), _on5)
-  }), _states)
+    [Dismissed]: {
+      leave: () => {
+        clearContextId();
+      },
+      on: {
+        [MouseLeave]: Idle,
+        [Blur]: Idle
+      }
+    }
+  }
 };
-
 function transition(currentState, event, payload) {
-  var _stateDef$on;
+  const currentStateValue = currentState.state;
+  const stateDef = chart.states[currentState.state];
+  const nextState = stateDef?.on?.[event];
 
-  var currentStateValue = currentState.state;
-  var stateDef = chart.states[currentState.state];
-  var nextState = stateDef === null || stateDef === void 0 ? void 0 : (_stateDef$on = stateDef.on) === null || _stateDef$on === void 0 ? void 0 : _stateDef$on[event]; // Really useful for debugging
+  // Really useful for debugging
   // console.log({
   //   event,
   //   state: state.current.state,
@@ -116,26 +134,22 @@ function transition(currentState, event, payload) {
   if (!nextState) {
     return currentState;
   }
-
   if (stateDef && stateDef.leave) {
     stateDef.leave(currentStateValue, payload);
   }
-
-  var nextStateValue = nextState;
-  var nextDef = chart.states[nextStateValue];
-
+  const nextStateValue = nextState;
+  const nextDef = chart.states[nextStateValue];
   if (nextDef && nextDef.enter) {
     nextDef.enter(nextStateValue, payload);
   }
-
-  return _extends(_extends(_extends({}, currentState), payload), {}, {
+  return {
+    ...currentState,
+    ...payload,
     state: nextStateValue
-  });
+  };
 }
-
 export function send(event, payload) {
-  var nextState = transition(state.current, event, payload);
-
+  const nextState = transition(state.current, event, payload);
   if (state.current !== nextState) {
     state.current = nextState;
     subscription.notify();