@skdx/react 0.27.0 → 0.29.0

package/dist/skip-link/index.d.cts

@@ -1,2 +0,0 @@
-export * from './SkipLink.cjs';
-export type { SkipLinkProps } from './types.cjs';

package/dist/skip-link/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SkipLink.js';
-export type { SkipLinkProps } from './types.js';

package/dist/skip-link/types.d.cts

@@ -1,10 +0,0 @@
-import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-/** Props for the {@link SkipLink} root. */
-export interface SkipLinkProps extends Omit<PrimitivePropsWithRef<'a'>, 'href'> {
-    /**
-     * The `id` of the element to jump to — usually the page's main landmark.
-     * Rendered as `href="#{targetId}"` and resolved at click time, so the target
-     * does not have to exist when the link mounts.
-     */
-    targetId: string;
-}

package/dist/skip-link/types.d.ts

@@ -1,10 +0,0 @@
-import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/** Props for the {@link SkipLink} root. */
-export interface SkipLinkProps extends Omit<PrimitivePropsWithRef<'a'>, 'href'> {
-    /**
-     * The `id` of the element to jump to — usually the page's main landmark.
-     * Rendered as `href="#{targetId}"` and resolved at click time, so the target
-     * does not have to exist when the link mounts.
-     */
-    targetId: string;
-}

package/dist/steps/Steps.cjs

@@ -1 +0,0 @@
-"use strict";var _=Object.create;var x=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var tt=Object.getPrototypeOf,et=Object.prototype.hasOwnProperty;var st=(t,e)=>{for(var s in e)x(t,s,{get:e[s],enumerable:!0})},A=(t,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of j(e))!et.call(t,r)&&r!==s&&x(t,r,{get:()=>e[r],enumerable:!(a=$(e,r))||a.enumerable});return t};var v=(t,e,s)=>(s=t!=null?_(tt(t)):{},A(e||!t||!t.__esModule?x(s,"default",{value:t,enumerable:!0}):s,t)),rt=t=>A(x({},"__esModule",{value:!0}),t);var at={};st(at,{Steps:()=>z,StepsItem:()=>k,StepsProvider:()=>D,StepsTrigger:()=>N,canActivateStep:()=>O,stepStatus:()=>S,useStepsContext:()=>f});module.exports=rt(at);var p=v(require("react"),1),M=require("../utils/createContext.cjs"),V=require("../utils/part.cjs"),h=require("../utils/primitive.cjs"),w=require("../utils/useControllableState.cjs"),y=require("react/jsx-runtime"),[D,f]=(0,M.createSafeContext)("Steps");function S(t,e){return e?"current":t.completed?"completed":t.disabled?"disabled":"incomplete"}function O(t,e,s,a){if(t.length===0)return a==="non-linear"||e===s;let r=t.find(i=>i.value===e);return!r||r.disabled?!1:a==="non-linear"||r.completed||r.value===s?!0:t.find(i=>!i.completed)?.value===e}var z=p.forwardRef(({value:t,defaultValue:e,onValueChange:s,orientation:a="horizontal",navigationMode:r="linear",completedLabel:i="Completed",currentLabel:c="Current step",incompleteLabel:n="Not completed",disabledLabel:m="Disabled",...l},Q)=>{let[P,T]=(0,w.useControllableState)({prop:t,defaultProp:e,onChange:s}),[C,E]=p.useState([]),U=p.useCallback(o=>{E(d=>{let u=d.findIndex(Z=>Z.value===o.value);if(u===-1)return[...d,o];let H=d[u];if(H.completed===o.completed&&H.disabled===o.disabled)return d;let L=d.slice();return L[u]=o,L})},[]),W=p.useCallback(o=>{E(d=>d.filter(u=>u.value!==o))},[]),R=p.useCallback(o=>O(C,o,P,r),[C,P,r]),X=p.useCallback(o=>{R(o)&&T(o)},[R,T]),Y=p.useCallback(o=>o==="completed"?i:o==="current"?c:o==="disabled"?m:n,[i,c,m,n]);return(0,y.jsx)(D,{value:P,orientation:a,navigationMode:r,statusLabel:Y,items:C,registerItem:U,unregisterItem:W,canActivate:R,activate:X,children:(0,y.jsx)(h.Primitive.ol,{"data-orientation":a,...l,...(0,V.skdxPart)("steps","root",l.className),ref:Q})})});z.displayName="Steps";var g=v(require("react"),1),B=require("../utils/part.cjs"),q=require("../utils/primitive.cjs"),F=require("../utils/visuallyHidden.cjs");var I=require("react/jsx-runtime"),k=g.forwardRef(({value:t,completed:e=!1,disabled:s=!1,children:a,...r},i)=>{let c=f("StepsItem"),n=S({completed:e,disabled:s},c.value===t),{registerItem:m,unregisterItem:l}=c;return g.useLayoutEffect(()=>{m({value:t,completed:e,disabled:s})},[m,t,e,s]),g.useLayoutEffect(()=>()=>l(t),[l,t]),(0,I.jsxs)(q.Primitive.li,{"data-status":n,"data-orientation":c.orientation,"data-disabled":s?"":void 0,"data-value":t,"aria-current":n==="current"?"step":void 0,...r,...(0,B.skdxPart)("steps","item",r.className),ref:i,children:[a,(0,I.jsx)(F.VisuallyHidden,{"data-status-text":n,children:c.statusLabel(n)})]})});k.displayName="StepsItem";var G=v(require("react"),1),J=require("../utils/part.cjs"),b=require("../utils/primitive.cjs");var K=require("react/jsx-runtime"),N=G.forwardRef(({value:t,...e},s)=>{let a=f("StepsTrigger"),r=a.items.find(m=>m.value===t),i=r?.disabled??!1,c=S({completed:r?.completed??!1,disabled:i},a.value===t),n=!i&&!a.canActivate(t);return(0,K.jsx)(b.Primitive.button,{type:"button","data-status":c,"data-orientation":a.orientation,"data-disabled":i?"":void 0,"data-value":t,disabled:i,"aria-disabled":n||void 0,...e,...(0,J.skdxPart)("steps","trigger",e.className),ref:s,onClick:(0,b.composeEventHandlers)(e.onClick,m=>{if(n){m.preventDefault();return}a.activate(t)})})});N.displayName="StepsTrigger";0&&(module.exports={Steps,StepsItem,StepsProvider,StepsTrigger,canActivateStep,stepStatus,useStepsContext});

package/dist/steps/Steps.d.cts

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import type { StepsContextValue, StepsItemState, StepsNavigationMode, StepsProps, StepStatus } from './types.cjs';
-export declare const StepsProvider: {
-    (props: StepsContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useStepsContext: (consumerName: string) => StepsContextValue;
-/**
- * @internal The one place a step's four-way status is derived, so every part
- * agrees. Precedence is `current` → `completed` → `disabled` → `incomplete`:
- * a completed-but-disabled step still announces "Completed", because being
- * unreachable is already conveyed by the trigger's disabled state.
- */
-export declare function stepStatus(item: Pick<StepsItemState, 'completed' | 'disabled'>, current: boolean): StepStatus;
-/**
- * @internal The whole of linear-mode enforcement. A step is reachable when it
- * is already completed, is the current step, or is the *frontier* — the first
- * step that is not yet completed. A disabled step never activates, but it is
- * not a wall either: it does not shift the frontier past itself.
- */
-export declare function canActivateStep(items: StepsItemState[], value: string, currentValue: string | undefined, navigationMode: StepsNavigationMode): boolean;
-/**
- * Root of a step sequence: renders an `<ol>` and owns which step is current,
- * handing it down to `StepsItem` / `StepsTrigger` via context. The current
- * step is marked `aria-current="step"`, and every step exposes its status as
- * visually-hidden text so it is never conveyed by colour or position alone.
- *
- * Works controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
- * A Wizard is a *pattern* built from `Steps` + `Form` + `Dialog`, not a
- * component — see the Wizard pattern page.
- *
- * @example
- * ```tsx
- * <Steps aria-label="Checkout progress" defaultValue="cart">
- *   <StepsItem value="cart" completed>
- *     <StepsTrigger value="cart">Cart</StepsTrigger>
- *   </StepsItem>
- *   <StepsItem value="shipping">
- *     <StepsTrigger value="shipping">Shipping</StepsTrigger>
- *   </StepsItem>
- * </Steps>
- * ```
- */
-export declare const Steps: React.ForwardRefExoticComponent<Omit<StepsProps, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/dist/steps/Steps.d.ts

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import type { StepsContextValue, StepsItemState, StepsNavigationMode, StepsProps, StepStatus } from './types.js';
-export declare const StepsProvider: {
-    (props: StepsContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useStepsContext: (consumerName: string) => StepsContextValue;
-/**
- * @internal The one place a step's four-way status is derived, so every part
- * agrees. Precedence is `current` → `completed` → `disabled` → `incomplete`:
- * a completed-but-disabled step still announces "Completed", because being
- * unreachable is already conveyed by the trigger's disabled state.
- */
-export declare function stepStatus(item: Pick<StepsItemState, 'completed' | 'disabled'>, current: boolean): StepStatus;
-/**
- * @internal The whole of linear-mode enforcement. A step is reachable when it
- * is already completed, is the current step, or is the *frontier* — the first
- * step that is not yet completed. A disabled step never activates, but it is
- * not a wall either: it does not shift the frontier past itself.
- */
-export declare function canActivateStep(items: StepsItemState[], value: string, currentValue: string | undefined, navigationMode: StepsNavigationMode): boolean;
-/**
- * Root of a step sequence: renders an `<ol>` and owns which step is current,
- * handing it down to `StepsItem` / `StepsTrigger` via context. The current
- * step is marked `aria-current="step"`, and every step exposes its status as
- * visually-hidden text so it is never conveyed by colour or position alone.
- *
- * Works controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
- * A Wizard is a *pattern* built from `Steps` + `Form` + `Dialog`, not a
- * component — see the Wizard pattern page.
- *
- * @example
- * ```tsx
- * <Steps aria-label="Checkout progress" defaultValue="cart">
- *   <StepsItem value="cart" completed>
- *     <StepsTrigger value="cart">Cart</StepsTrigger>
- *   </StepsItem>
- *   <StepsItem value="shipping">
- *     <StepsTrigger value="shipping">Shipping</StepsTrigger>
- *   </StepsItem>
- * </Steps>
- * ```
- */
-export declare const Steps: React.ForwardRefExoticComponent<Omit<StepsProps, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/dist/steps/Steps.js

@@ -1 +0,0 @@
-import*as p from"react";import{createSafeContext as h}from"../utils/createContext.js";import{skdxPart as w}from"../utils/part.js";import{Primitive as D}from"../utils/primitive.js";import{useControllableState as O}from"../utils/useControllableState.js";import{jsx as y}from"react/jsx-runtime";var[z,S]=h("Steps");function g(t,s){return s?"current":t.completed?"completed":t.disabled?"disabled":"incomplete"}function B(t,s,i,a){if(t.length===0)return a==="non-linear"||s===i;let r=t.find(o=>o.value===s);return!r||r.disabled?!1:a==="non-linear"||r.completed||r.value===i?!0:t.find(o=>!o.completed)?.value===s}var q=p.forwardRef(({value:t,defaultValue:s,onValueChange:i,orientation:a="horizontal",navigationMode:r="linear",completedLabel:o="Completed",currentLabel:c="Current step",incompleteLabel:n="Not completed",disabledLabel:m="Disabled",...l},E)=>{let[x,P]=O({prop:t,defaultProp:s,onChange:i}),[I,C]=p.useState([]),H=p.useCallback(e=>{C(d=>{let u=d.findIndex(V=>V.value===e.value);if(u===-1)return[...d,e];let R=d[u];if(R.completed===e.completed&&R.disabled===e.disabled)return d;let v=d.slice();return v[u]=e,v})},[]),L=p.useCallback(e=>{C(d=>d.filter(u=>u.value!==e))},[]),b=p.useCallback(e=>B(I,e,x,r),[I,x,r]),A=p.useCallback(e=>{b(e)&&P(e)},[b,P]),M=p.useCallback(e=>e==="completed"?o:e==="current"?c:e==="disabled"?m:n,[o,c,m,n]);return y(z,{value:x,orientation:a,navigationMode:r,statusLabel:M,items:I,registerItem:H,unregisterItem:L,canActivate:b,activate:A,children:y(D.ol,{"data-orientation":a,...l,...w("steps","root",l.className),ref:E})})});q.displayName="Steps";import*as f from"react";import{skdxPart as F}from"../utils/part.js";import{Primitive as G}from"../utils/primitive.js";import{VisuallyHidden as J}from"../utils/visuallyHidden.js";import{jsx as K,jsxs as Q}from"react/jsx-runtime";var k=f.forwardRef(({value:t,completed:s=!1,disabled:i=!1,children:a,...r},o)=>{let c=S("StepsItem"),n=g({completed:s,disabled:i},c.value===t),{registerItem:m,unregisterItem:l}=c;return f.useLayoutEffect(()=>{m({value:t,completed:s,disabled:i})},[m,t,s,i]),f.useLayoutEffect(()=>()=>l(t),[l,t]),Q(G.li,{"data-status":n,"data-orientation":c.orientation,"data-disabled":i?"":void 0,"data-value":t,"aria-current":n==="current"?"step":void 0,...r,...F("steps","item",r.className),ref:o,children:[a,K(J,{"data-status-text":n,children:c.statusLabel(n)})]})});k.displayName="StepsItem";import*as N from"react";import{skdxPart as U}from"../utils/part.js";import{composeEventHandlers as W,Primitive as X}from"../utils/primitive.js";import{jsx as Y}from"react/jsx-runtime";var T=N.forwardRef(({value:t,...s},i)=>{let a=S("StepsTrigger"),r=a.items.find(m=>m.value===t),o=r?.disabled??!1,c=g({completed:r?.completed??!1,disabled:o},a.value===t),n=!o&&!a.canActivate(t);return Y(X.button,{type:"button","data-status":c,"data-orientation":a.orientation,"data-disabled":o?"":void 0,"data-value":t,disabled:o,"aria-disabled":n||void 0,...s,...U("steps","trigger",s.className),ref:i,onClick:W(s.onClick,m=>{if(n){m.preventDefault();return}a.activate(t)})})});T.displayName="StepsTrigger";export{q as Steps,k as StepsItem,z as StepsProvider,T as StepsTrigger,B as canActivateStep,g as stepStatus,S as useStepsContext};

package/dist/steps/StepsItem.d.cts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { StepsItemProps } from './types.cjs';
-/**
- * A single `<li>` step. Carries `data-status`
- * (`completed` | `current` | `incomplete` | `disabled`), `aria-current="step"`
- * while it is the current step, and a visually-hidden status element so the
- * status reaches assistive tech as text rather than only as colour or
- * position.
- *
- * @example
- * ```tsx
- * <StepsItem value="shipping" completed>
- *   Shipping
- * </StepsItem>
- * ```
- */
-export declare const StepsItem: React.ForwardRefExoticComponent<Omit<StepsItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/steps/StepsItem.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { StepsItemProps } from './types.js';
-/**
- * A single `<li>` step. Carries `data-status`
- * (`completed` | `current` | `incomplete` | `disabled`), `aria-current="step"`
- * while it is the current step, and a visually-hidden status element so the
- * status reaches assistive tech as text rather than only as colour or
- * position.
- *
- * @example
- * ```tsx
- * <StepsItem value="shipping" completed>
- *   Shipping
- * </StepsItem>
- * ```
- */
-export declare const StepsItem: React.ForwardRefExoticComponent<Omit<StepsItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/steps/StepsTrigger.d.cts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import type { StepsTriggerProps } from './types.cjs';
-/**
- * The optional interactive control that makes a step navigable. Renders a
- * plain `<button>` — an ordinary tab stop, not part of a roving-focus
- * composite, because a step list is a set of independent controls.
- *
- * A step the navigation mode blocks stays focusable and readable but reports
- * `aria-disabled="true"` and refuses activation; a step whose `StepsItem` is
- * `disabled` is natively `disabled` and leaves the tab order entirely.
- *
- * @example
- * ```tsx
- * <StepsItem value="payment">
- *   <StepsTrigger value="payment">Payment</StepsTrigger>
- * </StepsItem>
- * ```
- */
-export declare const StepsTrigger: React.ForwardRefExoticComponent<Omit<StepsTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/steps/StepsTrigger.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import type { StepsTriggerProps } from './types.js';
-/**
- * The optional interactive control that makes a step navigable. Renders a
- * plain `<button>` — an ordinary tab stop, not part of a roving-focus
- * composite, because a step list is a set of independent controls.
- *
- * A step the navigation mode blocks stays focusable and readable but reports
- * `aria-disabled="true"` and refuses activation; a step whose `StepsItem` is
- * `disabled` is natively `disabled` and leaves the tab order entirely.
- *
- * @example
- * ```tsx
- * <StepsItem value="payment">
- *   <StepsTrigger value="payment">Payment</StepsTrigger>
- * </StepsItem>
- * ```
- */
-export declare const StepsTrigger: React.ForwardRefExoticComponent<Omit<StepsTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/steps/index.d.cts

@@ -1,4 +0,0 @@
-export * from './Steps.cjs';
-export { StepsItem } from './StepsItem.cjs';
-export { StepsTrigger } from './StepsTrigger.cjs';
-export type { StepStatus, StepsOrientation, StepsNavigationMode, StepsProps, StepsItemProps, StepsTriggerProps, } from './types.cjs';

package/dist/steps/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Steps.js';
-export { StepsItem } from './StepsItem.js';
-export { StepsTrigger } from './StepsTrigger.js';
-export type { StepStatus, StepsOrientation, StepsNavigationMode, StepsProps, StepsItemProps, StepsTriggerProps, } from './types.js';

package/dist/steps/types.d.cts

@@ -1,117 +0,0 @@
-import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-/** The four mutually exclusive statuses a single step can be in. */
-export type StepStatus = 'completed' | 'current' | 'incomplete' | 'disabled';
-/** Layout axis of a {@link Steps} list. */
-export type StepsOrientation = 'horizontal' | 'vertical';
-/**
- * How far a `StepsTrigger` may jump. `'linear'` allows completed steps, the
- * current step, and the first not-yet-completed step (the frontier);
- * `'non-linear'` allows any step that is not itself disabled.
- */
-export type StepsNavigationMode = 'linear' | 'non-linear';
-/** @internal One registered step, as {@link Steps} tracks it for navigation-mode decisions. Not part of the public API. */
-export interface StepsItemState {
-    value: string;
-    completed: boolean;
-    disabled: boolean;
-}
-/** @internal Shared state distributed from {@link Steps} to its parts via context. Not part of the public API. */
-export interface StepsContextValue {
-    value?: string;
-    orientation: StepsOrientation;
-    navigationMode: StepsNavigationMode;
-    /** The visually-hidden text announced for a given status. */
-    statusLabel: (status: StepStatus) => string;
-    /** Registered steps, in mount (DOM) order. */
-    items: StepsItemState[];
-    registerItem: (item: StepsItemState) => void;
-    unregisterItem: (value: string) => void;
-    /** Whether a trigger for `value` may activate its step under the current navigation mode. */
-    canActivate: (value: string) => boolean;
-    /** Activates `value` if {@link StepsContextValue.canActivate} allows it; a no-op otherwise. */
-    activate: (value: string) => void;
-}
-/** Props for the {@link Steps} root. */
-export interface StepsProps extends PrimitivePropsWithRef<'ol'> {
-    /**
-     * Current step's value, for controlled usage. Pair with `onValueChange`.
-     * @default undefined — uncontrolled, tracks its own current step internally.
-     */
-    value?: string;
-    /**
-     * Initially current step's value, for uncontrolled usage.
-     * @default undefined — no step is current until one is activated.
-     */
-    defaultValue?: string;
-    /**
-     * Fires with the new value whenever the current step changes, controlled or
-     * not. Never fires for an activation the navigation mode or a disabled step
-     * blocked.
-     * @default undefined — no-op.
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * Layout axis, exposed as `data-orientation`. Purely a styling hook — each
-     * trigger is an ordinary tab stop, so there is no ARIA orientation and no
-     * arrow-key handling.
-     * @default 'horizontal'
-     */
-    orientation?: StepsOrientation;
-    /**
-     * `'linear'` restricts triggers to completed steps, the current step, and
-     * the first not-yet-completed step. `'non-linear'` lets a trigger activate
-     * any step that is not itself disabled. Neither mode restricts programmatic
-     * changes to `value`.
-     * @default 'linear'
-     */
-    navigationMode?: StepsNavigationMode;
-    /**
-     * Visually-hidden status text for a completed step.
-     * @default 'Completed'
-     */
-    completedLabel?: string;
-    /**
-     * Visually-hidden status text for the current step.
-     * @default 'Current step'
-     */
-    currentLabel?: string;
-    /**
-     * Visually-hidden status text for a step that is neither completed nor current.
-     * @default 'Not completed'
-     */
-    incompleteLabel?: string;
-    /**
-     * Visually-hidden status text for a disabled step.
-     * @default 'Disabled'
-     */
-    disabledLabel?: string;
-}
-/**
- * Props for a single {@link StepsItem}.
- *
- * `asChild` is deliberately unavailable: `StepsItem` injects its own
- * visually-hidden status element as a second child, which `Slot` (single
- * element child only) cannot merge onto a consumer's element.
- */
-export interface StepsItemProps extends Omit<PrimitivePropsWithRef<'li'>, 'asChild'> {
-    /** Unique identifier matched against the root's `value` and a `StepsTrigger`'s `value`. */
-    value: string;
-    /**
-     * Whether this step has been completed. Drives `data-status` and, in linear
-     * mode, which steps a trigger may activate.
-     * @default false
-     */
-    completed?: boolean;
-    /**
-     * Whether this step can be activated at all. A disabled step's trigger
-     * leaves the tab order and refuses activation, but the step does not move
-     * the linear frontier.
-     * @default false
-     */
-    disabled?: boolean;
-}
-/** Props for a single {@link StepsTrigger} button. */
-export interface StepsTriggerProps extends PrimitivePropsWithRef<'button'> {
-    /** The owning `StepsItem`'s `value` — the step this trigger activates. */
-    value: string;
-}

package/dist/steps/types.d.ts

@@ -1,117 +0,0 @@
-import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/** The four mutually exclusive statuses a single step can be in. */
-export type StepStatus = 'completed' | 'current' | 'incomplete' | 'disabled';
-/** Layout axis of a {@link Steps} list. */
-export type StepsOrientation = 'horizontal' | 'vertical';
-/**
- * How far a `StepsTrigger` may jump. `'linear'` allows completed steps, the
- * current step, and the first not-yet-completed step (the frontier);
- * `'non-linear'` allows any step that is not itself disabled.
- */
-export type StepsNavigationMode = 'linear' | 'non-linear';
-/** @internal One registered step, as {@link Steps} tracks it for navigation-mode decisions. Not part of the public API. */
-export interface StepsItemState {
-    value: string;
-    completed: boolean;
-    disabled: boolean;
-}
-/** @internal Shared state distributed from {@link Steps} to its parts via context. Not part of the public API. */
-export interface StepsContextValue {
-    value?: string;
-    orientation: StepsOrientation;
-    navigationMode: StepsNavigationMode;
-    /** The visually-hidden text announced for a given status. */
-    statusLabel: (status: StepStatus) => string;
-    /** Registered steps, in mount (DOM) order. */
-    items: StepsItemState[];
-    registerItem: (item: StepsItemState) => void;
-    unregisterItem: (value: string) => void;
-    /** Whether a trigger for `value` may activate its step under the current navigation mode. */
-    canActivate: (value: string) => boolean;
-    /** Activates `value` if {@link StepsContextValue.canActivate} allows it; a no-op otherwise. */
-    activate: (value: string) => void;
-}
-/** Props for the {@link Steps} root. */
-export interface StepsProps extends PrimitivePropsWithRef<'ol'> {
-    /**
-     * Current step's value, for controlled usage. Pair with `onValueChange`.
-     * @default undefined — uncontrolled, tracks its own current step internally.
-     */
-    value?: string;
-    /**
-     * Initially current step's value, for uncontrolled usage.
-     * @default undefined — no step is current until one is activated.
-     */
-    defaultValue?: string;
-    /**
-     * Fires with the new value whenever the current step changes, controlled or
-     * not. Never fires for an activation the navigation mode or a disabled step
-     * blocked.
-     * @default undefined — no-op.
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * Layout axis, exposed as `data-orientation`. Purely a styling hook — each
-     * trigger is an ordinary tab stop, so there is no ARIA orientation and no
-     * arrow-key handling.
-     * @default 'horizontal'
-     */
-    orientation?: StepsOrientation;
-    /**
-     * `'linear'` restricts triggers to completed steps, the current step, and
-     * the first not-yet-completed step. `'non-linear'` lets a trigger activate
-     * any step that is not itself disabled. Neither mode restricts programmatic
-     * changes to `value`.
-     * @default 'linear'
-     */
-    navigationMode?: StepsNavigationMode;
-    /**
-     * Visually-hidden status text for a completed step.
-     * @default 'Completed'
-     */
-    completedLabel?: string;
-    /**
-     * Visually-hidden status text for the current step.
-     * @default 'Current step'
-     */
-    currentLabel?: string;
-    /**
-     * Visually-hidden status text for a step that is neither completed nor current.
-     * @default 'Not completed'
-     */
-    incompleteLabel?: string;
-    /**
-     * Visually-hidden status text for a disabled step.
-     * @default 'Disabled'
-     */
-    disabledLabel?: string;
-}
-/**
- * Props for a single {@link StepsItem}.
- *
- * `asChild` is deliberately unavailable: `StepsItem` injects its own
- * visually-hidden status element as a second child, which `Slot` (single
- * element child only) cannot merge onto a consumer's element.
- */
-export interface StepsItemProps extends Omit<PrimitivePropsWithRef<'li'>, 'asChild'> {
-    /** Unique identifier matched against the root's `value` and a `StepsTrigger`'s `value`. */
-    value: string;
-    /**
-     * Whether this step has been completed. Drives `data-status` and, in linear
-     * mode, which steps a trigger may activate.
-     * @default false
-     */
-    completed?: boolean;
-    /**
-     * Whether this step can be activated at all. A disabled step's trigger
-     * leaves the tab order and refuses activation, but the step does not move
-     * the linear frontier.
-     * @default false
-     */
-    disabled?: boolean;
-}
-/** Props for a single {@link StepsTrigger} button. */
-export interface StepsTriggerProps extends PrimitivePropsWithRef<'button'> {
-    /** The owning `StepsItem`'s `value` — the step this trigger activates. */
-    value: string;
-}

package/dist/tag/Tag.cjs

@@ -1 +0,0 @@
-"use strict";var S=Object.create;var l=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var B=(e,t)=>{for(var a in t)l(e,a,{get:t[a],enumerable:!0})},y=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of H(t))!M.call(e,o)&&o!==a&&l(e,o,{get:()=>t[o],enumerable:!(s=G(t,o))||s.enumerable});return e};var x=(e,t,a)=>(a=e!=null?S(L(e)):{},y(t||!e||!e.__esModule?l(a,"default",{value:e,enumerable:!0}):a,e)),F=e=>y(l({},"__esModule",{value:!0}),e);var V={};B(V,{Tag:()=>c,TagDelete:()=>T});module.exports=F(V);var r=x(require("react"),1),d=require("../tag-group/TagGroup.cjs"),k=require("../utils/composeRefs.cjs"),w=require("../utils/createContext.cjs"),R=require("../utils/part.cjs"),n=require("../utils/primitive.cjs"),f=require("react/jsx-runtime"),[K,P]=(0,w.createSafeContext)("Tag"),c=r.forwardRef(({index:e,value:t="",disabled:a=!1,onDelete:s,...o},E)=>{let m=(0,d.useTagGroupContext)("Tag"),i=a||m.disabled,h=r.useRef(null),N=(0,k.useComposedRefs)(E,h),{register:b,setActiveIndex:u}=m;r.useEffect(()=>b(),[b]);let v=r.useCallback(()=>{i||!s||(u((0,d.focusTagNeighbor)(h.current,e)),s())},[i,s,u,e]);return(0,f.jsx)(K,{value:t,disabled:i,remove:v,children:(0,f.jsx)(n.Primitive.span,{role:"listitem","data-skdx-tag":"","data-disabled":i?"":void 0,tabIndex:m.tabStopIndex===e?0:-1,...o,...(0,R.skdxPart)("tag","root",o.className),ref:N,onFocus:(0,n.composeEventHandlers)(o.onFocus,()=>u(e)),onKeyDown:(0,n.composeEventHandlers)(o.onKeyDown,g=>{g.key!=="Delete"&&g.key!=="Backspace"||(g.preventDefault(),v())})})})});c.displayName="Tag";var C=x(require("react"),1),D=require("../utils/part.cjs"),p=require("../utils/primitive.cjs");var I=require("react/jsx-runtime"),T=C.forwardRef((e,t)=>{let a=P("TagDelete");return(0,I.jsx)(p.Primitive.button,{type:"button","aria-label":`Remove ${a.value}`.trim(),disabled:a.disabled,"data-disabled":a.disabled?"":void 0,tabIndex:-1,...e,...(0,D.skdxPart)("tag","delete",e.className),ref:t,onClick:(0,p.composeEventHandlers)(e.onClick,()=>{a.remove()})})});T.displayName="TagDelete";0&&(module.exports={Tag,TagDelete});

package/dist/tag/Tag.d.cts

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import type { TagContextValue, TagProps } from './types.cjs';
-/**
- * Reads what a single {@link Tag} publishes to its own subtree: the
- * tag's `value` (which names its delete button — "Remove react", not a bare
- * "Remove"), whether it is disabled by itself or by the enclosing group, and
- * `remove`, which moves focus to a neighbouring tag *before* firing `onDelete`
- * so deleting the focused tag does not drop focus to the body.
- *
- * Only {@link TagDelete} reads it, under its own name, which is the name the
- * hook puts in the error it throws when a delete button is rendered outside a
- * `Tag` — with no `Tag` it has nothing to remove and no text to be named after.
- * Not part of the public API.
- *
- * @internal
- */
-export declare const TagProvider: {
-    (props: TagContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTagContext: (consumerName: string) => TagContextValue;
-/**
- * One tag inside a {@link TagGroup}: renders a `<span role="listitem">` that
- * takes part in the group's roving tabindex, and removes itself on `Delete` or
- * `Backspace` when given an `onDelete`.
- *
- * A tag with no `onDelete` is static — it is still reachable with the arrow
- * keys, but nothing removes it. Give it a {@link TagDelete} child for a mouse
- * affordance; the button borrows `value` for its accessible name, so it
- * announces "Remove react" rather than a row of identical "Remove" buttons.
- *
- * Must be rendered inside a `TagGroup` — the group owns the focus behaviour
- * that makes a tag worth being a component at all. For a purely decorative
- * label with no keyboard behaviour, use `Badge`.
- *
- * @example
- * ```tsx
- * <Tag index={0} value="react" onDelete={() => remove('react')}>
- *   react
- *   <TagDelete>×</TagDelete>
- * </Tag>
- * ```
- */
-export declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/tag/Tag.d.ts

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import type { TagContextValue, TagProps } from './types.js';
-/**
- * Reads what a single {@link Tag} publishes to its own subtree: the
- * tag's `value` (which names its delete button — "Remove react", not a bare
- * "Remove"), whether it is disabled by itself or by the enclosing group, and
- * `remove`, which moves focus to a neighbouring tag *before* firing `onDelete`
- * so deleting the focused tag does not drop focus to the body.
- *
- * Only {@link TagDelete} reads it, under its own name, which is the name the
- * hook puts in the error it throws when a delete button is rendered outside a
- * `Tag` — with no `Tag` it has nothing to remove and no text to be named after.
- * Not part of the public API.
- *
- * @internal
- */
-export declare const TagProvider: {
-    (props: TagContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTagContext: (consumerName: string) => TagContextValue;
-/**
- * One tag inside a {@link TagGroup}: renders a `<span role="listitem">` that
- * takes part in the group's roving tabindex, and removes itself on `Delete` or
- * `Backspace` when given an `onDelete`.
- *
- * A tag with no `onDelete` is static — it is still reachable with the arrow
- * keys, but nothing removes it. Give it a {@link TagDelete} child for a mouse
- * affordance; the button borrows `value` for its accessible name, so it
- * announces "Remove react" rather than a row of identical "Remove" buttons.
- *
- * Must be rendered inside a `TagGroup` — the group owns the focus behaviour
- * that makes a tag worth being a component at all. For a purely decorative
- * label with no keyboard behaviour, use `Badge`.
- *
- * @example
- * ```tsx
- * <Tag index={0} value="react" onDelete={() => remove('react')}>
- *   react
- *   <TagDelete>×</TagDelete>
- * </Tag>
- * ```
- */
-export declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/tag/Tag.js

@@ -1 +0,0 @@
-import*as t from"react";import{focusTagNeighbor as x,useTagGroupContext as k}from"../tag-group/TagGroup.js";import{useComposedRefs as w}from"../utils/composeRefs.js";import{createSafeContext as R}from"../utils/createContext.js";import{skdxPart as P}from"../utils/part.js";import{composeEventHandlers as g,Primitive as C}from"../utils/primitive.js";import{jsx as f}from"react/jsx-runtime";var[D,c]=R("Tag"),T=t.forwardRef(({index:e,value:s="",disabled:a=!1,onDelete:n,...o},v)=>{let i=k("Tag"),r=a||i.disabled,p=t.useRef(null),y=w(v,p),{register:m,setActiveIndex:l}=i;t.useEffect(()=>m(),[m]);let u=t.useCallback(()=>{r||!n||(l(x(p.current,e)),n())},[r,n,l,e]);return f(D,{value:s,disabled:r,remove:u,children:f(C.span,{role:"listitem","data-skdx-tag":"","data-disabled":r?"":void 0,tabIndex:i.tabStopIndex===e?0:-1,...o,...P("tag","root",o.className),ref:y,onFocus:g(o.onFocus,()=>l(e)),onKeyDown:g(o.onKeyDown,d=>{d.key!=="Delete"&&d.key!=="Backspace"||(d.preventDefault(),u())})})})});T.displayName="Tag";import*as h from"react";import{skdxPart as I}from"../utils/part.js";import{composeEventHandlers as E,Primitive as N}from"../utils/primitive.js";import{jsx as S}from"react/jsx-runtime";var b=h.forwardRef((e,s)=>{let a=c("TagDelete");return S(N.button,{type:"button","aria-label":`Remove ${a.value}`.trim(),disabled:a.disabled,"data-disabled":a.disabled?"":void 0,tabIndex:-1,...e,...I("tag","delete",e.className),ref:s,onClick:E(e.onClick,()=>{a.remove()})})});b.displayName="TagDelete";export{T as Tag,b as TagDelete};

package/dist/tag/TagDelete.d.cts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import type { TagDeleteProps } from './types.cjs';
-/**
- * Removes its parent {@link Tag} on click. Renders a
- * `<button type="button">` named `Remove <value>` from the tag's `value`, so a
- * group of them reads as "Remove react", "Remove typescript" rather than a row
- * of identical "Remove" buttons.
- *
- * It is deliberately **not** a Tab stop: the group has one, and the keyboard
- * path to removal is `Delete`/`Backspace` on the tag itself. Tabbing through
- * every tag *and* every delete button is the thing the roving tabindex exists
- * to avoid.
- *
- * @example
- * ```tsx
- * <Tag index={0} value="react" onDelete={() => remove('react')}>
- *   react
- *   <TagDelete>×</TagDelete>
- * </Tag>
- * ```
- */
-export declare const TagDelete: React.ForwardRefExoticComponent<Omit<TagDeleteProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/tag/TagDelete.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import type { TagDeleteProps } from './types.js';
-/**
- * Removes its parent {@link Tag} on click. Renders a
- * `<button type="button">` named `Remove <value>` from the tag's `value`, so a
- * group of them reads as "Remove react", "Remove typescript" rather than a row
- * of identical "Remove" buttons.
- *
- * It is deliberately **not** a Tab stop: the group has one, and the keyboard
- * path to removal is `Delete`/`Backspace` on the tag itself. Tabbing through
- * every tag *and* every delete button is the thing the roving tabindex exists
- * to avoid.
- *
- * @example
- * ```tsx
- * <Tag index={0} value="react" onDelete={() => remove('react')}>
- *   react
- *   <TagDelete>×</TagDelete>
- * </Tag>
- * ```
- */
-export declare const TagDelete: React.ForwardRefExoticComponent<Omit<TagDeleteProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/tag/index.d.cts

@@ -1,3 +0,0 @@
-export { Tag } from './Tag.cjs';
-export { TagDelete } from './TagDelete.cjs';
-export { type TagDeleteProps, type TagProps } from './types.cjs';

package/dist/tag/index.d.ts

@@ -1,3 +0,0 @@
-export { Tag } from './Tag.js';
-export { TagDelete } from './TagDelete.js';
-export { type TagDeleteProps, type TagProps } from './types.js';