@skdx/react 0.28.0 → 0.29.0

package/dist/tag/TagLeading.d.cts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { TagLeadingProps } from './types.cjs';
-/**
- * Icon or avatar slot before {@link Tag}'s text — lets skin size leading object and truncate label independently.
- *
- * Decorative by default (accessible name comes from root's `label`). Mark the icon `aria-hidden` unless it carries meaning the label doesn't.
- *
- * @example
- * ```tsx
- * <Tag index={0} label="react" onDelete={() => remove('react')}>
- *   <TagLeading><ReactIcon aria-hidden /></TagLeading>
- *   <TagLabel>react</TagLabel>
- *   <TagDelete>×</TagDelete>
- * </Tag>
- * ```
- */
-export declare const TagLeading: React.ForwardRefExoticComponent<Omit<TagLeadingProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/tag/TagLeading.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { TagLeadingProps } from './types.js';
-/**
- * Icon or avatar slot before {@link Tag}'s text — lets skin size leading object and truncate label independently.
- *
- * Decorative by default (accessible name comes from root's `label`). Mark the icon `aria-hidden` unless it carries meaning the label doesn't.
- *
- * @example
- * ```tsx
- * <Tag index={0} label="react" onDelete={() => remove('react')}>
- *   <TagLeading><ReactIcon aria-hidden /></TagLeading>
- *   <TagLabel>react</TagLabel>
- *   <TagDelete>×</TagDelete>
- * </Tag>
- * ```
- */
-export declare const TagLeading: React.ForwardRefExoticComponent<Omit<TagLeadingProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/tag/index.d.cts

@@ -1,2 +0,0 @@
-export { Tag } from './Tag.cjs';
-export type { TagDeleteEvent, TagProps } from './types.cjs';

package/dist/tag/index.d.ts

@@ -1,2 +0,0 @@
-export { Tag } from './Tag.js';
-export type { TagDeleteEvent, TagProps } from './types.js';

package/dist/tag/primitives.d.cts

@@ -1,19 +0,0 @@
-/**
- * Primitive components for building custom `Tag` layouts.
- *
- * @example
- * ```tsx
- * import { Tag, TagDelete, TagLabel, TagLeading } from '@skdx/react/primitives/tag';
- *
- * <Tag index={0} label="react" onDelete={() => remove('react')}>
- *   <TagLeading><ReactIcon aria-hidden /></TagLeading>
- *   <TagLabel>react</TagLabel>
- *   <TagDelete>×</TagDelete>
- * </Tag>
- * ```
- */
-export { Tag } from './Tag.cjs';
-export { TagDelete } from './TagDelete.cjs';
-export { TagLabel } from './TagLabel.cjs';
-export { TagLeading } from './TagLeading.cjs';
-export type { TagProps, TagDeleteEvent, TagDeleteProps, TagLabelProps, TagLeadingProps, } from './types.cjs';

package/dist/tag/primitives.d.ts

@@ -1,19 +0,0 @@
-/**
- * Primitive components for building custom `Tag` layouts.
- *
- * @example
- * ```tsx
- * import { Tag, TagDelete, TagLabel, TagLeading } from '@skdx/react/primitives/tag';
- *
- * <Tag index={0} label="react" onDelete={() => remove('react')}>
- *   <TagLeading><ReactIcon aria-hidden /></TagLeading>
- *   <TagLabel>react</TagLabel>
- *   <TagDelete>×</TagDelete>
- * </Tag>
- * ```
- */
-export { Tag } from './Tag.js';
-export { TagDelete } from './TagDelete.js';
-export { TagLabel } from './TagLabel.js';
-export { TagLeading } from './TagLeading.js';
-export type { TagProps, TagDeleteEvent, TagDeleteProps, TagLabelProps, TagLeadingProps, } from './types.js';

package/dist/tag/types.d.cts

@@ -1,114 +0,0 @@
-import type * as React from 'react';
-import type { PolymorphicTag, PrimitivePropsWithRef } from '../utils/primitive.cjs';
-/**
- * The cancelable `CustomEvent` a {@link TagProps.onDelete} handler receives, since
- * no native event means "this tag asked to be removed".
- *
- * `preventDefault()` vetoes the consequences of removal, not the consumer's own
- * state update: focus stays on this tag and nothing is announced — the veto a
- * confirmation step needs.
- */
-export type TagDeleteEvent = CustomEvent<null>;
-/** @internal Shared state distributed from Tag to its parts via context. */
-export interface TagContextValue {
-    /** The tag's own text, used to name the delete button and the removal announcement. */
-    label: string;
-    /** The word the delete button's generated name is built from — "Remove <label>". */
-    deleteLabel: string;
-    /** Whether this tag (or the whole group) is disabled. */
-    disabled: boolean;
-    /** Whether this tag reads as chosen. */
-    selected: boolean;
-    /** Dispatches the cancelable `delete`; if it survives, moves focus to a neighbour and announces the removal. No-op when disabled or without `onDelete`. */
-    remove: () => void;
-    /** Whether this tag sits inside a `TagGroup`. False when standalone, where removal has no group to resolve focus against. */
-    grouped: boolean;
-}
-/** Props for a {@link Tag} — one removable tag inside a {@link TagGroup}. */
-export interface TagProps extends PrimitivePropsWithRef<'span'> {
-    /**
-     * Element name to render instead of the default `<span>`, from the library's tag
-     * allowlist. Takes a tag name only, never a component. An element needing its own
-     * attributes (an `<a>` and its `href`) goes through `asChild`, which is fully
-     * typed and outranks `as` when both are set.
-     * @default 'span'
-     */
-    as?: PolymorphicTag;
-    /**
-     * This tag's position in the rendered list, deciding which tag owns the single
-     * Tab stop. Must match render order — the array index from the `map` that
-     * produced them. Not discovered from DOM order, which breaks under a virtualised
-     * list; the group warns when two mounted tags report the same `index`, which
-     * otherwise silently yields two Tab stops.
-     *
-     * Required inside a `TagGroup`, meaningless without one.
-     * @default undefined — standalone, with no roving order to take part in.
-     */
-    index?: number;
-    /**
-     * This tag's text. Names the delete button (`Remove react`) and the removal
-     * announcement (`react removed`). Without it every delete button is announced
-     * as a bare "Remove", telling a screen-reader user nothing about what they are
-     * removing, and the removal is not announced at all.
-     *
-     * It is *not* rendered — pass the text as children too, or wrap it in a
-     * {@link TagLabel}.
-     * @default '' — the delete button is named just "Remove" and removal is silent.
-     */
-    label?: string;
-    /**
-     * Whether this tag reads as chosen, mirrored as `data-selected` for the
-     * skin's selected treatment.
-     *
-     * Presentation only: no ARIA selection state accompanies it. `aria-pressed`
-     * requires `role="button"` and `aria-selected` requires `role="option"`, and
-     * neither is permitted on the `listitem` a tag is. A tag whose selection must
-     * be *announced* has to say so in its own text.
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * Disables this tag alone: it can't be deleted, its delete button is
-     * `disabled`, and arrow-key navigation skips it. The group's own `disabled`
-     * also disables it.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Renders a leading `TagLeading` holding this content, before the label.
-     * Ignored when `children` is given.
-     * @default undefined — no leading slot rendered.
-     */
-    leading?: React.ReactNode;
-    /**
-     * Renders a derived `TagDelete`. Ignored when `children` is given.
-     * @default false
-     */
-    deletable?: boolean;
-    /**
-     * The word the derived `TagDelete`'s accessible name is built from —
-     * `"<deleteLabel> <label>"`.
-     * @default 'Remove'
-     */
-    deleteLabel?: string;
-    /**
-     * Removes this tag from whatever list the consumer renders it from.
-     *
-     * Receives a cancelable {@link TagDeleteEvent}. Call `preventDefault()` to hold
-     * the removal for a confirmation step: focus stays on this tag with nothing
-     * announced. Otherwise focus moves to a neighbouring tag and `"<label> removed"`
-     * is announced, both *after* this handler returns, so the state update that
-     * unmounts this element never drops focus to `<body>`.
-     * @default undefined — the tag is static: `Delete`/`Backspace` do nothing and `TagDelete` is inert.
-     */
-    onDelete?: (event: TagDeleteEvent) => void;
-}
-/** Props for {@link TagDelete}, the button that removes its parent {@link Tag}. */
-export interface TagDeleteProps extends PrimitivePropsWithRef<'button'> {
-}
-/** Props for {@link TagLeading}, the slot before a {@link Tag}'s label. */
-export interface TagLeadingProps extends PrimitivePropsWithRef<'span'> {
-}
-/** Props for {@link TagLabel}, the wrapper around a {@link Tag}'s visible text. */
-export interface TagLabelProps extends PrimitivePropsWithRef<'span'> {
-}

package/dist/tag/types.d.ts

@@ -1,114 +0,0 @@
-import type * as React from 'react';
-import type { PolymorphicTag, PrimitivePropsWithRef } from '../utils/primitive.js';
-/**
- * The cancelable `CustomEvent` a {@link TagProps.onDelete} handler receives, since
- * no native event means "this tag asked to be removed".
- *
- * `preventDefault()` vetoes the consequences of removal, not the consumer's own
- * state update: focus stays on this tag and nothing is announced — the veto a
- * confirmation step needs.
- */
-export type TagDeleteEvent = CustomEvent<null>;
-/** @internal Shared state distributed from Tag to its parts via context. */
-export interface TagContextValue {
-    /** The tag's own text, used to name the delete button and the removal announcement. */
-    label: string;
-    /** The word the delete button's generated name is built from — "Remove <label>". */
-    deleteLabel: string;
-    /** Whether this tag (or the whole group) is disabled. */
-    disabled: boolean;
-    /** Whether this tag reads as chosen. */
-    selected: boolean;
-    /** Dispatches the cancelable `delete`; if it survives, moves focus to a neighbour and announces the removal. No-op when disabled or without `onDelete`. */
-    remove: () => void;
-    /** Whether this tag sits inside a `TagGroup`. False when standalone, where removal has no group to resolve focus against. */
-    grouped: boolean;
-}
-/** Props for a {@link Tag} — one removable tag inside a {@link TagGroup}. */
-export interface TagProps extends PrimitivePropsWithRef<'span'> {
-    /**
-     * Element name to render instead of the default `<span>`, from the library's tag
-     * allowlist. Takes a tag name only, never a component. An element needing its own
-     * attributes (an `<a>` and its `href`) goes through `asChild`, which is fully
-     * typed and outranks `as` when both are set.
-     * @default 'span'
-     */
-    as?: PolymorphicTag;
-    /**
-     * This tag's position in the rendered list, deciding which tag owns the single
-     * Tab stop. Must match render order — the array index from the `map` that
-     * produced them. Not discovered from DOM order, which breaks under a virtualised
-     * list; the group warns when two mounted tags report the same `index`, which
-     * otherwise silently yields two Tab stops.
-     *
-     * Required inside a `TagGroup`, meaningless without one.
-     * @default undefined — standalone, with no roving order to take part in.
-     */
-    index?: number;
-    /**
-     * This tag's text. Names the delete button (`Remove react`) and the removal
-     * announcement (`react removed`). Without it every delete button is announced
-     * as a bare "Remove", telling a screen-reader user nothing about what they are
-     * removing, and the removal is not announced at all.
-     *
-     * It is *not* rendered — pass the text as children too, or wrap it in a
-     * {@link TagLabel}.
-     * @default '' — the delete button is named just "Remove" and removal is silent.
-     */
-    label?: string;
-    /**
-     * Whether this tag reads as chosen, mirrored as `data-selected` for the
-     * skin's selected treatment.
-     *
-     * Presentation only: no ARIA selection state accompanies it. `aria-pressed`
-     * requires `role="button"` and `aria-selected` requires `role="option"`, and
-     * neither is permitted on the `listitem` a tag is. A tag whose selection must
-     * be *announced* has to say so in its own text.
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * Disables this tag alone: it can't be deleted, its delete button is
-     * `disabled`, and arrow-key navigation skips it. The group's own `disabled`
-     * also disables it.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Renders a leading `TagLeading` holding this content, before the label.
-     * Ignored when `children` is given.
-     * @default undefined — no leading slot rendered.
-     */
-    leading?: React.ReactNode;
-    /**
-     * Renders a derived `TagDelete`. Ignored when `children` is given.
-     * @default false
-     */
-    deletable?: boolean;
-    /**
-     * The word the derived `TagDelete`'s accessible name is built from —
-     * `"<deleteLabel> <label>"`.
-     * @default 'Remove'
-     */
-    deleteLabel?: string;
-    /**
-     * Removes this tag from whatever list the consumer renders it from.
-     *
-     * Receives a cancelable {@link TagDeleteEvent}. Call `preventDefault()` to hold
-     * the removal for a confirmation step: focus stays on this tag with nothing
-     * announced. Otherwise focus moves to a neighbouring tag and `"<label> removed"`
-     * is announced, both *after* this handler returns, so the state update that
-     * unmounts this element never drops focus to `<body>`.
-     * @default undefined — the tag is static: `Delete`/`Backspace` do nothing and `TagDelete` is inert.
-     */
-    onDelete?: (event: TagDeleteEvent) => void;
-}
-/** Props for {@link TagDelete}, the button that removes its parent {@link Tag}. */
-export interface TagDeleteProps extends PrimitivePropsWithRef<'button'> {
-}
-/** Props for {@link TagLeading}, the slot before a {@link Tag}'s label. */
-export interface TagLeadingProps extends PrimitivePropsWithRef<'span'> {
-}
-/** Props for {@link TagLabel}, the wrapper around a {@link Tag}'s visible text. */
-export interface TagLabelProps extends PrimitivePropsWithRef<'span'> {
-}

package/dist/tooltip/Tooltip.cjs

@@ -1 +0,0 @@
-"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

@@ -1,85 +0,0 @@
-import * as React from 'react';
-import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-import type { TooltipContextValue, TooltipProps } from './types.cjs';
-export declare const TooltipRootProvider: {
-    (props: TooltipContextValue & {
-        children: React.ReactNode;
-    }): 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'>;
-/**
- * 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>
- *   <TooltipRoot>
- *     <TooltipTrigger>Hover me</TooltipTrigger>
- *     <TooltipPortal>
- *       <TooltipContent>
- *         Helpful hint
- *         <TooltipArrow />
- *       </TooltipContent>
- *     </TooltipPortal>
- *   </TooltipRoot>
- * </TooltipProvider>
- * ```
- */
-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;
-}
-/**
- * Optional visual arrow pointing from `TooltipContent` back at the trigger.
- * Must be rendered inside `TooltipContent`; self-positions based on the
- * resolved `side`.
- *
- * @example
- * ```tsx
- * <TooltipContent>
- *   Helpful hint
- *   <TooltipArrow />
- * </TooltipContent>
- * ```
- */
-export declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<PrimitivePropsWithRef<"span">, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/tooltip/Tooltip.d.ts

@@ -1,85 +0,0 @@
-import * as React from 'react';
-import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-import type { TooltipContextValue, TooltipProps } from './types.js';
-export declare const TooltipRootProvider: {
-    (props: TooltipContextValue & {
-        children: React.ReactNode;
-    }): 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'>;
-/**
- * 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>
- *   <TooltipRoot>
- *     <TooltipTrigger>Hover me</TooltipTrigger>
- *     <TooltipPortal>
- *       <TooltipContent>
- *         Helpful hint
- *         <TooltipArrow />
- *       </TooltipContent>
- *     </TooltipPortal>
- *   </TooltipRoot>
- * </TooltipProvider>
- * ```
- */
-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;
-}
-/**
- * Optional visual arrow pointing from `TooltipContent` back at the trigger.
- * Must be rendered inside `TooltipContent`; self-positions based on the
- * resolved `side`.
- *
- * @example
- * ```tsx
- * <TooltipContent>
- *   Helpful hint
- *   <TooltipArrow />
- * </TooltipContent>
- * ```
- */
-export declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<PrimitivePropsWithRef<"span">, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/tooltip/Tooltip.js

@@ -1 +0,0 @@
-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};

package/dist/tooltip/TooltipAnatomy.d.cts

@@ -1,15 +0,0 @@
-import type * as React from 'react';
-import type { PassThroughProps } from '../utils/passThrough.cjs';
-import type { Align, Side } from '../utils/popper.cjs';
-/**
- * Renders Tooltip anatomy when `children` is a plain trigger: merged via `asChild`, portal, and bubble.
- * @internal
- */
-export declare const TooltipAnatomy: ({ content, side, align, showArrow, children, passThrough, }: {
-    content?: React.ReactNode;
-    side?: Side;
-    align?: Align;
-    showArrow: boolean;
-    children?: React.ReactNode;
-    passThrough?: PassThroughProps;
-}) => React.JSX.Element;

package/dist/tooltip/TooltipAnatomy.d.ts

@@ -1,15 +0,0 @@
-import type * as React from 'react';
-import type { PassThroughProps } from '../utils/passThrough.js';
-import type { Align, Side } from '../utils/popper.js';
-/**
- * Renders Tooltip anatomy when `children` is a plain trigger: merged via `asChild`, portal, and bubble.
- * @internal
- */
-export declare const TooltipAnatomy: ({ content, side, align, showArrow, children, passThrough, }: {
-    content?: React.ReactNode;
-    side?: Side;
-    align?: Align;
-    showArrow: boolean;
-    children?: React.ReactNode;
-    passThrough?: PassThroughProps;
-}) => React.JSX.Element;

package/dist/tooltip/TooltipContent.d.cts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import type { TooltipContentProps } from './types.cjs';
-/**
- * The tooltip's floating bubble: `role="tooltip"` with `data-state` (`closed` or
- * `delayed-open`/`instant-open` — tells skin if tooltip paid `delayDuration` or reopened
- * instantly in `TooltipProvider`'s skip-delay window). Positioned via popper layer against
- * trigger using `side` (defaults `'top'`, overrides popper default `'bottom'`) / `align` /
- * `sideOffset` (defaults `4`) / `alignOffset`, flipping/shifting to avoid collisions unless
- * `avoidCollisions` is `false`. Exposes `data-side`/`data-align` and measurement custom properties
- * `--skdx-tooltip-available-width` / `-available-height` / `-trigger-width` / `-transform-origin`.
- * Accepts pointer and stays open while hovered (hint read not chased, WCAG 2.2 SC 1.4.13);
- * publishes `data-hoverable`. `disableHoverableContent={true}` drops attribute, ignores pointer events.
- * Mounts only while open unless `forceMount` set.
- *
- * @example
- * ```tsx
- * <TooltipPortal>
- *   <TooltipContent side="bottom" sideOffset={8}>
- *     Helpful hint
- *     <TooltipArrow />
- *   </TooltipContent>
- * </TooltipPortal>
- * ```
- */
-export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/tooltip/TooltipContent.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import type { TooltipContentProps } from './types.js';
-/**
- * The tooltip's floating bubble: `role="tooltip"` with `data-state` (`closed` or
- * `delayed-open`/`instant-open` — tells skin if tooltip paid `delayDuration` or reopened
- * instantly in `TooltipProvider`'s skip-delay window). Positioned via popper layer against
- * trigger using `side` (defaults `'top'`, overrides popper default `'bottom'`) / `align` /
- * `sideOffset` (defaults `4`) / `alignOffset`, flipping/shifting to avoid collisions unless
- * `avoidCollisions` is `false`. Exposes `data-side`/`data-align` and measurement custom properties
- * `--skdx-tooltip-available-width` / `-available-height` / `-trigger-width` / `-transform-origin`.
- * Accepts pointer and stays open while hovered (hint read not chased, WCAG 2.2 SC 1.4.13);
- * publishes `data-hoverable`. `disableHoverableContent={true}` drops attribute, ignores pointer events.
- * Mounts only while open unless `forceMount` set.
- *
- * @example
- * ```tsx
- * <TooltipPortal>
- *   <TooltipContent side="bottom" sideOffset={8}>
- *     Helpful hint
- *     <TooltipArrow />
- *   </TooltipContent>
- * </TooltipPortal>
- * ```
- */
-export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/tooltip/TooltipPortal.d.cts

@@ -1,19 +0,0 @@
-import type { TooltipPortalProps } from './types.cjs';
-/**
- * Teleports `TooltipContent` to `document.body` (or a custom `container`).
- * Mounts only while open unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <Tooltip>
- *   <TooltipTrigger>Hover me</TooltipTrigger>
- *   <TooltipPortal>
- *     <TooltipContent>Helpful hint</TooltipContent>
- *   </TooltipPortal>
- * </Tooltip>
- * ```
- */
-export declare const TooltipPortal: {
-    ({ forceMount, children, ...props }: TooltipPortalProps): import("react").JSX.Element | null;
-    displayName: string;
-};

package/dist/tooltip/TooltipPortal.d.ts

@@ -1,19 +0,0 @@
-import type { TooltipPortalProps } from './types.js';
-/**
- * Teleports `TooltipContent` to `document.body` (or a custom `container`).
- * Mounts only while open unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <Tooltip>
- *   <TooltipTrigger>Hover me</TooltipTrigger>
- *   <TooltipPortal>
- *     <TooltipContent>Helpful hint</TooltipContent>
- *   </TooltipPortal>
- * </Tooltip>
- * ```
- */
-export declare const TooltipPortal: {
-    ({ forceMount, children, ...props }: TooltipPortalProps): import("react").JSX.Element | null;
-    displayName: string;
-};