@skdx/react 0.26.0

package/dist/calendar/locale.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Locale-derived month and weekday names for {@link Calendar}, built entirely
+ * on `Intl` — no bundled name tables, no date library, no new dependency.
+ *
+ * Every framework package carries its own copy of these helpers (the same way
+ * each carries its own `dateMath`), so a consumer never pays for a shared
+ * runtime package just to render a month heading.
+ */
+/** How much of a name to render — the `Intl.DateTimeFormat` `month`/`weekday` widths. */
+export type NameWidth = 'narrow' | 'short' | 'long';
+/** The runtime's own locale, used whenever `locale` is omitted — matches what `toLocaleDateString()` would pick. */
+export declare function resolveLocale(locale?: string): string;
+/**
+ * The twelve month names of `locale`, January first, at the requested width.
+ *
+ * @example
+ * ```ts
+ * getMonthNames('fr-FR')[0]; // 'janvier'
+ * ```
+ */
+export declare function getMonthNames(locale?: string, width?: NameWidth): string[];
+/**
+ * The seven weekday names of `locale` at the requested width, rotated so index
+ * `0` is `weekStartsOn` (`0` = Sunday … `6` = Saturday).
+ *
+ * @example
+ * ```ts
+ * getWeekDayNames('en-GB', 1, 'short'); // ['Mon', 'Tue', … 'Sun']
+ * ```
+ */
+export declare function getWeekDayNames(locale?: string, weekStartsOn?: number, width?: NameWidth): string[];
+/**
+ * The first day of the week `locale` uses (`0` = Sunday … `6` = Saturday),
+ * read from `Intl.Locale`'s week info where the engine exposes it.
+ *
+ * Falls back to `0` (Sunday) on engines without `getWeekInfo`/`weekInfo`
+ * — Firefox still lacks it as of 2026.
+ */
+export declare function getLocaleWeekStartsOn(locale?: string): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+/** The month heading label for `month` (e.g. `'janvier 2026'`), formatted for `locale`. */
+export declare function formatMonthLabel(month: Date, locale?: string): string;
+/** A full, spoken-friendly date label (e.g. `'Monday, January 5, 2026'`) for live-region announcements. */
+export declare function formatDateLabel(date: Date, locale?: string): string;
+/** @internal Drops every memoized name list. Only needed by tests that switch locales in one process. */
+export declare function clearLocaleNameCache(): void;

package/dist/calendar/types.d.cts

@@ -0,0 +1,206 @@
+import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
+/** One cell in a {@link Calendar} grid week, as produced by `getVisibleWeeks`. */
+export interface CalendarDay {
+    date: Date;
+    /** Whether this date falls outside the grid's displayed month (leading/trailing filler day). */
+    outsideMonth: boolean;
+}
+/**
+ * How many dates a {@link Calendar} selects at once, and therefore what shape
+ * its `value` takes:
+ *
+ * | `selectionMode` | `value` type          | empty selection |
+ * | --------------- | --------------------- | --------------- |
+ * | `'single'`      | `Date \| null`        | `null`          |
+ * | `'multiple'`    | `Date[]`              | `[]`            |
+ * | `'range'`       | `DateRange \| null`   | `null`          |
+ */
+export type CalendarSelectionMode = 'single' | 'multiple' | 'range';
+/**
+ * A selected date range. `end` is `null` while the range is *anchored* — the
+ * user has picked a start date and the next selection will close the range.
+ */
+export interface DateRange {
+    /** First date of the range (always the earlier of the two once `end` is set). */
+    start: Date;
+    /** Last date of the range, or `null` while only the anchor has been picked. */
+    end: Date | null;
+}
+/**
+ * A {@link Calendar}'s selection, whose concrete shape follows
+ * {@link CalendarSelectionMode}. One union rather than a discriminated
+ * props type, because Angular `@Input`s, Vue props and Web Component
+ * properties cannot discriminate on a sibling prop — semantic parity across
+ * the five frameworks beats a type trick only two of them could express.
+ */
+export type CalendarValue = Date | Date[] | DateRange | null;
+/** Where a date sits inside a selected range, for the `data-range-*` styling hooks. */
+export type RangePosition = 'start' | 'middle' | 'end';
+/** @internal Shared state distributed from {@link Calendar} to its parts via context. Not part of the public API. */
+export interface CalendarContextValue {
+    value: CalendarValue;
+    selectionMode: CalendarSelectionMode;
+    month: Date;
+    /** Every displayed month, `numberOfMonths` long, starting at `month`. */
+    months: Date[];
+    focusedDate: Date;
+    weekStartsOn: number;
+    locale?: string;
+    /** Weekday names for `locale`, rotated to start at `weekStartsOn`, as `[short, long]` pairs. */
+    weekDayNames: Array<{
+        short: string;
+        long: string;
+    }>;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: (date: Date) => boolean;
+    isDateUnavailable?: (isoDate: string) => boolean;
+    onValueChange: (date: Date) => void;
+    onMonthChange: (month: Date) => void;
+    setFocusedDate: (date: Date) => void;
+}
+/** @internal The month one {@link CalendarGrid} renders, so a multi-month calendar's cells know which month they belong to. */
+export interface CalendarGridContextValue {
+    gridMonth: Date;
+}
+/** Props for the {@link Calendar} root. */
+export interface CalendarProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
+    /**
+     * How many dates can be selected at once. Determines the shape of `value` —
+     * see {@link CalendarSelectionMode}.
+     * @default 'single'
+     */
+    selectionMode?: CalendarSelectionMode;
+    /**
+     * Current selection, for controlled usage. Pair with `onValueChange`. Its
+     * shape follows `selectionMode`.
+     * @default undefined — uncontrolled, tracks its own selection internally.
+     */
+    value?: CalendarValue;
+    /**
+     * Initial selection, for uncontrolled usage. Its shape follows `selectionMode`.
+     * @default null for `single`/`range`, `[]` for `multiple`.
+     */
+    defaultValue?: CalendarValue;
+    /**
+     * Fires with the whole new selection whenever a `CalendarCell` is chosen —
+     * a `Date` in `single` mode, the full `Date[]` in `multiple`, the
+     * `DateRange` (with `end: null` while anchored) in `range`.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: (value: CalendarValue) => void;
+    /**
+     * Displayed month, for controlled usage. Pair with `onMonthChange`.
+     * @default undefined — uncontrolled, tracks its own displayed month internally.
+     */
+    month?: Date;
+    /**
+     * Initially displayed month, for uncontrolled usage.
+     * @default undefined — defaults to the selection's month, or the current month.
+     */
+    defaultMonth?: Date;
+    /**
+     * Fires with the newly displayed month whenever navigation changes it (prev/next, PageUp/PageDown, etc).
+     * @default undefined — no-op if omitted.
+     */
+    onMonthChange?: (month: Date) => void;
+    /**
+     * How many consecutive months to display, starting at `month` — render one
+     * `CalendarGrid` per month with a matching `monthOffset`.
+     * @default 1
+     */
+    numberOfMonths?: number;
+    /**
+     * BCP 47 tag used to derive month and weekday names (via `Intl`) and, when
+     * `weekStartsOn` is omitted, the first day of the week.
+     * @default undefined — the runtime's own locale.
+     */
+    locale?: string;
+    /**
+     * Earliest selectable date; earlier dates render disabled.
+     * @default undefined — no minimum.
+     */
+    minDate?: Date;
+    /**
+     * Latest selectable date; later dates render disabled.
+     * @default undefined — no maximum.
+     */
+    maxDate?: Date;
+    /**
+     * Day of week the grid's first column represents (`0` = Sunday … `6` = Saturday).
+     * @default undefined — derived from `locale`, falling back to `0` (Sunday).
+     */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Predicate marking arbitrary dates as disabled, in addition to `minDate`/`maxDate`.
+     * @default undefined — no additional dates disabled.
+     */
+    disabled?: (date: Date) => boolean;
+    /**
+     * Predicate marking dates as *unavailable* — a booked hotel night, a closed
+     * clinic day. Receives the cell's local `YYYY-MM-DD` string.
+     *
+     * Distinct from `disabled`: an unavailable cell stays keyboard-reachable and
+     * is announced as `aria-disabled`, so a screen-reader user can arrow onto it
+     * and hear *why* it can't be picked, where a `disabled` cell is skipped
+     * entirely.
+     * @default undefined — every date is available.
+     */
+    isDateUnavailable?: (isoDate: string) => boolean;
+    /**
+     * Words the polite live-region message announced after a selection change in
+     * `multiple` and `range` mode — the state that changed lives across several
+     * cells, so no cell's own `aria-selected` flip carries it. Return `''` to
+     * announce nothing.
+     *
+     * The month and weekday names around it are already localized by `locale`;
+     * this sentence is the one string in the calendar that a `locale` cannot
+     * translate on its own.
+     * @default undefined — the built-in English wording ("Range selected, 1 May to 8 May.").
+     */
+    getSelectionAnnouncement?: (value: CalendarValue, locale: string | undefined) => string;
+}
+/** Props for {@link CalendarHeader}, the purely presentational wrapper around the month navigation row. */
+export interface CalendarHeaderProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CalendarHeading}, the label for the displayed month. */
+export interface CalendarHeadingProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Which of the displayed months to label, `0` being the first — only
+     * meaningful when the `Calendar` sets `numberOfMonths` above 1.
+     * @default 0
+     */
+    monthOffset?: number;
+}
+/** Props for {@link CalendarPreviousButton}, which navigates to the previous month. */
+export interface CalendarPreviousButtonProps extends PrimitivePropsWithRef<'button'> {
+}
+/** Props for {@link CalendarNextButton}, which navigates to the next month. */
+export interface CalendarNextButtonProps extends PrimitivePropsWithRef<'button'> {
+}
+/** Props for {@link CalendarGrid}, the `grid`-role container that owns arrow-key date navigation. */
+export interface CalendarGridProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Which of the displayed months this grid renders, `0` being the first —
+     * only meaningful when the `Calendar` sets `numberOfMonths` above 1.
+     * @default 0
+     */
+    monthOffset?: number;
+}
+/** Props for {@link CalendarGridHead}, the `rowgroup`-role wrapper for the weekday header. */
+export interface CalendarGridHeadProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CalendarWeekDay}, a single `columnheader` cell labeling a weekday. */
+export interface CalendarWeekDayProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CalendarGridBody}, the `rowgroup`-role wrapper around the week rows. */
+export interface CalendarGridBodyProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CalendarRow}, a `row`-role wrapper for one week of `CalendarCell`s. */
+export interface CalendarRowProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CalendarCell}, a single selectable `gridcell` date button. */
+export interface CalendarCellProps extends PrimitivePropsWithRef<'button'> {
+    /** The date value this calendar grid cell represents and selects when activated. */
+    date: Date;
+}

package/dist/calendar/types.d.ts

@@ -0,0 +1,206 @@
+import type { PrimitivePropsWithRef } from '../utils/primitive.js';
+/** One cell in a {@link Calendar} grid week, as produced by `getVisibleWeeks`. */
+export interface CalendarDay {
+    date: Date;
+    /** Whether this date falls outside the grid's displayed month (leading/trailing filler day). */
+    outsideMonth: boolean;
+}
+/**
+ * How many dates a {@link Calendar} selects at once, and therefore what shape
+ * its `value` takes:
+ *
+ * | `selectionMode` | `value` type          | empty selection |
+ * | --------------- | --------------------- | --------------- |
+ * | `'single'`      | `Date \| null`        | `null`          |
+ * | `'multiple'`    | `Date[]`              | `[]`            |
+ * | `'range'`       | `DateRange \| null`   | `null`          |
+ */
+export type CalendarSelectionMode = 'single' | 'multiple' | 'range';
+/**
+ * A selected date range. `end` is `null` while the range is *anchored* — the
+ * user has picked a start date and the next selection will close the range.
+ */
+export interface DateRange {
+    /** First date of the range (always the earlier of the two once `end` is set). */
+    start: Date;
+    /** Last date of the range, or `null` while only the anchor has been picked. */
+    end: Date | null;
+}
+/**
+ * A {@link Calendar}'s selection, whose concrete shape follows
+ * {@link CalendarSelectionMode}. One union rather than a discriminated
+ * props type, because Angular `@Input`s, Vue props and Web Component
+ * properties cannot discriminate on a sibling prop — semantic parity across
+ * the five frameworks beats a type trick only two of them could express.
+ */
+export type CalendarValue = Date | Date[] | DateRange | null;
+/** Where a date sits inside a selected range, for the `data-range-*` styling hooks. */
+export type RangePosition = 'start' | 'middle' | 'end';
+/** @internal Shared state distributed from {@link Calendar} to its parts via context. Not part of the public API. */
+export interface CalendarContextValue {
+    value: CalendarValue;
+    selectionMode: CalendarSelectionMode;
+    month: Date;
+    /** Every displayed month, `numberOfMonths` long, starting at `month`. */
+    months: Date[];
+    focusedDate: Date;
+    weekStartsOn: number;
+    locale?: string;
+    /** Weekday names for `locale`, rotated to start at `weekStartsOn`, as `[short, long]` pairs. */
+    weekDayNames: Array<{
+        short: string;
+        long: string;
+    }>;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: (date: Date) => boolean;
+    isDateUnavailable?: (isoDate: string) => boolean;
+    onValueChange: (date: Date) => void;
+    onMonthChange: (month: Date) => void;
+    setFocusedDate: (date: Date) => void;
+}
+/** @internal The month one {@link CalendarGrid} renders, so a multi-month calendar's cells know which month they belong to. */
+export interface CalendarGridContextValue {
+    gridMonth: Date;
+}
+/** Props for the {@link Calendar} root. */
+export interface CalendarProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
+    /**
+     * How many dates can be selected at once. Determines the shape of `value` —
+     * see {@link CalendarSelectionMode}.
+     * @default 'single'
+     */
+    selectionMode?: CalendarSelectionMode;
+    /**
+     * Current selection, for controlled usage. Pair with `onValueChange`. Its
+     * shape follows `selectionMode`.
+     * @default undefined — uncontrolled, tracks its own selection internally.
+     */
+    value?: CalendarValue;
+    /**
+     * Initial selection, for uncontrolled usage. Its shape follows `selectionMode`.
+     * @default null for `single`/`range`, `[]` for `multiple`.
+     */
+    defaultValue?: CalendarValue;
+    /**
+     * Fires with the whole new selection whenever a `CalendarCell` is chosen —
+     * a `Date` in `single` mode, the full `Date[]` in `multiple`, the
+     * `DateRange` (with `end: null` while anchored) in `range`.
+     * @default undefined — no-op if omitted.
+     */
+    onValueChange?: (value: CalendarValue) => void;
+    /**
+     * Displayed month, for controlled usage. Pair with `onMonthChange`.
+     * @default undefined — uncontrolled, tracks its own displayed month internally.
+     */
+    month?: Date;
+    /**
+     * Initially displayed month, for uncontrolled usage.
+     * @default undefined — defaults to the selection's month, or the current month.
+     */
+    defaultMonth?: Date;
+    /**
+     * Fires with the newly displayed month whenever navigation changes it (prev/next, PageUp/PageDown, etc).
+     * @default undefined — no-op if omitted.
+     */
+    onMonthChange?: (month: Date) => void;
+    /**
+     * How many consecutive months to display, starting at `month` — render one
+     * `CalendarGrid` per month with a matching `monthOffset`.
+     * @default 1
+     */
+    numberOfMonths?: number;
+    /**
+     * BCP 47 tag used to derive month and weekday names (via `Intl`) and, when
+     * `weekStartsOn` is omitted, the first day of the week.
+     * @default undefined — the runtime's own locale.
+     */
+    locale?: string;
+    /**
+     * Earliest selectable date; earlier dates render disabled.
+     * @default undefined — no minimum.
+     */
+    minDate?: Date;
+    /**
+     * Latest selectable date; later dates render disabled.
+     * @default undefined — no maximum.
+     */
+    maxDate?: Date;
+    /**
+     * Day of week the grid's first column represents (`0` = Sunday … `6` = Saturday).
+     * @default undefined — derived from `locale`, falling back to `0` (Sunday).
+     */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Predicate marking arbitrary dates as disabled, in addition to `minDate`/`maxDate`.
+     * @default undefined — no additional dates disabled.
+     */
+    disabled?: (date: Date) => boolean;
+    /**
+     * Predicate marking dates as *unavailable* — a booked hotel night, a closed
+     * clinic day. Receives the cell's local `YYYY-MM-DD` string.
+     *
+     * Distinct from `disabled`: an unavailable cell stays keyboard-reachable and
+     * is announced as `aria-disabled`, so a screen-reader user can arrow onto it
+     * and hear *why* it can't be picked, where a `disabled` cell is skipped
+     * entirely.
+     * @default undefined — every date is available.
+     */
+    isDateUnavailable?: (isoDate: string) => boolean;
+    /**
+     * Words the polite live-region message announced after a selection change in
+     * `multiple` and `range` mode — the state that changed lives across several
+     * cells, so no cell's own `aria-selected` flip carries it. Return `''` to
+     * announce nothing.
+     *
+     * The month and weekday names around it are already localized by `locale`;
+     * this sentence is the one string in the calendar that a `locale` cannot
+     * translate on its own.
+     * @default undefined — the built-in English wording ("Range selected, 1 May to 8 May.").
+     */
+    getSelectionAnnouncement?: (value: CalendarValue, locale: string | undefined) => string;
+}
+/** Props for {@link CalendarHeader}, the purely presentational wrapper around the month navigation row. */
+export interface CalendarHeaderProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CalendarHeading}, the label for the displayed month. */
+export interface CalendarHeadingProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Which of the displayed months to label, `0` being the first — only
+     * meaningful when the `Calendar` sets `numberOfMonths` above 1.
+     * @default 0
+     */
+    monthOffset?: number;
+}
+/** Props for {@link CalendarPreviousButton}, which navigates to the previous month. */
+export interface CalendarPreviousButtonProps extends PrimitivePropsWithRef<'button'> {
+}
+/** Props for {@link CalendarNextButton}, which navigates to the next month. */
+export interface CalendarNextButtonProps extends PrimitivePropsWithRef<'button'> {
+}
+/** Props for {@link CalendarGrid}, the `grid`-role container that owns arrow-key date navigation. */
+export interface CalendarGridProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Which of the displayed months this grid renders, `0` being the first —
+     * only meaningful when the `Calendar` sets `numberOfMonths` above 1.
+     * @default 0
+     */
+    monthOffset?: number;
+}
+/** Props for {@link CalendarGridHead}, the `rowgroup`-role wrapper for the weekday header. */
+export interface CalendarGridHeadProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CalendarWeekDay}, a single `columnheader` cell labeling a weekday. */
+export interface CalendarWeekDayProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CalendarGridBody}, the `rowgroup`-role wrapper around the week rows. */
+export interface CalendarGridBodyProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CalendarRow}, a `row`-role wrapper for one week of `CalendarCell`s. */
+export interface CalendarRowProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CalendarCell}, a single selectable `gridcell` date button. */
+export interface CalendarCellProps extends PrimitivePropsWithRef<'button'> {
+    /** The date value this calendar grid cell represents and selects when activated. */
+    date: Date;
+}

package/dist/card/Card.cjs

@@ -0,0 +1 @@
+"use strict";var I=Object.create;var m=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var S=(r,o)=>{for(var e in o)m(r,e,{get:o[e],enumerable:!0})},c=(r,o,e,C)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of K(o))!Q.call(r,a)&&a!==e&&m(r,a,{get:()=>o[a],enumerable:!(C=J(o,a))||C.enumerable});return r};var t=(r,o,e)=>(e=r!=null?I(O(r)):{},c(o||!r||!r.__esModule?m(e,"default",{value:r,enumerable:!0}):e,r)),U=r=>c(m({},"__esModule",{value:!0}),r);var V={};S(V,{Card:()=>y,CardContent:()=>s,CardDescription:()=>p,CardFooter:()=>f,CardHeader:()=>d,CardTitle:()=>i});module.exports=U(V);var P=t(require("react"),1),n=require("../utils/part.cjs"),l=require("../utils/primitive.cjs"),R=require("react/jsx-runtime"),y=P.forwardRef((r,o)=>(0,R.jsx)(l.Primitive.div,{...r,...(0,n.skdxPart)("card","root",r.className),ref:o}));y.displayName="Card";var v=t(require("react"),1),x=require("../utils/part.cjs"),H=require("../utils/primitive.cjs"),N=require("react/jsx-runtime"),d=v.forwardRef((r,o)=>(0,N.jsx)(H.Primitive.div,{...r,...(0,x.skdxPart)("card","header",r.className),ref:o}));d.displayName="CardHeader";var T=t(require("react"),1),D=require("../utils/part.cjs"),k=require("../utils/primitive.cjs"),w=require("react/jsx-runtime"),i=T.forwardRef((r,o)=>(0,w.jsx)(k.Primitive.h3,{...r,...(0,D.skdxPart)("card","title",r.className),ref:o}));i.displayName="CardTitle";var E=t(require("react"),1),F=require("../utils/part.cjs"),L=require("../utils/primitive.cjs"),M=require("react/jsx-runtime"),p=E.forwardRef((r,o)=>(0,M.jsx)(L.Primitive.p,{...r,...(0,F.skdxPart)("card","description",r.className),ref:o}));p.displayName="CardDescription";var h=t(require("react"),1),g=require("../utils/part.cjs"),b=require("../utils/primitive.cjs"),q=require("react/jsx-runtime"),s=h.forwardRef((r,o)=>(0,q.jsx)(b.Primitive.div,{...r,...(0,g.skdxPart)("card","content",r.className),ref:o}));s.displayName="CardContent";var z=t(require("react"),1),A=require("../utils/part.cjs"),B=require("../utils/primitive.cjs"),G=require("react/jsx-runtime"),f=z.forwardRef((r,o)=>(0,G.jsx)(B.Primitive.div,{...r,...(0,A.skdxPart)("card","footer",r.className),ref:o}));f.displayName="CardFooter";0&&(module.exports={Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle});

package/dist/card/Card.d.cts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { CardProps } from './types.cjs';
+/**
+ * Root container for a card layout. Renders a plain `<div>` with no shared
+ * state or context — purely structural, like every part in this folder.
+ * Color, elevation, and spacing are brand-layer concerns applied via
+ * className.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Project Alpha</CardTitle>
+ *     <CardDescription>Last updated 2 days ago</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>Details about the project go here.</p>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>View</Button>
+ *   </CardFooter>
+ * </Card>
+ * ```
+ */
+export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/card/Card.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { CardProps } from './types.js';
+/**
+ * Root container for a card layout. Renders a plain `<div>` with no shared
+ * state or context — purely structural, like every part in this folder.
+ * Color, elevation, and spacing are brand-layer concerns applied via
+ * className.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Project Alpha</CardTitle>
+ *     <CardDescription>Last updated 2 days ago</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>Details about the project go here.</p>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>View</Button>
+ *   </CardFooter>
+ * </Card>
+ * ```
+ */
+export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/card/Card.js

@@ -0,0 +1 @@
+import*as e from"react";import{skdxPart as P}from"../utils/part.js";import{Primitive as n}from"../utils/primitive.js";import{jsx as y}from"react/jsx-runtime";var l=e.forwardRef((r,o)=>y(n.div,{...r,...P("card","root",r.className),ref:o}));l.displayName="Card";import*as t from"react";import{skdxPart as R}from"../utils/part.js";import{Primitive as v}from"../utils/primitive.js";import{jsx as x}from"react/jsx-runtime";var a=t.forwardRef((r,o)=>x(v.div,{...r,...R("card","header",r.className),ref:o}));a.displayName="CardHeader";import*as m from"react";import{skdxPart as H}from"../utils/part.js";import{Primitive as N}from"../utils/primitive.js";import{jsx as T}from"react/jsx-runtime";var d=m.forwardRef((r,o)=>T(N.h3,{...r,...H("card","title",r.className),ref:o}));d.displayName="CardTitle";import*as i from"react";import{skdxPart as D}from"../utils/part.js";import{Primitive as k}from"../utils/primitive.js";import{jsx as w}from"react/jsx-runtime";var p=i.forwardRef((r,o)=>w(k.p,{...r,...D("card","description",r.className),ref:o}));p.displayName="CardDescription";import*as s from"react";import{skdxPart as E}from"../utils/part.js";import{Primitive as F}from"../utils/primitive.js";import{jsx as L}from"react/jsx-runtime";var f=s.forwardRef((r,o)=>L(F.div,{...r,...E("card","content",r.className),ref:o}));f.displayName="CardContent";import*as C from"react";import{skdxPart as M}from"../utils/part.js";import{Primitive as h}from"../utils/primitive.js";import{jsx as g}from"react/jsx-runtime";var c=C.forwardRef((r,o)=>g(h.div,{...r,...M("card","footer",r.className),ref:o}));c.displayName="CardFooter";export{l as Card,f as CardContent,p as CardDescription,c as CardFooter,a as CardHeader,d as CardTitle};

package/dist/card/CardContent.d.cts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { CardContentProps } from './types.cjs';
+/**
+ * A {@link Card}'s main body. Renders a plain `<div>`, typically placed
+ * between `CardHeader` and `CardFooter`.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Project Alpha</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>Details about the project go here.</p>
+ *   </CardContent>
+ * </Card>
+ * ```
+ */
+export declare const CardContent: React.ForwardRefExoticComponent<Omit<CardContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/card/CardContent.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { CardContentProps } from './types.js';
+/**
+ * A {@link Card}'s main body. Renders a plain `<div>`, typically placed
+ * between `CardHeader` and `CardFooter`.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Project Alpha</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>Details about the project go here.</p>
+ *   </CardContent>
+ * </Card>
+ * ```
+ */
+export declare const CardContent: React.ForwardRefExoticComponent<Omit<CardContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/card/CardDescription.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { CardDescriptionProps } from './types.cjs';
+/**
+ * Supporting text below a {@link Card}'s title. Renders a `<p>`, typically
+ * inside `CardHeader` after `CardTitle`.
+ *
+ * @example
+ * ```tsx
+ * <CardHeader>
+ *   <CardTitle>Project Alpha</CardTitle>
+ *   <CardDescription>Last updated 2 days ago</CardDescription>
+ * </CardHeader>
+ * ```
+ */
+export declare const CardDescription: React.ForwardRefExoticComponent<Omit<CardDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/card/CardDescription.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { CardDescriptionProps } from './types.js';
+/**
+ * Supporting text below a {@link Card}'s title. Renders a `<p>`, typically
+ * inside `CardHeader` after `CardTitle`.
+ *
+ * @example
+ * ```tsx
+ * <CardHeader>
+ *   <CardTitle>Project Alpha</CardTitle>
+ *   <CardDescription>Last updated 2 days ago</CardDescription>
+ * </CardHeader>
+ * ```
+ */
+export declare const CardDescription: React.ForwardRefExoticComponent<Omit<CardDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/card/CardFooter.d.cts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { CardFooterProps } from './types.cjs';
+/**
+ * Container for actions at the bottom of a {@link Card}. Renders a plain
+ * `<div>`, typically placed as the last child of `Card`.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardContent>
+ *     <p>Details about the project go here.</p>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>View</Button>
+ *   </CardFooter>
+ * </Card>
+ * ```
+ */
+export declare const CardFooter: React.ForwardRefExoticComponent<Omit<CardFooterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/card/CardFooter.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { CardFooterProps } from './types.js';
+/**
+ * Container for actions at the bottom of a {@link Card}. Renders a plain
+ * `<div>`, typically placed as the last child of `Card`.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardContent>
+ *     <p>Details about the project go here.</p>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>View</Button>
+ *   </CardFooter>
+ * </Card>
+ * ```
+ */
+export declare const CardFooter: React.ForwardRefExoticComponent<Omit<CardFooterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/card/CardHeader.d.cts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { CardHeaderProps } from './types.cjs';
+/**
+ * Container for a {@link Card}'s title and description. Renders a plain
+ * `<div>`, typically placed as the first child of `Card`.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Project Alpha</CardTitle>
+ *     <CardDescription>Last updated 2 days ago</CardDescription>
+ *   </CardHeader>
+ * </Card>
+ * ```
+ */
+export declare const CardHeader: React.ForwardRefExoticComponent<Omit<CardHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;