@skdx/react 0.26.0 → 0.28.0

package/dist/toolbar/types.d.cts

@@ -1,4 +1,78 @@
+import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
+import type { SelectionChangeDetail } from '../utils/useSelection.cjs';
+/**
+ * One entry of {@link ToolbarProps.items}. A discriminated union whose plain
+ * button variant carries no `type` at all, so `{ label: 'Bold', onClick: bold }`
+ * needs no annotation. Narrow with `'type' in item`.
+ */
+export type ToolbarItem = {
+    /** Text rendered inside the derived `ToolbarButton`. */
+    label: string;
+    /**
+     * Called when the derived button is activated.
+     * @default undefined — no-op if omitted.
+     */
+    onClick?: () => void;
+    /**
+     * Disables the button and takes it out of the roving-tabindex ring.
+     * @default false
+     */
+    disabled?: boolean;
+} | {
+    /** Renders a `ToolbarLink` instead of a `ToolbarButton`. */
+    type: 'link';
+    /** Text rendered inside the derived `ToolbarLink`. */
+    label: string;
+    /** Destination of the derived `ToolbarLink`. */
+    href: string;
+    /**
+     * Marks the link `aria-disabled` — an `<a>` has no `disabled` attribute,
+     * so it stays in the roving ring and announces as unavailable.
+     * @default false
+     */
+    disabled?: boolean;
+} | {
+    /** Renders a `ToolbarSeparator` between groups of controls. */
+    type: 'separator';
+} | {
+    /** Renders a `ToolbarToggleGroup` of `ToolbarToggleItem`s. */
+    type: 'toggle-group';
+    /**
+     * Whether at most one item may be pressed (`'single'`) or any number
+     * (`'multiple'`), mapped to the `ToolbarToggleGroup` part's `type`.
+     * @default 'single'
+     */
+    mode?: 'single' | 'multiple';
+    /**
+     * Pressed item's value(s), for controlled usage.
+     * @default undefined — uncontrolled.
+     */
+    value?: string | string[];
+    /**
+     * Fires with the pressed value(s) — a bare string under `'single'`, the
+     * whole array under `'multiple'`.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: (value: string | string[]) => void;
+    /**
+     * Disables every item in the group.
+     * @default false
+     */
+    disabled?: boolean;
+    /** The group's toggle options. */
+    items: {
+        /** Identifier tracked in the group's pressed value(s). */
+        value: string;
+        /** Text rendered inside the derived `ToolbarToggleItem`. */
+        label: string;
+        /**
+         * Disables this option alone, on top of the group's own `disabled`.
+         * @default false
+         */
+        disabled?: boolean;
+    }[];
+};
 /** Layout axis of a {@link Toolbar}, driving `aria-orientation` and the arrow keys used for roving-tabindex navigation. */
 export type ToolbarOrientation = 'horizontal' | 'vertical';
 /** @internal Shared state distributed from {@link Toolbar} to its parts via context. Not part of the public API. */
@@ -9,6 +83,19 @@ export interface ToolbarContextValue {
 }
 /** Props for the {@link Toolbar} root. */
 export interface ToolbarProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * The toolbar's controls, rendered into the derived anatomy. Ignored when
+     * `children` is given, which switches to full manual composition.
+     * @default undefined — an empty toolbar.
+     */
+    items?: ToolbarItem[];
+    /**
+     * Renders the *contents* of a derived control, in place of its label. The
+     * control itself — its role, `data-*`, roving `tabIndex` and disabled state
+     * — stays the library's. Not called for separators, which render no label.
+     * @default undefined — the entry's `label` is rendered.
+     */
+    renderItem?: (item: ToolbarItem) => React.ReactNode;
     /**
      * Layout axis, exposed as `aria-orientation`/`data-orientation` and used to
      * pick Arrow Left/Right vs. Arrow Up/Down for roving-tabindex navigation.
@@ -24,6 +111,11 @@ export interface ToolbarProps extends PrimitivePropsWithRef<'div'> {
 }
 /** Props for {@link ToolbarButton}, a plain action button in the toolbar. */
 export interface ToolbarButtonProps extends PrimitivePropsWithRef<'button'> {
+    /**
+     * Disables this button and removes it from the roving-tabindex ring.
+     * @default false
+     */
+    disabled?: boolean;
 }
 /** Props for {@link ToolbarLink}, a plain navigable link in the toolbar. */
 export interface ToolbarLinkProps extends PrimitivePropsWithRef<'a'> {
@@ -38,43 +130,57 @@ export interface ToolbarToggleGroupContextValue {
     type: ToolbarToggleGroupType;
     value: string[];
     disabled: boolean;
-    onItemActivate: (value: string) => void;
-    onItemDeactivate: (value: string) => void;
+    /**
+     * Commits one item: presses it, or unpresses it when the group's own
+     * cardinality allows. The item never branches on `type` — that lives on the
+     * group, which is the only place that can see the whole selection.
+     */
+    onItemToggle: (value: string) => void;
 }
-/** Props shared by both {@link ToolbarToggleGroupSingleProps} and {@link ToolbarToggleGroupMultipleProps}. */
-export interface ToolbarToggleGroupBaseProps extends PrimitivePropsWithRef<'div'> {
+/** Props for the {@link ToolbarToggleGroup} root; `type` picks single- or multiple-item selection. */
+export interface ToolbarToggleGroupProps extends PrimitivePropsWithRef<'div'> {
     /**
      * Disables every `ToolbarToggleItem` in the group.
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Whether at most one item may be pressed at a time (`'single'`) or any
+     * number (`'multiple'`). Determines whether `value` takes a bare `string`
+     * or `string[]`, and the shape of `onValueChange` payloads.
+     */
+    type: ToolbarToggleGroupType;
+    /**
+     * Pressed item's value(s), for controlled usage — a bare `string` or a
+     * `string[]`, whichever reads better at the call site. A `'single'` group
+     * given more than one value is a programming error and throws in a
+     * development build. Pair with `onValueChange`.
+     * @default undefined — uncontrolled, tracks its own pressed items internally.
+     */
+    value?: string | string[];
+    /**
+     * Initially pressed item's value(s), for uncontrolled usage — the same bare
+     * `string` or `string[]` shapes `value` accepts, under either cardinality.
+     * @default undefined — starts with no item pressed.
+     */
+    defaultValue?: string | string[];
+    /**
+     * Fires whenever the pressed items change, controlled or not, carrying the
+     * whole selection as a `string[]` alongside `selectedValue` — the same detail
+     * shape in `'single'` and `'multiple'` alike.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: (detail: SelectionChangeDetail) => void;
 }
-/** Props for a {@link ToolbarToggleGroup} where at most one item can be pressed at a time. */
-export interface ToolbarToggleGroupSingleProps extends ToolbarToggleGroupBaseProps {
-    /** Restricts the group to at most one pressed item. */
-    type: 'single';
-    /** Pressed item's value, for controlled usage. Pair with `onValueChange`. */
-    value?: string;
-    /** Initially pressed item's value, for uncontrolled usage. */
-    defaultValue?: string;
-    /** Fires with the new value whenever the pressed item changes, controlled or not. */
-    onValueChange?: (value: string) => void;
-}
-/** Props for a {@link ToolbarToggleGroup} where any number of items can be pressed at once. */
-export interface ToolbarToggleGroupMultipleProps extends ToolbarToggleGroupBaseProps {
-    /** Allows any number of items to be pressed at once. */
-    type: 'multiple';
-    /** Pressed items' values, for controlled usage. Pair with `onValueChange`. */
-    value?: string[];
-    /** Initially pressed items' values, for uncontrolled usage. */
-    defaultValue?: string[];
-    /** Fires with the new values whenever the pressed set changes, controlled or not. */
-    onValueChange?: (value: string[]) => void;
-}
-/** Props for the {@link ToolbarToggleGroup} root — discriminated on `type` between single and multiple selection. */
-export type ToolbarToggleGroupProps = ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps;
 /** Props for a single {@link ToolbarToggleItem} within a `ToolbarToggleGroup`. */
 export interface ToolbarToggleItemProps extends PrimitivePropsWithRef<'button'> {
     /** Unique identifier tracked in the group's pressed value(s). */
     value: string;
+    /**
+     * Disables this item alone, on top of the group's `disabled` — OR-ed so
+     * group-level disabled cannot be re-enabled from here. Reflected as
+     * `data-disabled` in addition to `disabled`.
+     * @default false
+     */
+    disabled?: boolean;
 }

package/dist/toolbar/types.d.ts

@@ -1,4 +1,78 @@
+import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
+import type { SelectionChangeDetail } from '../utils/useSelection.js';
+/**
+ * One entry of {@link ToolbarProps.items}. A discriminated union whose plain
+ * button variant carries no `type` at all, so `{ label: 'Bold', onClick: bold }`
+ * needs no annotation. Narrow with `'type' in item`.
+ */
+export type ToolbarItem = {
+    /** Text rendered inside the derived `ToolbarButton`. */
+    label: string;
+    /**
+     * Called when the derived button is activated.
+     * @default undefined — no-op if omitted.
+     */
+    onClick?: () => void;
+    /**
+     * Disables the button and takes it out of the roving-tabindex ring.
+     * @default false
+     */
+    disabled?: boolean;
+} | {
+    /** Renders a `ToolbarLink` instead of a `ToolbarButton`. */
+    type: 'link';
+    /** Text rendered inside the derived `ToolbarLink`. */
+    label: string;
+    /** Destination of the derived `ToolbarLink`. */
+    href: string;
+    /**
+     * Marks the link `aria-disabled` — an `<a>` has no `disabled` attribute,
+     * so it stays in the roving ring and announces as unavailable.
+     * @default false
+     */
+    disabled?: boolean;
+} | {
+    /** Renders a `ToolbarSeparator` between groups of controls. */
+    type: 'separator';
+} | {
+    /** Renders a `ToolbarToggleGroup` of `ToolbarToggleItem`s. */
+    type: 'toggle-group';
+    /**
+     * Whether at most one item may be pressed (`'single'`) or any number
+     * (`'multiple'`), mapped to the `ToolbarToggleGroup` part's `type`.
+     * @default 'single'
+     */
+    mode?: 'single' | 'multiple';
+    /**
+     * Pressed item's value(s), for controlled usage.
+     * @default undefined — uncontrolled.
+     */
+    value?: string | string[];
+    /**
+     * Fires with the pressed value(s) — a bare string under `'single'`, the
+     * whole array under `'multiple'`.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: (value: string | string[]) => void;
+    /**
+     * Disables every item in the group.
+     * @default false
+     */
+    disabled?: boolean;
+    /** The group's toggle options. */
+    items: {
+        /** Identifier tracked in the group's pressed value(s). */
+        value: string;
+        /** Text rendered inside the derived `ToolbarToggleItem`. */
+        label: string;
+        /**
+         * Disables this option alone, on top of the group's own `disabled`.
+         * @default false
+         */
+        disabled?: boolean;
+    }[];
+};
 /** Layout axis of a {@link Toolbar}, driving `aria-orientation` and the arrow keys used for roving-tabindex navigation. */
 export type ToolbarOrientation = 'horizontal' | 'vertical';
 /** @internal Shared state distributed from {@link Toolbar} to its parts via context. Not part of the public API. */
@@ -9,6 +83,19 @@ export interface ToolbarContextValue {
 }
 /** Props for the {@link Toolbar} root. */
 export interface ToolbarProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * The toolbar's controls, rendered into the derived anatomy. Ignored when
+     * `children` is given, which switches to full manual composition.
+     * @default undefined — an empty toolbar.
+     */
+    items?: ToolbarItem[];
+    /**
+     * Renders the *contents* of a derived control, in place of its label. The
+     * control itself — its role, `data-*`, roving `tabIndex` and disabled state
+     * — stays the library's. Not called for separators, which render no label.
+     * @default undefined — the entry's `label` is rendered.
+     */
+    renderItem?: (item: ToolbarItem) => React.ReactNode;
     /**
      * Layout axis, exposed as `aria-orientation`/`data-orientation` and used to
      * pick Arrow Left/Right vs. Arrow Up/Down for roving-tabindex navigation.
@@ -24,6 +111,11 @@ export interface ToolbarProps extends PrimitivePropsWithRef<'div'> {
 }
 /** Props for {@link ToolbarButton}, a plain action button in the toolbar. */
 export interface ToolbarButtonProps extends PrimitivePropsWithRef<'button'> {
+    /**
+     * Disables this button and removes it from the roving-tabindex ring.
+     * @default false
+     */
+    disabled?: boolean;
 }
 /** Props for {@link ToolbarLink}, a plain navigable link in the toolbar. */
 export interface ToolbarLinkProps extends PrimitivePropsWithRef<'a'> {
@@ -38,43 +130,57 @@ export interface ToolbarToggleGroupContextValue {
     type: ToolbarToggleGroupType;
     value: string[];
     disabled: boolean;
-    onItemActivate: (value: string) => void;
-    onItemDeactivate: (value: string) => void;
+    /**
+     * Commits one item: presses it, or unpresses it when the group's own
+     * cardinality allows. The item never branches on `type` — that lives on the
+     * group, which is the only place that can see the whole selection.
+     */
+    onItemToggle: (value: string) => void;
 }
-/** Props shared by both {@link ToolbarToggleGroupSingleProps} and {@link ToolbarToggleGroupMultipleProps}. */
-export interface ToolbarToggleGroupBaseProps extends PrimitivePropsWithRef<'div'> {
+/** Props for the {@link ToolbarToggleGroup} root; `type` picks single- or multiple-item selection. */
+export interface ToolbarToggleGroupProps extends PrimitivePropsWithRef<'div'> {
     /**
      * Disables every `ToolbarToggleItem` in the group.
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Whether at most one item may be pressed at a time (`'single'`) or any
+     * number (`'multiple'`). Determines whether `value` takes a bare `string`
+     * or `string[]`, and the shape of `onValueChange` payloads.
+     */
+    type: ToolbarToggleGroupType;
+    /**
+     * Pressed item's value(s), for controlled usage — a bare `string` or a
+     * `string[]`, whichever reads better at the call site. A `'single'` group
+     * given more than one value is a programming error and throws in a
+     * development build. Pair with `onValueChange`.
+     * @default undefined — uncontrolled, tracks its own pressed items internally.
+     */
+    value?: string | string[];
+    /**
+     * Initially pressed item's value(s), for uncontrolled usage — the same bare
+     * `string` or `string[]` shapes `value` accepts, under either cardinality.
+     * @default undefined — starts with no item pressed.
+     */
+    defaultValue?: string | string[];
+    /**
+     * Fires whenever the pressed items change, controlled or not, carrying the
+     * whole selection as a `string[]` alongside `selectedValue` — the same detail
+     * shape in `'single'` and `'multiple'` alike.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: (detail: SelectionChangeDetail) => void;
 }
-/** Props for a {@link ToolbarToggleGroup} where at most one item can be pressed at a time. */
-export interface ToolbarToggleGroupSingleProps extends ToolbarToggleGroupBaseProps {
-    /** Restricts the group to at most one pressed item. */
-    type: 'single';
-    /** Pressed item's value, for controlled usage. Pair with `onValueChange`. */
-    value?: string;
-    /** Initially pressed item's value, for uncontrolled usage. */
-    defaultValue?: string;
-    /** Fires with the new value whenever the pressed item changes, controlled or not. */
-    onValueChange?: (value: string) => void;
-}
-/** Props for a {@link ToolbarToggleGroup} where any number of items can be pressed at once. */
-export interface ToolbarToggleGroupMultipleProps extends ToolbarToggleGroupBaseProps {
-    /** Allows any number of items to be pressed at once. */
-    type: 'multiple';
-    /** Pressed items' values, for controlled usage. Pair with `onValueChange`. */
-    value?: string[];
-    /** Initially pressed items' values, for uncontrolled usage. */
-    defaultValue?: string[];
-    /** Fires with the new values whenever the pressed set changes, controlled or not. */
-    onValueChange?: (value: string[]) => void;
-}
-/** Props for the {@link ToolbarToggleGroup} root — discriminated on `type` between single and multiple selection. */
-export type ToolbarToggleGroupProps = ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps;
 /** Props for a single {@link ToolbarToggleItem} within a `ToolbarToggleGroup`. */
 export interface ToolbarToggleItemProps extends PrimitivePropsWithRef<'button'> {
     /** Unique identifier tracked in the group's pressed value(s). */
     value: string;
+    /**
+     * Disables this item alone, on top of the group's `disabled` — OR-ed so
+     * group-level disabled cannot be re-enabled from here. Reflected as
+     * `data-disabled` in addition to `disabled`.
+     * @default false
+     */
+    disabled?: boolean;
 }

package/dist/tooltip/Tooltip.cjs

@@ -1 +1 @@
-"use strict";var to=Object.create;var T=Object.defineProperty;var ro=Object.getOwnPropertyDescriptor;var no=Object.getOwnPropertyNames;var io=Object.getPrototypeOf,lo=Object.prototype.hasOwnProperty;var po=(o,t)=>{for(var e in t)T(o,e,{get:t[e],enumerable:!0})},k=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of no(t))!lo.call(o,l)&&l!==e&&T(o,l,{get:()=>t[l],enumerable:!(r=ro(t,l))||r.enumerable});return o};var P=(o,t,e)=>(e=o!=null?to(io(o)):{},k(t||!o||!o.__esModule?T(e,"default",{value:o,enumerable:!0}):e,o)),ao=o=>k(T({},"__esModule",{value:!0}),o);var mo={};po(mo,{Tooltip:()=>F,TooltipArrow:()=>W,TooltipContent:()=>O,TooltipPortal:()=>x,TooltipProvider:()=>w,TooltipRootProvider:()=>K,TooltipTrigger:()=>b,useTooltipContext:()=>m});module.exports=ao(mo);var n=P(require("react"),1),I=require("../utils/createContext.cjs"),V=require("../utils/part.cjs"),R=require("../utils/popper.cjs"),B=require("../utils/useControllableState.cjs"),M=require("../utils/useDismiss.cjs"),S=require("../utils/useOpenChangeComplete.cjs");var c=P(require("react"),1),N=require("../utils/createContext.cjs"),A=require("react/jsx-runtime"),[so,L]=(0,N.createSafeContext)("TooltipProvider",{delayDuration:700,skipDelayDuration:300,disableHoverableContent:!0,isOpenDelayedRef:{current:!0},onOpen:()=>{},onClose:()=>{}});function w({children:o,delayDuration:t=700,skipDelayDuration:e=300,disableHoverableContent:r=!0}){let l=c.useRef(!0),i=c.useRef(0);c.useEffect(()=>()=>window.clearTimeout(i.current),[]);let u=c.useCallback(()=>{window.clearTimeout(i.current),l.current=!1},[]),p=c.useCallback(()=>{window.clearTimeout(i.current),i.current=window.setTimeout(()=>{l.current=!0},e)},[e]);return(0,A.jsx)(so,{delayDuration:t,skipDelayDuration:e,disableHoverableContent:r,isOpenDelayedRef:l,onOpen:u,onClose:p,children:o})}w.displayName="TooltipProvider";var C=require("react/jsx-runtime"),[K,m]=(0,I.createSafeContext)("Tooltip"),co=150;function F({children:o,open:t,defaultOpen:e=!1,onOpenChange:r,onOpenChangeComplete:l,delayDuration:i,disableHoverableContent:u}){let p=L("Tooltip"),g=i??p.delayDuration,$=u??p.disableHoverableContent,E=n.useRef(null),d=n.useRef(0),f=n.useRef(0),[y=!1,a]=(0,B.useControllableState)({prop:t,defaultProp:e,onChange:h=>{h?p.onOpen():p.onClose(),r?.(h)}});(0,S.useOpenChangeComplete)(y,E,l),n.useEffect(()=>()=>{window.clearTimeout(d.current),window.clearTimeout(f.current)},[]);let j=n.useCallback(()=>{window.clearTimeout(d.current),window.clearTimeout(f.current),a(!0)},[a]),oo=n.useCallback(()=>{window.clearTimeout(d.current),p.isOpenDelayedRef.current?d.current=window.setTimeout(()=>a(!0),g):a(!0)},[a,g,p.isOpenDelayedRef]),H=n.useCallback(()=>{window.clearTimeout(d.current),window.clearTimeout(f.current),a(!1)},[a]),eo=n.useCallback(()=>{window.clearTimeout(d.current),window.clearTimeout(f.current),f.current=window.setTimeout(()=>a(!1),co)},[a]);return(0,M.useDismiss)({enabled:y,onEscapeKeyDown:H},[]),(0,C.jsx)(R.PopperRoot,{children:(0,C.jsx)(K,{contentRef:E,contentId:n.useId(),open:y,disableHoverableContent:$,onOpen:j,onDelayedOpen:oo,onClose:H,onDelayedClose:eo,children:o})})}F.displayName="Tooltip";var W=n.forwardRef((o,t)=>(0,C.jsx)(R.PopperArrow,{...o,...(0,V.skdxPart)("tooltip","arrow",o.className),ref:t}));W.displayName="TooltipArrow";var _=P(require("react"),1),G=require("../utils/part.cjs"),U=require("../utils/popper.cjs"),s=require("../utils/primitive.cjs");var v=require("react/jsx-runtime"),b=_.forwardRef((o,t)=>{let e=m("TooltipTrigger");return(0,v.jsx)(U.PopperAnchor,{asChild:!0,children:(0,v.jsx)(s.Primitive.button,{type:"button","aria-describedby":e.open?e.contentId:void 0,"data-state":e.open?"open":"closed",...o,...(0,G.skdxPart)("tooltip","trigger",o.className),ref:t,onPointerEnter:(0,s.composeEventHandlers)(o.onPointerEnter,r=>{r.pointerType!=="touch"&&e.onDelayedOpen()}),onPointerLeave:(0,s.composeEventHandlers)(o.onPointerLeave,e.disableHoverableContent?e.onClose:e.onDelayedClose),onFocus:(0,s.composeEventHandlers)(o.onFocus,e.onOpen),onBlur:(0,s.composeEventHandlers)(o.onBlur,e.onClose),onClick:(0,s.composeEventHandlers)(o.onClick,e.onClose),onKeyDown:(0,s.composeEventHandlers)(o.onKeyDown,r=>{r.key==="Escape"&&e.onClose()})})})});b.displayName="TooltipTrigger";var q=require("../utils/portal.cjs");var z=require("react/jsx-runtime"),x=({forceMount:o,children:t,...e})=>{let r=m("TooltipPortal");return o||r.open?(0,z.jsx)(q.Portal,{...e,children:t}):null};x.displayName="TooltipPortal";var J=P(require("react"),1),Q=require("../utils/composeRefs.cjs"),X=require("../utils/part.cjs"),Y=require("../utils/popper.cjs"),D=require("../utils/primitive.cjs");var Z=require("react/jsx-runtime"),O=J.forwardRef(({forceMount:o,side:t="top",sideOffset:e=4,...r},l)=>{let i=m("TooltipContent"),u=(0,Q.useComposedRefs)(l,i.contentRef),p=!i.disableHoverableContent;return o||i.open?(0,Z.jsx)(Y.PopperContent,{component:"tooltip",role:"tooltip",id:i.contentId,"data-state":i.open?"open":"closed",side:t,sideOffset:e,...r,...(0,X.skdxPart)("tooltip","content",r.className),ref:u,onPointerEnter:(0,D.composeEventHandlers)(r.onPointerEnter,p?i.onOpen:void 0),onPointerLeave:(0,D.composeEventHandlers)(r.onPointerLeave,p?i.onClose:void 0),style:{pointerEvents:p?"auto":"none",...r.style}}):null});O.displayName="TooltipContent";0&&(module.exports={Tooltip,TooltipArrow,TooltipContent,TooltipPortal,TooltipProvider,TooltipRootProvider,TooltipTrigger,useTooltipContext});
+"use strict";var Po=Object.create;var x=Object.defineProperty;var wo=Object.getOwnPropertyDescriptor;var ho=Object.getOwnPropertyNames;var vo=Object.getPrototypeOf,bo=Object.prototype.hasOwnProperty;var Do=(o,t)=>{for(var e in t)x(o,e,{get:t[e],enumerable:!0})},G=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of ho(t))!bo.call(o,l)&&l!==e&&x(o,l,{get:()=>t[l],enumerable:!(r=wo(t,l))||r.enumerable});return o};var g=(o,t,e)=>(e=o!=null?Po(vo(o)):{},G(t||!o||!o.__esModule?x(e,"default",{value:o,enumerable:!0}):e,o)),xo=o=>G(x({},"__esModule",{value:!0}),o);var Eo={};Do(Eo,{Tooltip:()=>uo,TooltipArrow:()=>A,TooltipContent:()=>E,TooltipPortal:()=>O,TooltipProvider:()=>ro,TooltipProviderContext:()=>to,TooltipRoot:()=>I,TooltipRootProvider:()=>mo,TooltipTrigger:()=>k,useTooltipContext:()=>d,useTooltipProviderContext:()=>V});module.exports=xo(Eo);var i=g(require("react"),1),io=require("../utils/createContext.cjs"),lo=require("../utils/part.cjs"),H=require("../utils/popper.cjs"),ao=require("../utils/useCallbackRef.cjs"),po=require("../utils/useControllableState.cjs"),so=require("../utils/useDismiss.cjs"),co=require("../utils/useOpenChangeComplete.cjs");var q=g(require("react"),1),z=require("../utils/composeRefs.cjs"),J=require("../utils/part.cjs"),Q=require("../utils/popper.cjs"),B=require("../utils/primitive.cjs");var U=require("react/jsx-runtime"),E=q.forwardRef(({forceMount:o,side:t="top",sideOffset:e=4,...r},l)=>{let n=d("TooltipContent"),p=(0,z.useComposedRefs)(l,n.contentRef),s=!n.disableHoverableContent;return o||n.open?(0,U.jsx)(Q.PopperContent,{component:"tooltip",role:"tooltip",id:n.contentId,"data-state":n.state,"data-hoverable":s?"":void 0,side:t,sideOffset:e,...r,...(0,J.skdxPart)("tooltip","content",r.className),ref:p,onPointerEnter:(0,B.composeEventHandlers)(r.onPointerEnter,a=>{s&&a.pointerType!=="touch"&&n.onOpen()}),onPointerLeave:(0,B.composeEventHandlers)(r.onPointerLeave,a=>{s&&a.pointerType!=="touch"&&n.onClose()}),style:{pointerEvents:s?"auto":"none",...r.style}}):null});E.displayName="TooltipContent";var X=require("../utils/portal.cjs");var Y=require("react/jsx-runtime"),O=({forceMount:o,children:t,...e})=>{let r=d("TooltipPortal");return o||r.open?(0,Y.jsx)(X.Portal,{...e,children:t}):null};O.displayName="TooltipPortal";var Z=g(require("react"),1),$=require("../utils/part.cjs"),j=require("../utils/popper.cjs"),u=require("../utils/primitive.cjs");var M=require("react/jsx-runtime"),k=Z.forwardRef((o,t)=>{let e=d("TooltipTrigger");return(0,M.jsx)(j.PopperAnchor,{asChild:!0,children:(0,M.jsx)(u.Primitive.button,{type:"button","aria-describedby":e.open?e.contentId:void 0,"data-state":e.state,...o,...(0,$.skdxPart)("tooltip","trigger",o.className),ref:t,onPointerEnter:(0,u.composeEventHandlers)(o.onPointerEnter,r=>{r.pointerType!=="touch"&&e.onDelayedOpen()}),onPointerLeave:(0,u.composeEventHandlers)(o.onPointerLeave,e.onDelayedClose),onFocus:(0,u.composeEventHandlers)(o.onFocus,e.onOpen),onBlur:(0,u.composeEventHandlers)(o.onBlur,e.onClose),onClick:(0,u.composeEventHandlers)(o.onClick,e.onClose),onKeyDown:(0,u.composeEventHandlers)(o.onKeyDown,r=>{r.key==="Escape"&&e.onEscapeKeyDown(r.nativeEvent)})})})});k.displayName="TooltipTrigger";var f=require("react/jsx-runtime"),oo=({content:o,side:t,align:e,showArrow:r,children:l,passThrough:n})=>{let{open:p}=d("TooltipAnatomy"),s=p&&n?.id?{"aria-describedby":n.id}:{};return(0,f.jsxs)(f.Fragment,{children:[l?(0,f.jsx)(k,{asChild:!0,...s,children:l}):null,(0,f.jsx)(O,{children:(0,f.jsxs)(E,{...n,side:t,align:e,children:[o,r?(0,f.jsx)(A,{}):null]})})]})};var T=g(require("react"),1),eo=require("../utils/createContext.cjs"),no=require("react/jsx-runtime"),[to,V]=(0,eo.createSafeContext)("TooltipProvider",{delayDuration:700,skipDelayDuration:300,closeDelay:0,disableHoverableContent:!1,isOpenDelayedRef:{current:!0},onOpen:()=>{},onClose:()=>{}});function ro({children:o,delayDuration:t=700,skipDelayDuration:e=300,closeDelay:r=0,disableHoverableContent:l=!1}){let n=T.useRef(!0),p=T.useRef(0);T.useEffect(()=>()=>window.clearTimeout(p.current),[]);let s=T.useCallback(()=>{window.clearTimeout(p.current),n.current=!1},[]),a=T.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>{n.current=!0},e)},[e]);return(0,no.jsx)(to,{delayDuration:t,skipDelayDuration:e,closeDelay:r,disableHoverableContent:l,isOpenDelayedRef:n,onOpen:s,onClose:a,children:o})}ro.displayName="TooltipProvider";var C=require("react/jsx-runtime"),[mo,d]=(0,io.createSafeContext)("Tooltip"),go=150;function I({children:o,open:t,defaultOpen:e=!1,onOpenChange:r,onOpenChangeComplete:l,delayDuration:n,closeDelay:p,disableHoverableContent:s,disabled:a=!1,onEscapeKeyDown:N}){let m=V("Tooltip"),w=n??m.delayDuration,h=p??m.closeDelay,v=s??m.disableHoverableContent,b=i.useRef(null),R=i.useRef(0),P=i.useRef(0),[fo,L]=i.useState(!0),[To=!1,c]=(0,po.useControllableState)({prop:t,defaultProp:e,onChange:y=>{y?m.onOpen():m.onClose(),r?.(y)}}),D=a?!1:To;(0,co.useOpenChangeComplete)(D,b,l),i.useEffect(()=>()=>{window.clearTimeout(R.current),window.clearTimeout(P.current)},[]);let yo=i.useCallback(()=>{a||(window.clearTimeout(R.current),window.clearTimeout(P.current),L(!1),c(!0))},[c,a]),Ro=i.useCallback(()=>{a||(window.clearTimeout(R.current),m.isOpenDelayedRef.current?R.current=window.setTimeout(()=>{L(!0),c(!0)},w):(L(!1),c(!0)))},[c,w,m.isOpenDelayedRef,a]),S=i.useCallback(()=>{window.clearTimeout(R.current),window.clearTimeout(P.current),c(!1)},[c]),K=v?h:Math.max(h,go),Co=i.useCallback(()=>{if(window.clearTimeout(R.current),window.clearTimeout(P.current),K<=0){c(!1);return}P.current=window.setTimeout(()=>c(!1),K)},[c,K]),F=(0,ao.useCallbackRef)(N),W=i.useRef(null),_=i.useCallback(y=>{W.current!==y&&(W.current=y,F(y),!y.defaultPrevented&&S())},[F,S]);return(0,so.useDismiss)({enabled:D,onEscapeKeyDown:_},[]),(0,C.jsx)(H.PopperRoot,{children:(0,C.jsx)(mo,{contentRef:b,contentId:i.useId(),open:D,state:D?fo?"delayed-open":"instant-open":"closed",disableHoverableContent:v,onOpen:yo,onDelayedOpen:Ro,onClose:S,onDelayedClose:Co,onEscapeKeyDown:_,children:o})})}I.displayName="TooltipRoot";function uo({children:o,open:t,defaultOpen:e,onOpenChange:r,onOpenChangeComplete:l,delayDuration:n,closeDelay:p,disableHoverableContent:s,disabled:a,onEscapeKeyDown:N,content:m,side:w,align:h,showArrow:v=!1,...b}){return(0,C.jsx)(I,{open:t,defaultOpen:e,onOpenChange:r,onOpenChangeComplete:l,delayDuration:n,closeDelay:p,disableHoverableContent:s,disabled:a,onEscapeKeyDown:N,children:(0,C.jsx)(oo,{content:m,side:w,align:h,showArrow:v,passThrough:b,children:o})})}uo.displayName="Tooltip";var A=i.forwardRef((o,t)=>(0,C.jsx)(H.PopperArrow,{...o,...(0,lo.skdxPart)("tooltip","arrow",o.className),ref:t}));A.displayName="TooltipArrow";0&&(module.exports={Tooltip,TooltipArrow,TooltipContent,TooltipPortal,TooltipProvider,TooltipProviderContext,TooltipRoot,TooltipRootProvider,TooltipTrigger,useTooltipContext,useTooltipProviderContext});

package/dist/tooltip/Tooltip.d.cts

@@ -7,25 +7,53 @@ export declare const TooltipRootProvider: {
     }): React.JSX.Element;
     displayName: string;
 }, useTooltipContext: (consumerName: string) => TooltipContextValue;
+/** Props for {@link TooltipRoot}: {@link TooltipProps} minus the derived-anatomy-only props. */
+export type TooltipRootProps = Omit<TooltipProps, 'content' | 'side' | 'align' | 'showArrow'>;
 /**
- * Root of a single hover/focus tooltip: owns open state (with hover-in delay
- * and instant-close) and hands it down to `TooltipTrigger` / `TooltipPortal` /
- * `TooltipContent` / `TooltipArrow` via context. Wraps children in the shared
- * popper positioning root. Renders no DOM element itself.
- *
- * Opens on pointer-enter (after `delayDuration`) or focus, closes on
- * pointer-leave, blur, click, or Escape. Escape is listened for on the
- * document while open, so a tooltip opened by hover is dismissable even when
- * keyboard focus is elsewhere (WCAG 2.2 SC 1.4.13). With `disableHoverableContent={false}`
- * the pointer may instead travel from the trigger into the bubble and keep it
- * open. Nest under a single `TooltipProvider`
- * to share hover-delay timing across multiple tooltips. Works controlled
- * (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ * State/context primitive: owns open state with hover-in delay and instant-close,
+ * passed to `TooltipTrigger`, `TooltipPortal`, `TooltipContent`, `TooltipArrow`
+ * via context. Renders children as-is inside a popper positioning root.
+ *
+ * For full manual composition, use `TooltipRoot` from `@skdx/react/primitives/tooltip`.
+ */
+export declare function TooltipRoot({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, delayDuration: delayDurationProp, closeDelay: closeDelayProp, disableHoverableContent: disableHoverableContentProp, disabled, onEscapeKeyDown, }: TooltipRootProps): React.JSX.Element;
+export declare namespace TooltipRoot {
+    var displayName: string;
+}
+/**
+ * A hover/focus tooltip that opens after `delayDuration` and closes on pointer-leave,
+ * blur, click, or Escape. Escape is listened for on the document, so a hover-opened
+ * tooltip is dismissable even when focus is elsewhere (WCAG 2.2 SC 1.4.13).
+ *
+ * Pointer can travel from trigger into the bubble without closing (WCAG 2.2 SC 1.4.13
+ * Hoverable); set `disableHoverableContent` to turn that off. Nest under a single
+ * `TooltipProvider` to share delay timing. Works controlled or uncontrolled.
+ *
+ * `disabled` suppresses the component in place: trigger handlers no-op, `aria-describedby`
+ * omitted, `data-state` stays `closed`, `onOpenChange` never fires.
+ *
+ * `closeDelay` cannot drop below 150 ms while hoverable (pointer needs time to cross
+ * the gap). `TooltipProvider` sets defaults; pass props here to override.
+ *
+ * **Touch cannot reach tooltips.** Touch pointers are ignored entirely; information
+ * must also be available through a touch-reachable control.
+ *
+ * Renders the derived anatomy from `content` (trigger merged onto children, portal,
+ * bubble). For manual composition, use `TooltipRoot` from `@skdx/react/primitives/tooltip`.
  *
  * @example
  * ```tsx
+ * <Tooltip content="Copy">
+ *   <IconButton aria-label="Copy" icon={<CopyIcon />} />
+ * </Tooltip>
+ * ```
+ *
+ * @example Full manual composition — `@skdx/react/primitives/tooltip`.
+ * ```tsx
+ * import { TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from '@skdx/react/primitives/tooltip';
+ *
  * <TooltipProvider>
- *   <Tooltip>
+ *   <TooltipRoot>
  *     <TooltipTrigger>Hover me</TooltipTrigger>
  *     <TooltipPortal>
  *       <TooltipContent>
@@ -33,11 +61,11 @@ export declare const TooltipRootProvider: {
  *         <TooltipArrow />
  *       </TooltipContent>
  *     </TooltipPortal>
- *   </Tooltip>
+ *   </TooltipRoot>
  * </TooltipProvider>
  * ```
  */
-export declare function Tooltip({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, delayDuration: delayDurationProp, disableHoverableContent: disableHoverableContentProp, }: TooltipProps): React.JSX.Element;
+export declare function Tooltip({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, delayDuration, closeDelay, disableHoverableContent, disabled, onEscapeKeyDown, content, side, align, showArrow, ...rest }: TooltipProps): React.JSX.Element;
 export declare namespace Tooltip {
     var displayName: string;
 }

package/dist/tooltip/Tooltip.d.ts

@@ -7,25 +7,53 @@ export declare const TooltipRootProvider: {
     }): React.JSX.Element;
     displayName: string;
 }, useTooltipContext: (consumerName: string) => TooltipContextValue;
+/** Props for {@link TooltipRoot}: {@link TooltipProps} minus the derived-anatomy-only props. */
+export type TooltipRootProps = Omit<TooltipProps, 'content' | 'side' | 'align' | 'showArrow'>;
 /**
- * Root of a single hover/focus tooltip: owns open state (with hover-in delay
- * and instant-close) and hands it down to `TooltipTrigger` / `TooltipPortal` /
- * `TooltipContent` / `TooltipArrow` via context. Wraps children in the shared
- * popper positioning root. Renders no DOM element itself.
- *
- * Opens on pointer-enter (after `delayDuration`) or focus, closes on
- * pointer-leave, blur, click, or Escape. Escape is listened for on the
- * document while open, so a tooltip opened by hover is dismissable even when
- * keyboard focus is elsewhere (WCAG 2.2 SC 1.4.13). With `disableHoverableContent={false}`
- * the pointer may instead travel from the trigger into the bubble and keep it
- * open. Nest under a single `TooltipProvider`
- * to share hover-delay timing across multiple tooltips. Works controlled
- * (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
+ * State/context primitive: owns open state with hover-in delay and instant-close,
+ * passed to `TooltipTrigger`, `TooltipPortal`, `TooltipContent`, `TooltipArrow`
+ * via context. Renders children as-is inside a popper positioning root.
+ *
+ * For full manual composition, use `TooltipRoot` from `@skdx/react/primitives/tooltip`.
+ */
+export declare function TooltipRoot({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, delayDuration: delayDurationProp, closeDelay: closeDelayProp, disableHoverableContent: disableHoverableContentProp, disabled, onEscapeKeyDown, }: TooltipRootProps): React.JSX.Element;
+export declare namespace TooltipRoot {
+    var displayName: string;
+}
+/**
+ * A hover/focus tooltip that opens after `delayDuration` and closes on pointer-leave,
+ * blur, click, or Escape. Escape is listened for on the document, so a hover-opened
+ * tooltip is dismissable even when focus is elsewhere (WCAG 2.2 SC 1.4.13).
+ *
+ * Pointer can travel from trigger into the bubble without closing (WCAG 2.2 SC 1.4.13
+ * Hoverable); set `disableHoverableContent` to turn that off. Nest under a single
+ * `TooltipProvider` to share delay timing. Works controlled or uncontrolled.
+ *
+ * `disabled` suppresses the component in place: trigger handlers no-op, `aria-describedby`
+ * omitted, `data-state` stays `closed`, `onOpenChange` never fires.
+ *
+ * `closeDelay` cannot drop below 150 ms while hoverable (pointer needs time to cross
+ * the gap). `TooltipProvider` sets defaults; pass props here to override.
+ *
+ * **Touch cannot reach tooltips.** Touch pointers are ignored entirely; information
+ * must also be available through a touch-reachable control.
+ *
+ * Renders the derived anatomy from `content` (trigger merged onto children, portal,
+ * bubble). For manual composition, use `TooltipRoot` from `@skdx/react/primitives/tooltip`.
  *
  * @example
  * ```tsx
+ * <Tooltip content="Copy">
+ *   <IconButton aria-label="Copy" icon={<CopyIcon />} />
+ * </Tooltip>
+ * ```
+ *
+ * @example Full manual composition — `@skdx/react/primitives/tooltip`.
+ * ```tsx
+ * import { TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from '@skdx/react/primitives/tooltip';
+ *
  * <TooltipProvider>
- *   <Tooltip>
+ *   <TooltipRoot>
  *     <TooltipTrigger>Hover me</TooltipTrigger>
  *     <TooltipPortal>
  *       <TooltipContent>
@@ -33,11 +61,11 @@ export declare const TooltipRootProvider: {
  *         <TooltipArrow />
  *       </TooltipContent>
  *     </TooltipPortal>
- *   </Tooltip>
+ *   </TooltipRoot>
  * </TooltipProvider>
  * ```
  */
-export declare function Tooltip({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, delayDuration: delayDurationProp, disableHoverableContent: disableHoverableContentProp, }: TooltipProps): React.JSX.Element;
+export declare function Tooltip({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, delayDuration, closeDelay, disableHoverableContent, disabled, onEscapeKeyDown, content, side, align, showArrow, ...rest }: TooltipProps): React.JSX.Element;
 export declare namespace Tooltip {
     var displayName: string;
 }

package/dist/tooltip/Tooltip.js

@@ -1 +1 @@
-import*as r from"react";import{createSafeContext as M}from"../utils/createContext.js";import{skdxPart as S}from"../utils/part.js";import{PopperArrow as K,PopperRoot as F}from"../utils/popper.js";import{useControllableState as W}from"../utils/useControllableState.js";import{useDismiss as _}from"../utils/useDismiss.js";import{useOpenChangeComplete as G}from"../utils/useOpenChangeComplete.js";import*as a from"react";import{createSafeContext as I}from"../utils/createContext.js";import{jsx as B}from"react/jsx-runtime";var[V,v]=I("TooltipProvider",{delayDuration:700,skipDelayDuration:300,disableHoverableContent:!0,isOpenDelayedRef:{current:!0},onOpen:()=>{},onClose:()=>{}});function b({children:e,delayDuration:l=700,skipDelayDuration:o=300,disableHoverableContent:t=!0}){let s=a.useRef(!0),n=a.useRef(0);a.useEffect(()=>()=>window.clearTimeout(n.current),[]);let u=a.useCallback(()=>{window.clearTimeout(n.current),s.current=!1},[]),i=a.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(()=>{s.current=!0},o)},[o]);return B(V,{delayDuration:l,skipDelayDuration:o,disableHoverableContent:t,isOpenDelayedRef:s,onOpen:u,onClose:i,children:e})}b.displayName="TooltipProvider";import{jsx as P}from"react/jsx-runtime";var[U,m]=M("Tooltip"),q=150;function z({children:e,open:l,defaultOpen:o=!1,onOpenChange:t,onOpenChangeComplete:s,delayDuration:n,disableHoverableContent:u}){let i=v("Tooltip"),C=n??i.delayDuration,k=u??i.disableHoverableContent,R=r.useRef(null),c=r.useRef(0),f=r.useRef(0),[T=!1,p]=W({prop:l,defaultProp:o,onChange:w=>{w?i.onOpen():i.onClose(),t?.(w)}});G(T,R,s),r.useEffect(()=>()=>{window.clearTimeout(c.current),window.clearTimeout(f.current)},[]);let N=r.useCallback(()=>{window.clearTimeout(c.current),window.clearTimeout(f.current),p(!0)},[p]),L=r.useCallback(()=>{window.clearTimeout(c.current),i.isOpenDelayedRef.current?c.current=window.setTimeout(()=>p(!0),C):p(!0)},[p,C,i.isOpenDelayedRef]),y=r.useCallback(()=>{window.clearTimeout(c.current),window.clearTimeout(f.current),p(!1)},[p]),A=r.useCallback(()=>{window.clearTimeout(c.current),window.clearTimeout(f.current),f.current=window.setTimeout(()=>p(!1),q)},[p]);return _({enabled:T,onEscapeKeyDown:y},[]),P(F,{children:P(U,{contentRef:R,contentId:r.useId(),open:T,disableHoverableContent:k,onOpen:N,onDelayedOpen:L,onClose:y,onDelayedClose:A,children:e})})}z.displayName="Tooltip";var J=r.forwardRef((e,l)=>P(K,{...e,...S("tooltip","arrow",e.className),ref:l}));J.displayName="TooltipArrow";import*as D from"react";import{skdxPart as Q}from"../utils/part.js";import{PopperAnchor as X}from"../utils/popper.js";import{composeEventHandlers as d,Primitive as Y}from"../utils/primitive.js";import{jsx as x}from"react/jsx-runtime";var O=D.forwardRef((e,l)=>{let o=m("TooltipTrigger");return x(X,{asChild:!0,children:x(Y.button,{type:"button","aria-describedby":o.open?o.contentId:void 0,"data-state":o.open?"open":"closed",...e,...Q("tooltip","trigger",e.className),ref:l,onPointerEnter:d(e.onPointerEnter,t=>{t.pointerType!=="touch"&&o.onDelayedOpen()}),onPointerLeave:d(e.onPointerLeave,o.disableHoverableContent?o.onClose:o.onDelayedClose),onFocus:d(e.onFocus,o.onOpen),onBlur:d(e.onBlur,o.onClose),onClick:d(e.onClick,o.onClose),onKeyDown:d(e.onKeyDown,t=>{t.key==="Escape"&&o.onClose()})})})});O.displayName="TooltipTrigger";import{Portal as Z}from"../utils/portal.js";import{jsx as $}from"react/jsx-runtime";var g=({forceMount:e,children:l,...o})=>{let t=m("TooltipPortal");return e||t.open?$(Z,{...o,children:l}):null};g.displayName="TooltipPortal";import*as H from"react";import{useComposedRefs as j}from"../utils/composeRefs.js";import{skdxPart as oo}from"../utils/part.js";import{PopperContent as eo}from"../utils/popper.js";import{composeEventHandlers as E}from"../utils/primitive.js";import{jsx as to}from"react/jsx-runtime";var h=H.forwardRef(({forceMount:e,side:l="top",sideOffset:o=4,...t},s)=>{let n=m("TooltipContent"),u=j(s,n.contentRef),i=!n.disableHoverableContent;return e||n.open?to(eo,{component:"tooltip",role:"tooltip",id:n.contentId,"data-state":n.open?"open":"closed",side:l,sideOffset:o,...t,...oo("tooltip","content",t.className),ref:u,onPointerEnter:E(t.onPointerEnter,i?n.onOpen:void 0),onPointerLeave:E(t.onPointerLeave,i?n.onClose:void 0),style:{pointerEvents:i?"auto":"none",...t.style}}):null});h.displayName="TooltipContent";export{z as Tooltip,J as TooltipArrow,h as TooltipContent,g as TooltipPortal,b as TooltipProvider,U as TooltipRootProvider,O as TooltipTrigger,m as useTooltipContext};
+import*as n from"react";import{createSafeContext as so}from"../utils/createContext.js";import{skdxPart as co}from"../utils/part.js";import{PopperArrow as mo,PopperRoot as uo}from"../utils/popper.js";import{useCallbackRef as fo}from"../utils/useCallbackRef.js";import{useControllableState as To}from"../utils/useControllableState.js";import{useDismiss as yo}from"../utils/useDismiss.js";import{useOpenChangeComplete as Ro}from"../utils/useOpenChangeComplete.js";import*as M from"react";import{useComposedRefs as X}from"../utils/composeRefs.js";import{skdxPart as Y}from"../utils/part.js";import{PopperContent as Z}from"../utils/popper.js";import{composeEventHandlers as B}from"../utils/primitive.js";import{jsx as $}from"react/jsx-runtime";var O=M.forwardRef(({forceMount:o,side:i="top",sideOffset:e=4,...t},s)=>{let r=d("TooltipContent"),a=X(s,r.contentRef),p=!r.disableHoverableContent;return o||r.open?$(Z,{component:"tooltip",role:"tooltip",id:r.contentId,"data-state":r.state,"data-hoverable":p?"":void 0,side:i,sideOffset:e,...t,...Y("tooltip","content",t.className),ref:a,onPointerEnter:B(t.onPointerEnter,l=>{p&&l.pointerType!=="touch"&&r.onOpen()}),onPointerLeave:B(t.onPointerLeave,l=>{p&&l.pointerType!=="touch"&&r.onClose()}),style:{pointerEvents:p?"auto":"none",...t.style}}):null});O.displayName="TooltipContent";import{Portal as j}from"../utils/portal.js";import{jsx as oo}from"react/jsx-runtime";var k=({forceMount:o,children:i,...e})=>{let t=d("TooltipPortal");return o||t.open?oo(j,{...e,children:i}):null};k.displayName="TooltipPortal";import*as I from"react";import{skdxPart as eo}from"../utils/part.js";import{PopperAnchor as to}from"../utils/popper.js";import{composeEventHandlers as y,Primitive as ro}from"../utils/primitive.js";import{jsx as V}from"react/jsx-runtime";var A=I.forwardRef((o,i)=>{let e=d("TooltipTrigger");return V(to,{asChild:!0,children:V(ro.button,{type:"button","aria-describedby":e.open?e.contentId:void 0,"data-state":e.state,...o,...eo("tooltip","trigger",o.className),ref:i,onPointerEnter:y(o.onPointerEnter,t=>{t.pointerType!=="touch"&&e.onDelayedOpen()}),onPointerLeave:y(o.onPointerLeave,e.onDelayedClose),onFocus:y(o.onFocus,e.onOpen),onBlur:y(o.onBlur,e.onClose),onClick:y(o.onClick,e.onClose),onKeyDown:y(o.onKeyDown,t=>{t.key==="Escape"&&e.onEscapeKeyDown(t.nativeEvent)})})})});A.displayName="TooltipTrigger";import{Fragment as no,jsx as H,jsxs as F}from"react/jsx-runtime";var W=({content:o,side:i,align:e,showArrow:t,children:s,passThrough:r})=>{let{open:a}=d("TooltipAnatomy"),p=a&&r?.id?{"aria-describedby":r.id}:{};return F(no,{children:[s?H(A,{asChild:!0,...p,children:s}):null,H(k,{children:F(O,{...r,side:i,align:e,children:[o,t?H(N,{}):null]})})]})};import*as u from"react";import{createSafeContext as io}from"../utils/createContext.js";import{jsx as po}from"react/jsx-runtime";var[lo,_]=io("TooltipProvider",{delayDuration:700,skipDelayDuration:300,closeDelay:0,disableHoverableContent:!1,isOpenDelayedRef:{current:!0},onOpen:()=>{},onClose:()=>{}});function ao({children:o,delayDuration:i=700,skipDelayDuration:e=300,closeDelay:t=0,disableHoverableContent:s=!1}){let r=u.useRef(!0),a=u.useRef(0);u.useEffect(()=>()=>window.clearTimeout(a.current),[]);let p=u.useCallback(()=>{window.clearTimeout(a.current),r.current=!1},[]),l=u.useCallback(()=>{window.clearTimeout(a.current),a.current=window.setTimeout(()=>{r.current=!0},e)},[e]);return po(lo,{delayDuration:i,skipDelayDuration:e,closeDelay:t,disableHoverableContent:s,isOpenDelayedRef:r,onOpen:p,onClose:l,children:o})}ao.displayName="TooltipProvider";import{jsx as C}from"react/jsx-runtime";var[Co,d]=so("Tooltip"),Po=150;function G({children:o,open:i,defaultOpen:e=!1,onOpenChange:t,onOpenChangeComplete:s,delayDuration:r,closeDelay:a,disableHoverableContent:p,disabled:l=!1,onEscapeKeyDown:D}){let m=_("Tooltip"),P=r??m.delayDuration,w=a??m.closeDelay,h=p??m.disableHoverableContent,v=n.useRef(null),T=n.useRef(0),R=n.useRef(0),[q,x]=n.useState(!0),[z=!1,c]=To({prop:i,defaultProp:e,onChange:f=>{f?m.onOpen():m.onClose(),t?.(f)}}),b=l?!1:z;Ro(b,v,s),n.useEffect(()=>()=>{window.clearTimeout(T.current),window.clearTimeout(R.current)},[]);let J=n.useCallback(()=>{l||(window.clearTimeout(T.current),window.clearTimeout(R.current),x(!1),c(!0))},[c,l]),Q=n.useCallback(()=>{l||(window.clearTimeout(T.current),m.isOpenDelayedRef.current?T.current=window.setTimeout(()=>{x(!0),c(!0)},P):(x(!1),c(!0)))},[c,P,m.isOpenDelayedRef,l]),g=n.useCallback(()=>{window.clearTimeout(T.current),window.clearTimeout(R.current),c(!1)},[c]),E=h?w:Math.max(w,Po),U=n.useCallback(()=>{if(window.clearTimeout(T.current),window.clearTimeout(R.current),E<=0){c(!1);return}R.current=window.setTimeout(()=>c(!1),E)},[c,E]),L=fo(D),S=n.useRef(null),K=n.useCallback(f=>{S.current!==f&&(S.current=f,L(f),!f.defaultPrevented&&g())},[L,g]);return yo({enabled:b,onEscapeKeyDown:K},[]),C(uo,{children:C(Co,{contentRef:v,contentId:n.useId(),open:b,state:b?q?"delayed-open":"instant-open":"closed",disableHoverableContent:h,onOpen:J,onDelayedOpen:Q,onClose:g,onDelayedClose:U,onEscapeKeyDown:K,children:o})})}G.displayName="TooltipRoot";function wo({children:o,open:i,defaultOpen:e,onOpenChange:t,onOpenChangeComplete:s,delayDuration:r,closeDelay:a,disableHoverableContent:p,disabled:l,onEscapeKeyDown:D,content:m,side:P,align:w,showArrow:h=!1,...v}){return C(G,{open:i,defaultOpen:e,onOpenChange:t,onOpenChangeComplete:s,delayDuration:r,closeDelay:a,disableHoverableContent:p,disabled:l,onEscapeKeyDown:D,children:C(W,{content:m,side:P,align:w,showArrow:h,passThrough:v,children:o})})}wo.displayName="Tooltip";var N=n.forwardRef((o,i)=>C(mo,{...o,...co("tooltip","arrow",o.className),ref:i}));N.displayName="TooltipArrow";export{wo as Tooltip,N as TooltipArrow,O as TooltipContent,k as TooltipPortal,ao as TooltipProvider,lo as TooltipProviderContext,G as TooltipRoot,Co as TooltipRootProvider,A as TooltipTrigger,d as useTooltipContext,_ as useTooltipProviderContext};