@skdx/react 0.28.0 → 0.30.0

package/dist/badge/types.d.ts

@@ -1,17 +1,99 @@
 import type * as React from 'react';
-import type { PrimitivePropsWithRef } from '../utils/primitive.js';
+import type { PolymorphicTag, PrimitivePropsWithRef } from '../utils/primitive.js';
+/** The cancelable `CustomEvent` a {@link BadgeProps.onDelete} handler receives when a badge asks to be removed. */
+export type BadgeDeleteEvent = CustomEvent<null>;
+/** @internal Shared state distributed from {@link Badge} to its parts via context. */
+export interface BadgeContextValue {
+    /** The badge'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 badge (or the whole group) is disabled. */
+    disabled: boolean;
+    /** Whether this badge 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 badge sits inside a `TagGroup`. False when standalone, where removal has no group to resolve focus against. */
+    grouped: boolean;
+}
 /** Props for the {@link Badge} root. */
 export interface BadgeProps extends PrimitivePropsWithRef<'span'> {
+    /**
+     * Element name to render instead of the default `<span>`, from the library's tag allowlist; use `asChild` for an element needing its own attributes.
+     * @default 'span'
+     */
+    as?: PolymorphicTag | undefined;
     /**
      * Renders a `BadgeLeading` slot before `children`.
      * @default undefined
      */
-    leading?: React.ReactNode;
+    leading?: React.ReactNode | undefined;
     /**
      * Renders a `BadgeTrailing` slot after `children`.
      * @default undefined
      */
-    trailing?: React.ReactNode;
+    trailing?: React.ReactNode | undefined;
+    /**
+     * The badge's text, used to name the derived `BadgeDelete` and to announce the removal; rendered into a derived `BadgeLabel` when `children` is omitted.
+     * @default '' — the delete button is named just "Remove" and removal is silent.
+     */
+    label?: string | undefined;
+    /**
+     * This badge's position in the rendered list, used to pick the group's single Tab stop; must match render order.
+     * @default undefined — standalone, with no roving order to take part in.
+     */
+    index?: number | undefined;
+    /**
+     * Whether this badge reads as chosen, mirrored as `data-selected`; presentation only, no ARIA selection state.
+     * @default false
+     */
+    selected?: boolean | undefined;
+    /**
+     * Disables this badge alone — it cannot be deleted, its delete button is disabled, and arrow-key navigation skips it; OR-ed with the group's own `disabled`.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Renders a derived `BadgeDelete`; ignored when `children` is given.
+     * @default false
+     */
+    deletable?: boolean | undefined;
+    /**
+     * The word the derived `BadgeDelete`'s accessible name is built from — `"<deleteLabel> <label>"`.
+     * @default 'Remove'
+     */
+    deleteLabel?: string | undefined;
+    /**
+     * Removes this badge from wherever the consumer renders it; call `preventDefault()` on the {@link BadgeDeleteEvent} to hold the removal for a confirmation step.
+     * @default undefined — the badge is static: Delete/Backspace do nothing and `BadgeDelete` is inert.
+     */
+    onDelete?: ((event: BadgeDeleteEvent) => void) | undefined;
+    /**
+     * Renders the skin's text-free circle form, mirrored as a bare `data-dot`.
+     * @default undefined — the badge renders its text.
+     */
+    dot?: boolean | undefined;
+    /**
+     * Corner rung the skin rounds the badge by, mirrored to `data-shape`.
+     * @default undefined — the skin's own default corner.
+     */
+    shape?: 'pill' | 'rounded' | (string & {}) | undefined;
+    /**
+     * Size rung the skin scales the badge by, mirrored to `data-size` on the root.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Severity rung the skin colours the badge by, mirrored to `data-status`.
+     * @default undefined — the skin's own neutral styling.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+    /**
+     * Visual weight rung the skin reads, mirrored to `data-variant` on the root.
+     * @default undefined — the skin's own default weight.
+     */
+    variant?: 'solid' | 'outline' | 'subtle' | (string & {}) | undefined;
 }
 /** Props for {@link BadgeLeading}, the slot before a {@link Badge}'s text. */
 export interface BadgeLeadingProps extends PrimitivePropsWithRef<'span'> {
@@ -19,3 +101,9 @@ export interface BadgeLeadingProps extends PrimitivePropsWithRef<'span'> {
 /** Props for {@link BadgeTrailing}, the slot after a {@link Badge}'s text. */
 export interface BadgeTrailingProps extends PrimitivePropsWithRef<'span'> {
 }
+/** Props for {@link BadgeLabel}, the wrapper around a {@link Badge}'s visible text. */
+export interface BadgeLabelProps extends PrimitivePropsWithRef<'span'> {
+}
+/** Props for {@link BadgeDelete}, the button that removes its parent {@link Badge}. */
+export interface BadgeDeleteProps extends PrimitivePropsWithRef<'button'> {
+}

package/dist/box/Box.cjs

@@ -1 +1,2 @@
-"use strict";var M=Object.create;var a=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var H=(e,n)=>{for(var r in n)a(e,r,{get:n[r],enumerable:!0})},d=(e,n,r,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of A(n))!G.call(e,i)&&i!==r&&a(e,i,{get:()=>n[i],enumerable:!(o=_(n,i))||o.enumerable});return e};var J=(e,n,r)=>(r=e!=null?M(F(e)):{},d(n||!e||!e.__esModule?a(r,"default",{value:e,enumerable:!0}):r,e)),O=e=>d(a({},"__esModule",{value:!0}),e);var j={};H(j,{Box:()=>m});module.exports=O(j);var p=J(require("react"),1),c=require("../utils/part.cjs"),l=require("../utils/primitive.cjs"),t=require("../utils/resolveSpace.cjs"),f=require("react/jsx-runtime"),U={start:"flex-start",end:"flex-end",center:"center",stretch:"stretch",baseline:"baseline"},W={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",stretch:"stretch"};function Y(e){let n={};for(let r in e){let o=e[r];o!==void 0&&(n[r]=o)}return n}var m=p.forwardRef(({as:e="div",display:n,direction:r,align:o,justify:i,wrap:g,gap:x,p:u,px:y,py:B,pt:S,pb:I,ps:P,pe:v,m:N,mx:R,my:b,mt:T,mb:E,ms:h,me:k,style:C,...s},w)=>{let D=l.Primitive[e],L={...Y({display:n,flexDirection:r,alignItems:o?U[o]:void 0,justifyContent:i?W[i]:void 0,flexWrap:g,gap:(0,t.resolveSpace)(x),padding:(0,t.resolveSpace)(u),paddingInline:(0,t.resolveSpace)(y),paddingBlock:(0,t.resolveSpace)(B),paddingTop:(0,t.resolveSpace)(S),paddingBottom:(0,t.resolveSpace)(I),paddingInlineStart:(0,t.resolveSpace)(P),paddingInlineEnd:(0,t.resolveSpace)(v),margin:(0,t.resolveSpace)(N),marginInline:(0,t.resolveSpace)(R),marginBlock:(0,t.resolveSpace)(b),marginTop:(0,t.resolveSpace)(T),marginBottom:(0,t.resolveSpace)(E),marginInlineStart:(0,t.resolveSpace)(h),marginInlineEnd:(0,t.resolveSpace)(k)}),...C};return(0,f.jsx)(D,{...s,style:L,...(0,c.skdxPart)("box","root",s.className),ref:w})});m.displayName="Box";0&&(module.exports={Box});
+'use client';
+"use strict";var d=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var Y=Object.prototype.hasOwnProperty;var j=(t,n)=>{for(var r in n)d(t,r,{get:n[r],enumerable:!0})},q=(t,n,r,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of W(n))!Y.call(t,o)&&o!==r&&d(t,o,{get:()=>n[o],enumerable:!(i=U(n,o))||i.enumerable});return t};var H=t=>q(d({},"__esModule",{value:!0}),t);var V={};j(V,{Box:()=>u});module.exports=H(V);var f=require("../utils/part.cjs"),g=require("../utils/primitive.cjs"),e=require("../utils/resolveSpace.cjs"),x=require("react/jsx-runtime"),m={start:"flex-start",end:"flex-end",center:"center",stretch:"stretch",baseline:"baseline"},K={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",stretch:"stretch"};function Q(t){let n={};for(let r in t){let i=t[r];i!==void 0&&(n[r]=i)}return n}var u=({as:t="div",display:n,direction:r,align:i,justify:o,wrap:S,gap:y,width:I,minWidth:B,maxWidth:N,columns:P,rowGap:R,columnGap:v,colSpan:a,rowSpan:s,alignSelf:p,flex:l,p:b,px:C,py:T,pt:E,pb:h,ps:k,pe:w,m:z,mx:G,my:_,mt:$,mb:A,ms:D,me:F,style:J,ref:L,...c})=>{let M=g.Primitive[t],O={...Q({display:n,flexDirection:r,alignItems:i?m[i]:void 0,justifyContent:o?K[o]:void 0,flexWrap:S,gap:(0,e.resolveSpace)(y),inlineSize:(0,e.resolveSpace)(I),minInlineSize:(0,e.resolveSpace)(B),maxInlineSize:(0,e.resolveSpace)(N),gridTemplateColumns:(0,e.resolveColumns)(P),rowGap:(0,e.resolveSpace)(R),columnGap:(0,e.resolveSpace)(v),gridColumn:a===void 0?void 0:`span ${a}`,gridRow:s===void 0?void 0:`span ${s}`,alignSelf:p?m[p]:void 0,flex:l===void 0?void 0:String(l),padding:(0,e.resolveSpace)(b),paddingInline:(0,e.resolveSpace)(C),paddingBlock:(0,e.resolveSpace)(T),paddingTop:(0,e.resolveSpace)(E),paddingBottom:(0,e.resolveSpace)(h),paddingInlineStart:(0,e.resolveSpace)(k),paddingInlineEnd:(0,e.resolveSpace)(w),margin:(0,e.resolveSpace)(z),marginInline:(0,e.resolveSpace)(G),marginBlock:(0,e.resolveSpace)(_),marginTop:(0,e.resolveSpace)($),marginBottom:(0,e.resolveSpace)(A),marginInlineStart:(0,e.resolveSpace)(D),marginInlineEnd:(0,e.resolveSpace)(F)}),...J};return(0,x.jsx)(M,{...c,style:O,...(0,f.skdxPart)("box","root",c.className),ref:L})};u.displayName="Box";0&&(module.exports={Box});

package/dist/box/Box.d.cts

@@ -1,3 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { BoxProps } from './types.cjs';
-export declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Box: {
+    ({ as, display, direction, align, justify, wrap, gap, width, minWidth, maxWidth, columns, rowGap, columnGap, colSpan, rowSpan, alignSelf, flex, p, px, py, pt, pb, ps, pe, m, mx, my, mt, mb, ms, me, style, ref: forwardedRef, ...props }: BoxProps): React.ReactNode;
+    displayName: string;
+};

package/dist/box/Box.d.ts

@@ -1,3 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { BoxProps } from './types.js';
-export declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Box: {
+    ({ as, display, direction, align, justify, wrap, gap, width, minWidth, maxWidth, columns, rowGap, columnGap, colSpan, rowSpan, alignSelf, flex, p, px, py, pt, pb, ps, pe, m, mx, my, mt, mb, ms, me, style, ref: forwardedRef, ...props }: BoxProps): React.ReactNode;
+    displayName: string;
+};

package/dist/box/Box.js

@@ -1 +1,2 @@
-import*as s from"react";import{skdxPart as h}from"../utils/part.js";import{Primitive as k}from"../utils/primitive.js";import{resolveSpace as e}from"../utils/resolveSpace.js";import{jsx as M}from"react/jsx-runtime";var C={start:"flex-start",end:"flex-end",center:"center",stretch:"stretch",baseline:"baseline"},w={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",stretch:"stretch"};function D(t){let r={};for(let o in t){let n=t[o];n!==void 0&&(r[o]=n)}return r}var L=s.forwardRef(({as:t="div",display:r,direction:o,align:n,justify:i,wrap:d,gap:p,p:c,px:l,py:m,pt:f,pb:g,ps:x,pe:u,m:y,mx:B,my:S,mt:I,mb:P,ms:v,me:N,style:R,...a},b)=>{let T=k[t],E={...D({display:r,flexDirection:o,alignItems:n?C[n]:void 0,justifyContent:i?w[i]:void 0,flexWrap:d,gap:e(p),padding:e(c),paddingInline:e(l),paddingBlock:e(m),paddingTop:e(f),paddingBottom:e(g),paddingInlineStart:e(x),paddingInlineEnd:e(u),margin:e(y),marginInline:e(B),marginBlock:e(S),marginTop:e(I),marginBottom:e(P),marginInlineStart:e(v),marginInlineEnd:e(N)}),...R};return M(T,{...a,style:E,...h("box","root",a.className),ref:b})});L.displayName="Box";export{L as Box};
+'use client';
+import{skdxPart as F}from"../utils/part.js";import{Primitive as J}from"../utils/primitive.js";import{resolveColumns as L,resolveSpace as e}from"../utils/resolveSpace.js";import{jsx as W}from"react/jsx-runtime";var c={start:"flex-start",end:"flex-end",center:"center",stretch:"stretch",baseline:"baseline"},M={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",stretch:"stretch"};function O(t){let r={};for(let i in t){let n=t[i];n!==void 0&&(r[i]=n)}return r}var U=({as:t="div",display:r,direction:i,align:n,justify:o,wrap:m,gap:f,width:g,minWidth:u,maxWidth:x,columns:S,rowGap:y,columnGap:I,colSpan:d,rowSpan:a,alignSelf:s,flex:p,p:B,px:N,py:P,pt:R,pb:v,ps:b,pe:C,m:T,mx:E,my:h,mt:k,mb:w,ms:z,me:G,style:_,ref:$,...l})=>{let A=J[t],D={...O({display:r,flexDirection:i,alignItems:n?c[n]:void 0,justifyContent:o?M[o]:void 0,flexWrap:m,gap:e(f),inlineSize:e(g),minInlineSize:e(u),maxInlineSize:e(x),gridTemplateColumns:L(S),rowGap:e(y),columnGap:e(I),gridColumn:d===void 0?void 0:`span ${d}`,gridRow:a===void 0?void 0:`span ${a}`,alignSelf:s?c[s]:void 0,flex:p===void 0?void 0:String(p),padding:e(B),paddingInline:e(N),paddingBlock:e(P),paddingTop:e(R),paddingBottom:e(v),paddingInlineStart:e(b),paddingInlineEnd:e(C),margin:e(T),marginInline:e(E),marginBlock:e(h),marginTop:e(k),marginBottom:e(w),marginInlineStart:e(z),marginInlineEnd:e(G)}),..._};return W(A,{...l,style:D,...F("box","root",l.className),ref:$})};U.displayName="Box";export{U as Box};

package/dist/box/types.d.cts

@@ -7,105 +7,155 @@ export interface BoxProps extends PrimitivePropsWithRef<'div'> {
      * Element name to render, from the library's tag allowlist.
      * @default 'div'
      */
-    as?: PolymorphicTag;
+    as?: PolymorphicTag | undefined;
     /**
      * CSS `display` value, emitted as an inline declaration.
      * @default undefined — no inline declaration.
      */
-    display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'none';
+    display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'none' | undefined;
     /**
      * Flex axis, emitted as the `flex-direction` declaration.
      * @default undefined — no inline declaration.
      */
-    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse' | undefined;
     /**
      * Cross-axis alignment, emitted as the `align-items` declaration.
      * @default undefined — no inline declaration.
      */
-    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline' | undefined;
     /**
      * Main-axis alignment, emitted as the `justify-content` declaration.
      * @default undefined — no inline declaration.
      */
-    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch' | undefined;
     /**
      * Flex wrapping, emitted as the `flex-wrap` declaration.
      * @default undefined — no inline declaration.
      */
-    wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
+    wrap?: 'wrap' | 'nowrap' | 'wrap-reverse' | undefined;
     /**
      * Gap between flex or grid children, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    gap?: Space;
+    gap?: Space | undefined;
+    /**
+     * Inline size (`inline-size`), from the spacing scale — never physical `width`.
+     * @default undefined — no inline declaration.
+     */
+    width?: Space | undefined;
+    /**
+     * Minimum inline size (`min-inline-size`), from the spacing scale — never physical `min-width`.
+     * @default undefined — no inline declaration.
+     */
+    minWidth?: Space | undefined;
+    /**
+     * Maximum inline size (`max-inline-size`), from the spacing scale — never physical `max-width`.
+     * @default undefined — no inline declaration.
+     */
+    maxWidth?: Space | undefined;
+    /**
+     * Grid track list; a number becomes that many equal columns.
+     * @default undefined — no inline declaration.
+     */
+    columns?: number | string | undefined;
+    /**
+     * Gap between rows only, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    rowGap?: Space | undefined;
+    /**
+     * Gap between columns only, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    columnGap?: Space | undefined;
+    /**
+     * Number of grid columns this box spans.
+     * @default undefined — no inline declaration.
+     */
+    colSpan?: number | undefined;
+    /**
+     * Number of grid rows this box spans.
+     * @default undefined — no inline declaration.
+     */
+    rowSpan?: number | undefined;
+    /**
+     * Cross-axis alignment of this box within its parent.
+     * @default undefined — no inline declaration.
+     */
+    alignSelf?: 'start' | 'center' | 'end' | 'stretch' | 'baseline' | undefined;
+    /**
+     * Flex shorthand controlling how this box grows and shrinks.
+     * @default undefined — no inline declaration.
+     */
+    flex?: number | string | undefined;
     /**
      * Padding on all sides, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    p?: Space;
+    p?: Space | undefined;
     /**
      * Inline padding (`padding-inline`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    px?: Space;
+    px?: Space | undefined;
     /**
      * Block padding (`padding-block`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    py?: Space;
+    py?: Space | undefined;
     /**
      * Top padding, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    pt?: Space;
+    pt?: Space | undefined;
     /**
      * Bottom padding, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    pb?: Space;
+    pb?: Space | undefined;
     /**
      * Inline-start padding (`padding-inline-start`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    ps?: Space;
+    ps?: Space | undefined;
     /**
      * Inline-end padding (`padding-inline-end`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    pe?: Space;
+    pe?: Space | undefined;
     /**
      * Margin on all sides, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    m?: Space;
+    m?: Space | undefined;
     /**
      * Inline margin (`margin-inline`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    mx?: Space;
+    mx?: Space | undefined;
     /**
      * Block margin (`margin-block`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    my?: Space;
+    my?: Space | undefined;
     /**
      * Top margin, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    mt?: Space;
+    mt?: Space | undefined;
     /**
      * Bottom margin, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    mb?: Space;
+    mb?: Space | undefined;
     /**
      * Inline-start margin (`margin-inline-start`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    ms?: Space;
+    ms?: Space | undefined;
     /**
      * Inline-end margin (`margin-inline-end`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    me?: Space;
+    me?: Space | undefined;
 }

package/dist/box/types.d.ts

@@ -7,105 +7,155 @@ export interface BoxProps extends PrimitivePropsWithRef<'div'> {
      * Element name to render, from the library's tag allowlist.
      * @default 'div'
      */
-    as?: PolymorphicTag;
+    as?: PolymorphicTag | undefined;
     /**
      * CSS `display` value, emitted as an inline declaration.
      * @default undefined — no inline declaration.
      */
-    display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'none';
+    display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'none' | undefined;
     /**
      * Flex axis, emitted as the `flex-direction` declaration.
      * @default undefined — no inline declaration.
      */
-    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse' | undefined;
     /**
      * Cross-axis alignment, emitted as the `align-items` declaration.
      * @default undefined — no inline declaration.
      */
-    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline' | undefined;
     /**
      * Main-axis alignment, emitted as the `justify-content` declaration.
      * @default undefined — no inline declaration.
      */
-    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch' | undefined;
     /**
      * Flex wrapping, emitted as the `flex-wrap` declaration.
      * @default undefined — no inline declaration.
      */
-    wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
+    wrap?: 'wrap' | 'nowrap' | 'wrap-reverse' | undefined;
     /**
      * Gap between flex or grid children, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    gap?: Space;
+    gap?: Space | undefined;
+    /**
+     * Inline size (`inline-size`), from the spacing scale — never physical `width`.
+     * @default undefined — no inline declaration.
+     */
+    width?: Space | undefined;
+    /**
+     * Minimum inline size (`min-inline-size`), from the spacing scale — never physical `min-width`.
+     * @default undefined — no inline declaration.
+     */
+    minWidth?: Space | undefined;
+    /**
+     * Maximum inline size (`max-inline-size`), from the spacing scale — never physical `max-width`.
+     * @default undefined — no inline declaration.
+     */
+    maxWidth?: Space | undefined;
+    /**
+     * Grid track list; a number becomes that many equal columns.
+     * @default undefined — no inline declaration.
+     */
+    columns?: number | string | undefined;
+    /**
+     * Gap between rows only, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    rowGap?: Space | undefined;
+    /**
+     * Gap between columns only, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    columnGap?: Space | undefined;
+    /**
+     * Number of grid columns this box spans.
+     * @default undefined — no inline declaration.
+     */
+    colSpan?: number | undefined;
+    /**
+     * Number of grid rows this box spans.
+     * @default undefined — no inline declaration.
+     */
+    rowSpan?: number | undefined;
+    /**
+     * Cross-axis alignment of this box within its parent.
+     * @default undefined — no inline declaration.
+     */
+    alignSelf?: 'start' | 'center' | 'end' | 'stretch' | 'baseline' | undefined;
+    /**
+     * Flex shorthand controlling how this box grows and shrinks.
+     * @default undefined — no inline declaration.
+     */
+    flex?: number | string | undefined;
     /**
      * Padding on all sides, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    p?: Space;
+    p?: Space | undefined;
     /**
      * Inline padding (`padding-inline`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    px?: Space;
+    px?: Space | undefined;
     /**
      * Block padding (`padding-block`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    py?: Space;
+    py?: Space | undefined;
     /**
      * Top padding, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    pt?: Space;
+    pt?: Space | undefined;
     /**
      * Bottom padding, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    pb?: Space;
+    pb?: Space | undefined;
     /**
      * Inline-start padding (`padding-inline-start`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    ps?: Space;
+    ps?: Space | undefined;
     /**
      * Inline-end padding (`padding-inline-end`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    pe?: Space;
+    pe?: Space | undefined;
     /**
      * Margin on all sides, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    m?: Space;
+    m?: Space | undefined;
     /**
      * Inline margin (`margin-inline`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    mx?: Space;
+    mx?: Space | undefined;
     /**
      * Block margin (`margin-block`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    my?: Space;
+    my?: Space | undefined;
     /**
      * Top margin, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    mt?: Space;
+    mt?: Space | undefined;
     /**
      * Bottom margin, from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    mb?: Space;
+    mb?: Space | undefined;
     /**
      * Inline-start margin (`margin-inline-start`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    ms?: Space;
+    ms?: Space | undefined;
     /**
      * Inline-end margin (`margin-inline-end`), from the spacing scale.
      * @default undefined — no inline declaration.
      */
-    me?: Space;
+    me?: Space | undefined;
 }

package/dist/breadcrumb/Breadcrumb.cjs

@@ -1 +1,2 @@
-"use strict";var Y=Object.create;var i=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var rr=(e,r)=>{for(var a in r)i(e,a,{get:r[a],enumerable:!0})},P=(e,r,a,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of _(r))!j.call(e,p)&&p!==a&&i(e,p,{get:()=>r[p],enumerable:!(o=Z(r,p))||o.enumerable});return e};var t=(e,r,a)=>(a=e!=null?Y($(e)):{},P(r||!e||!e.__esModule?i(a,"default",{value:e,enumerable:!0}):a,e)),er=e=>P(i({},"__esModule",{value:!0}),e);var ar={};rr(ar,{Breadcrumb:()=>n,BreadcrumbEllipsis:()=>c,BreadcrumbItem:()=>s,BreadcrumbLink:()=>d,BreadcrumbList:()=>f,BreadcrumbPage:()=>b,BreadcrumbProvider:()=>X,BreadcrumbSeparator:()=>u,useBreadcrumbContext:()=>B});module.exports=er(ar);var K=t(require("react"),1),Q=require("../utils/createContext.cjs"),U=require("../utils/part.cjs"),W=require("../utils/primitive.cjs");var G=t(require("react"),1);var y=t(require("react"),1),R=require("../utils/part.cjs"),x=require("../utils/primitive.cjs"),L=require("react/jsx-runtime"),c=y.forwardRef(({children:e,...r},a)=>(0,L.jsx)(x.Primitive.span,{role:"presentation","aria-hidden":"true",...r,...(0,R.skdxPart)("breadcrumb","ellipsis",r.className),ref:a,children:e??"\u2026"}));c.displayName="BreadcrumbEllipsis";var k=t(require("react"),1),v=require("../utils/part.cjs"),N=require("../utils/primitive.cjs"),E=require("react/jsx-runtime"),s=k.forwardRef((e,r)=>(0,E.jsx)(N.Primitive.li,{...e,...(0,v.skdxPart)("breadcrumb","item",e.className),ref:r}));s.displayName="BreadcrumbItem";var I=t(require("react"),1),g=require("../utils/part.cjs"),S=require("../utils/primitive.cjs"),w=require("react/jsx-runtime"),d=I.forwardRef(({current:e=!1,...r},a)=>(0,w.jsx)(S.Primitive.a,{"aria-current":e?"page":void 0,...r,...(0,g.skdxPart)("breadcrumb","link",r.className),ref:a}));d.displayName="BreadcrumbLink";var H=t(require("react"),1),M=require("../utils/part.cjs"),T=require("../utils/primitive.cjs"),h=require("react/jsx-runtime"),f=H.forwardRef((e,r)=>(0,h.jsx)(T.Primitive.ol,{role:"list",...e,...(0,M.skdxPart)("breadcrumb","list",e.className),ref:r}));f.displayName="BreadcrumbList";var C=t(require("react"),1),A=require("../utils/part.cjs"),D=require("../utils/primitive.cjs"),F=require("react/jsx-runtime"),b=C.forwardRef((e,r)=>(0,F.jsx)(D.Primitive.span,{"aria-current":"page",...e,...(0,A.skdxPart)("breadcrumb","page",e.className),ref:r}));b.displayName="BreadcrumbPage";var V=t(require("react"),1),O=require("../utils/part.cjs"),q=require("../utils/primitive.cjs");var z=require("react/jsx-runtime"),u=V.forwardRef(({children:e,...r},a)=>{let o=B("BreadcrumbSeparator");return(0,z.jsx)(q.Primitive.li,{role:"presentation","aria-hidden":"true",...r,...(0,O.skdxPart)("breadcrumb","separator",r.className),ref:a,children:e??o.separator})});u.displayName="BreadcrumbSeparator";var m=require("react/jsx-runtime"),J=({items:e=[]})=>(0,m.jsx)(f,{children:e.map((r,a)=>(0,m.jsxs)(G.Fragment,{children:[a>0?(0,m.jsx)(u,{}):null,(0,m.jsx)(s,{children:r.ellipsis?(0,m.jsx)(c,{}):r.href!==void 0?(0,m.jsx)(d,{href:r.href,current:r.current,children:r.label}):(0,m.jsx)(b,{children:r.label})})]},a))});var l=require("react/jsx-runtime"),[X,B]=(0,Q.createSafeContext)("Breadcrumb",{separator:"/"}),n=K.forwardRef(({separator:e="/",items:r,children:a,...o},p)=>(0,l.jsx)(X,{separator:e,children:(0,l.jsx)(W.Primitive.nav,{...o,...(0,U.skdxPart)("breadcrumb","root",o.className),ref:p,children:a??(0,l.jsx)(J,{items:r})})}));n.displayName="Breadcrumb";0&&(module.exports={Breadcrumb,BreadcrumbEllipsis,BreadcrumbItem,BreadcrumbLink,BreadcrumbList,BreadcrumbPage,BreadcrumbProvider,BreadcrumbSeparator,useBreadcrumbContext});
+'use client';
+"use strict";var K=Object.create;var p=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var Q=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var U=(r,e)=>{for(var a in e)p(r,a,{get:e[a],enumerable:!0})},P=(r,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of O(e))!T.call(r,m)&&m!==a&&p(r,m,{get:()=>e[m],enumerable:!(o=M(e,m))||o.enumerable});return r};var W=(r,e,a)=>(a=r!=null?K(Q(r)):{},P(e||!r||!r.__esModule?p(a,"default",{value:r,enumerable:!0}):a,r)),Y=r=>P(p({},"__esModule",{value:!0}),r);var _={};U(_,{Breadcrumb:()=>l,BreadcrumbEllipsis:()=>i,BreadcrumbItem:()=>c,BreadcrumbLink:()=>d,BreadcrumbList:()=>s,BreadcrumbPage:()=>f,BreadcrumbProvider:()=>H,BreadcrumbSeparator:()=>u,useBreadcrumbContext:()=>B});module.exports=Y(_);var w=require("../utils/createContext.cjs"),z=require("../utils/part.cjs"),G=require("../utils/primitive.cjs");var X=W(require("react"),1);var y=require("../utils/part.cjs"),R=require("../utils/primitive.cjs"),x=require("react/jsx-runtime"),i=({children:r,ref:e,...a})=>(0,x.jsx)(R.Primitive.span,{role:"presentation","aria-hidden":"true",...a,...(0,y.skdxPart)("breadcrumb","ellipsis",a.className),ref:e,children:r??"\u2026"});i.displayName="BreadcrumbEllipsis";var N=require("../utils/part.cjs"),k=require("../utils/primitive.cjs"),v=require("react/jsx-runtime"),c=({ref:r,...e})=>(0,v.jsx)(k.Primitive.li,{...e,...(0,N.skdxPart)("breadcrumb","item",e.className),ref:r});c.displayName="BreadcrumbItem";var L=require("../utils/part.cjs"),g=require("../utils/primitive.cjs"),I=require("react/jsx-runtime"),d=({current:r=!1,ref:e,...a})=>(0,I.jsx)(g.Primitive.a,{"aria-current":r?"page":void 0,...a,...(0,L.skdxPart)("breadcrumb","link",a.className),ref:e});d.displayName="BreadcrumbLink";var S=require("../utils/part.cjs"),E=require("../utils/primitive.cjs"),h=require("react/jsx-runtime"),s=({ref:r,...e})=>(0,h.jsx)(E.Primitive.ol,{role:"list",...e,...(0,S.skdxPart)("breadcrumb","list",e.className),ref:r});s.displayName="BreadcrumbList";var C=require("../utils/part.cjs"),D=require("../utils/primitive.cjs"),A=require("react/jsx-runtime"),f=({ref:r,...e})=>(0,A.jsx)(D.Primitive.span,{"aria-current":"page",...e,...(0,C.skdxPart)("breadcrumb","page",e.className),ref:r});f.displayName="BreadcrumbPage";var F=require("../utils/part.cjs"),J=require("../utils/primitive.cjs");var V=require("react/jsx-runtime"),u=({children:r,ref:e,...a})=>{let o=B("BreadcrumbSeparator");return(0,V.jsx)(J.Primitive.li,{role:"presentation","aria-hidden":"true",...a,...(0,F.skdxPart)("breadcrumb","separator",a.className),ref:e,children:r??o.separator})};u.displayName="BreadcrumbSeparator";var t=require("react/jsx-runtime");function Z(r){return r.ellipsis?(0,t.jsx)(i,{}):r.href!==void 0?(0,t.jsx)(d,{href:r.href,current:r.current,children:r.label}):(0,t.jsx)(f,{children:r.label})}var q=({items:r=[]})=>(0,t.jsx)(s,{children:r.map((e,a)=>(0,t.jsxs)(X.Fragment,{children:[a>0?(0,t.jsx)(u,{}):null,(0,t.jsx)(c,{children:Z(e)})]},a))});var b=require("react/jsx-runtime"),[H,B]=(0,w.createSafeContext)("Breadcrumb",{separator:"/"}),l=({label:r,separator:e="/",items:a,children:o,ref:m,...n})=>(0,b.jsx)(H,{separator:e,children:(0,b.jsx)(G.Primitive.nav,{...n,"aria-label":r,...(0,z.skdxPart)("breadcrumb","root",n.className),ref:m,children:o??(0,b.jsx)(q,{items:a})})});l.displayName="Breadcrumb";0&&(module.exports={Breadcrumb,BreadcrumbEllipsis,BreadcrumbItem,BreadcrumbLink,BreadcrumbList,BreadcrumbPage,BreadcrumbProvider,BreadcrumbSeparator,useBreadcrumbContext});

package/dist/breadcrumb/Breadcrumb.d.cts

@@ -1,21 +1,18 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { BreadcrumbContextValue, BreadcrumbProps } from './types.cjs';
-/** @internal Not part of the public API. Defaults `separator` to `'/'`, so a standalone `BreadcrumbSeparator` outside a `Breadcrumb` keeps its old fallback rather than throwing. */
-export declare const BreadcrumbProvider: {
-    (props: BreadcrumbContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useBreadcrumbContext: (consumerName: string) => BreadcrumbContextValue;
+/** @internal Defaults `separator` to `'/'` so a standalone `BreadcrumbSeparator` doesn't throw. */
+export declare const BreadcrumbProvider: React.FC<BreadcrumbContextValue & {
+    children: React.ReactNode;
+}>, useBreadcrumbContext: (consumerName: string) => BreadcrumbContextValue;
 /**
- * Root of a breadcrumb trail (`<nav>` with required `aria-label`). Derives
- * anatomy from `items` or renders `children` for manual composition. No default
- * label — missing is visible/fixable; wrong-language is not.
+ * Root of a breadcrumb trail (`<nav>` named by the required `label` prop).
+ * Derives anatomy from `items` or renders `children` for manual composition. No
+ * default label — missing is visible/fixable; wrong-language is not.
  *
  * @example
  * ```tsx
  * <Breadcrumb
- *   aria-label="Breadcrumb"
+ *   label="Breadcrumb"
  *   items={[
  *     { label: 'Home', href: '/' },
  *     { label: 'Docs', href: '/docs' },
@@ -24,4 +21,7 @@ export declare const BreadcrumbProvider: {
  * />
  * ```
  */
-export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const Breadcrumb: {
+    ({ label, separator, items, children, ref: forwardedRef, ...props }: BreadcrumbProps): React.ReactNode;
+    displayName: string;
+};

package/dist/breadcrumb/Breadcrumb.d.ts

@@ -1,21 +1,18 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { BreadcrumbContextValue, BreadcrumbProps } from './types.js';
-/** @internal Not part of the public API. Defaults `separator` to `'/'`, so a standalone `BreadcrumbSeparator` outside a `Breadcrumb` keeps its old fallback rather than throwing. */
-export declare const BreadcrumbProvider: {
-    (props: BreadcrumbContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useBreadcrumbContext: (consumerName: string) => BreadcrumbContextValue;
+/** @internal Defaults `separator` to `'/'` so a standalone `BreadcrumbSeparator` doesn't throw. */
+export declare const BreadcrumbProvider: React.FC<BreadcrumbContextValue & {
+    children: React.ReactNode;
+}>, useBreadcrumbContext: (consumerName: string) => BreadcrumbContextValue;
 /**
- * Root of a breadcrumb trail (`<nav>` with required `aria-label`). Derives
- * anatomy from `items` or renders `children` for manual composition. No default
- * label — missing is visible/fixable; wrong-language is not.
+ * Root of a breadcrumb trail (`<nav>` named by the required `label` prop).
+ * Derives anatomy from `items` or renders `children` for manual composition. No
+ * default label — missing is visible/fixable; wrong-language is not.
  *
  * @example
  * ```tsx
  * <Breadcrumb
- *   aria-label="Breadcrumb"
+ *   label="Breadcrumb"
  *   items={[
  *     { label: 'Home', href: '/' },
  *     { label: 'Docs', href: '/docs' },
@@ -24,4 +21,7 @@ export declare const BreadcrumbProvider: {
  * />
  * ```
  */
-export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const Breadcrumb: {
+    ({ label, separator, items, children, ref: forwardedRef, ...props }: BreadcrumbProps): React.ReactNode;
+    displayName: string;
+};

package/dist/breadcrumb/Breadcrumb.js

@@ -1 +1,2 @@
-import*as L from"react";import{createSafeContext as J}from"../utils/createContext.js";import{skdxPart as K}from"../utils/part.js";import{Primitive as Q}from"../utils/primitive.js";import*as R from"react";import*as b from"react";import{skdxPart as N}from"../utils/part.js";import{Primitive as E}from"../utils/primitive.js";import{jsx as I}from"react/jsx-runtime";var o=b.forwardRef(({children:e,...r},a)=>I(E.span,{role:"presentation","aria-hidden":"true",...r,...N("breadcrumb","ellipsis",r.className),ref:a,children:e??"\u2026"}));o.displayName="BreadcrumbEllipsis";import*as u from"react";import{skdxPart as g}from"../utils/part.js";import{Primitive as S}from"../utils/primitive.js";import{jsx as w}from"react/jsx-runtime";var p=u.forwardRef((e,r)=>w(S.li,{...e,...g("breadcrumb","item",e.className),ref:r}));p.displayName="BreadcrumbItem";import*as l from"react";import{skdxPart as H}from"../utils/part.js";import{Primitive as M}from"../utils/primitive.js";import{jsx as T}from"react/jsx-runtime";var i=l.forwardRef(({current:e=!1,...r},a)=>T(M.a,{"aria-current":e?"page":void 0,...r,...H("breadcrumb","link",r.className),ref:a}));i.displayName="BreadcrumbLink";import*as B from"react";import{skdxPart as h}from"../utils/part.js";import{Primitive as C}from"../utils/primitive.js";import{jsx as A}from"react/jsx-runtime";var c=B.forwardRef((e,r)=>A(C.ol,{role:"list",...e,...h("breadcrumb","list",e.className),ref:r}));c.displayName="BreadcrumbList";import*as n from"react";import{skdxPart as D}from"../utils/part.js";import{Primitive as F}from"../utils/primitive.js";import{jsx as V}from"react/jsx-runtime";var s=n.forwardRef((e,r)=>V(F.span,{"aria-current":"page",...e,...D("breadcrumb","page",e.className),ref:r}));s.displayName="BreadcrumbPage";import*as P from"react";import{skdxPart as O}from"../utils/part.js";import{Primitive as q}from"../utils/primitive.js";import{jsx as z}from"react/jsx-runtime";var d=P.forwardRef(({children:e,...r},a)=>{let t=y("BreadcrumbSeparator");return z(q.li,{role:"presentation","aria-hidden":"true",...r,...O("breadcrumb","separator",r.className),ref:a,children:e??t.separator})});d.displayName="BreadcrumbSeparator";import{jsx as m,jsxs as G}from"react/jsx-runtime";var x=({items:e=[]})=>m(c,{children:e.map((r,a)=>G(R.Fragment,{children:[a>0?m(d,{}):null,m(p,{children:r.ellipsis?m(o,{}):r.href!==void 0?m(i,{href:r.href,current:r.current,children:r.label}):m(s,{children:r.label})})]},a))});import{jsx as f}from"react/jsx-runtime";var[U,y]=J("Breadcrumb",{separator:"/"}),k=L.forwardRef(({separator:e="/",items:r,children:a,...t},v)=>f(U,{separator:e,children:f(Q.nav,{...t,...K("breadcrumb","root",t.className),ref:v,children:a??f(x,{items:r})})}));k.displayName="Breadcrumb";export{k as Breadcrumb,o as BreadcrumbEllipsis,p as BreadcrumbItem,i as BreadcrumbLink,c as BreadcrumbList,s as BreadcrumbPage,U as BreadcrumbProvider,d as BreadcrumbSeparator,y as useBreadcrumbContext};
+'use client';
+import{createSafeContext as w}from"../utils/createContext.js";import{skdxPart as z}from"../utils/part.js";import{Primitive as G}from"../utils/primitive.js";import*as B from"react";import{skdxPart as y}from"../utils/part.js";import{Primitive as R}from"../utils/primitive.js";import{jsx as x}from"react/jsx-runtime";var o=({children:r,ref:e,...a})=>x(R.span,{role:"presentation","aria-hidden":"true",...a,...y("breadcrumb","ellipsis",a.className),ref:e,children:r??"\u2026"});o.displayName="BreadcrumbEllipsis";import{skdxPart as N}from"../utils/part.js";import{Primitive as k}from"../utils/primitive.js";import{jsx as v}from"react/jsx-runtime";var p=({ref:r,...e})=>v(k.li,{...e,...N("breadcrumb","item",e.className),ref:r});p.displayName="BreadcrumbItem";import{skdxPart as L}from"../utils/part.js";import{Primitive as g}from"../utils/primitive.js";import{jsx as I}from"react/jsx-runtime";var i=({current:r=!1,ref:e,...a})=>I(g.a,{"aria-current":r?"page":void 0,...a,...L("breadcrumb","link",a.className),ref:e});i.displayName="BreadcrumbLink";import{skdxPart as S}from"../utils/part.js";import{Primitive as E}from"../utils/primitive.js";import{jsx as h}from"react/jsx-runtime";var c=({ref:r,...e})=>h(E.ol,{role:"list",...e,...S("breadcrumb","list",e.className),ref:r});c.displayName="BreadcrumbList";import{skdxPart as C}from"../utils/part.js";import{Primitive as D}from"../utils/primitive.js";import{jsx as A}from"react/jsx-runtime";var d=({ref:r,...e})=>A(D.span,{"aria-current":"page",...e,...C("breadcrumb","page",e.className),ref:r});d.displayName="BreadcrumbPage";import{skdxPart as F}from"../utils/part.js";import{Primitive as J}from"../utils/primitive.js";import{jsx as V}from"react/jsx-runtime";var s=({children:r,ref:e,...a})=>{let m=b("BreadcrumbSeparator");return V(J.li,{role:"presentation","aria-hidden":"true",...a,...F("breadcrumb","separator",a.className),ref:e,children:r??m.separator})};s.displayName="BreadcrumbSeparator";import{jsx as t,jsxs as q}from"react/jsx-runtime";function X(r){return r.ellipsis?t(o,{}):r.href!==void 0?t(i,{href:r.href,current:r.current,children:r.label}):t(d,{children:r.label})}var l=({items:r=[]})=>t(c,{children:r.map((e,a)=>q(B.Fragment,{children:[a>0?t(s,{}):null,t(p,{children:X(e)})]},a))});import{jsx as f}from"react/jsx-runtime";var[H,b]=w("Breadcrumb",{separator:"/"}),n=({label:r,separator:e="/",items:a,children:m,ref:P,...u})=>f(H,{separator:e,children:f(G.nav,{...u,"aria-label":r,...z("breadcrumb","root",u.className),ref:P,children:m??f(l,{items:a})})});n.displayName="Breadcrumb";export{n as Breadcrumb,o as BreadcrumbEllipsis,p as BreadcrumbItem,i as BreadcrumbLink,c as BreadcrumbList,d as BreadcrumbPage,H as BreadcrumbProvider,s as BreadcrumbSeparator,b as useBreadcrumbContext};