@hirobius/design-system 0.19.1 → 0.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +123 -0
- package/CONSUMING.md +11 -6
- package/DESIGN.md +34 -21
- package/NOTICE.md +1 -1
- package/README.md +48 -13
- package/codemods/hds-prefix.mjs +231 -0
- package/codemods/jsx-fold.mjs +515 -0
- package/codemods/not-found-pattern.mjs +71 -0
- package/codemods/patterns-subpath.mjs +242 -81
- package/codemods/patterns-subpath.names.json +41 -15
- package/codemods/removed-0.20.json +194 -0
- package/codemods/tile-grid.mjs +283 -0
- package/codemods/unrewritable.mjs +291 -0
- package/dist/chunks/DemoStateContext-Cz5TmrYu.js +32 -0
- package/dist/chunks/empty-state-DNoThgfV.js +1227 -0
- package/dist/chunks/form-By82qZcC.js +66 -0
- package/dist/contexts.js +157 -78
- package/dist/fonts/geist-mono-400.woff2 +0 -0
- package/dist/fonts/satoshi-400.woff2 +0 -0
- package/dist/fonts/satoshi-500.woff2 +0 -0
- package/dist/fonts/satoshi-700.woff2 +0 -0
- package/dist/fonts.css +53 -0
- package/dist/form.js +1 -1
- package/dist/hirobius-ui.js +1600 -5354
- package/dist/manifest.js +12 -13
- package/dist/patterns.js +796 -510
- package/dist/styles.css +2 -2
- package/dist/tokens.css +1 -1
- package/dist/tokens.js +165 -65
- package/dist/types/src/app/components/alert-dialog.d.ts +5 -0
- package/dist/types/src/app/components/asset-img.d.ts +1 -0
- package/dist/types/src/app/components/avatar-group.d.ts +2 -2
- package/dist/types/src/app/components/badge.d.ts +8 -3
- package/dist/types/src/app/components/blockquote.d.ts +2 -2
- package/dist/types/src/app/components/box-sx.d.ts +110 -13
- package/dist/types/src/app/components/box.d.ts +6 -3
- package/dist/types/src/app/components/breadcrumb.d.ts +0 -5
- package/dist/types/src/app/components/button.d.ts +35 -4
- package/dist/types/src/app/components/card.d.ts +10 -10
- package/dist/types/src/app/components/combobox.d.ts +47 -11
- package/dist/types/src/app/components/container.d.ts +2 -2
- package/dist/types/src/app/components/data-table-section.d.ts +2 -1
- package/dist/types/src/app/components/destructive-section.d.ts +1 -0
- package/dist/types/src/app/components/dialog.d.ts +8 -1
- package/dist/types/src/app/components/disclosure.d.ts +1 -5
- package/dist/types/src/app/components/error-pattern.d.ts +6 -1
- package/dist/types/src/app/components/field.d.ts +1 -2
- package/dist/types/src/app/components/form-actions.d.ts +1 -0
- package/dist/types/src/app/components/form-control.d.ts +10 -0
- package/dist/types/src/app/components/grid.d.ts +15 -6
- package/dist/types/src/app/components/hds-tooltip.d.ts +12 -2
- package/dist/types/src/app/components/icon.d.ts +1 -0
- package/dist/types/src/app/components/inline-code.d.ts +1 -2
- package/dist/types/src/app/components/input.d.ts +8 -5
- package/dist/types/src/app/components/kbd.d.ts +2 -2
- package/dist/types/src/app/components/metadata-list.d.ts +2 -2
- package/dist/types/src/app/components/metric-tiles.d.ts +1 -0
- package/dist/types/src/app/components/page-header.d.ts +0 -2
- package/dist/types/src/app/components/popover.d.ts +8 -0
- package/dist/types/src/app/components/progress.d.ts +33 -6
- package/dist/types/src/app/components/segmented-control.d.ts +2 -26
- package/dist/types/src/app/components/select.d.ts +10 -1
- package/dist/types/src/app/components/skeleton.d.ts +3 -4
- package/dist/types/src/app/components/spinner.d.ts +1 -2
- package/dist/types/src/app/components/stack.d.ts +4 -1
- package/dist/types/src/app/components/stat.d.ts +5 -5
- package/dist/types/src/app/components/status-list-item.d.ts +1 -2
- package/dist/types/src/app/components/status-tile.d.ts +3 -2
- package/dist/types/src/app/components/surface.d.ts +2 -3
- package/dist/types/src/app/components/switcher.d.ts +1 -1
- package/dist/types/src/app/components/table.d.ts +6 -15
- package/dist/types/src/app/components/tag.d.ts +0 -6
- package/dist/types/src/app/components/text.d.ts +54 -8
- package/dist/types/src/app/components/textarea.d.ts +1 -2
- package/dist/types/src/app/components/timestamp.d.ts +1 -0
- package/dist/types/src/app/components/toast.d.ts +1 -2
- package/dist/types/src/app/components/tooltip.d.ts +1 -1
- package/dist/types/src/app/context/DemoStateContext.d.ts +1 -1
- package/dist/types/src/app/context/RouterContext.d.ts +5 -5
- package/dist/types/src/app/data/manifest-types.d.ts +10 -5
- package/dist/types/src/app/design-system/generated-token-refs.d.ts +45 -28
- package/dist/types/src/app/design-system/generated-token-values.d.ts +4 -0
- package/dist/types/src/app/design-system/tokens.d.ts +139 -18
- package/dist/types/src/icons.d.ts +1 -1
- package/dist/types/src/index.d.ts +76 -164
- package/dist/types/src/patterns.d.ts +20 -25
- package/dist/variables.css +47 -33
- package/docs/CONSUMING.md +80 -48
- package/hirobius.tokens.json +125 -88
- package/llms.txt +166 -59
- package/mcp/catalog.mjs +366 -0
- package/mcp/guide.mjs +315 -0
- package/mcp/hds-mcp.mjs +49 -0
- package/mcp/server.mjs +94 -0
- package/package.json +48 -27
- package/public/hds-manifest.json +2667 -6705
- package/public/llms/components.txt +45 -426
- package/public/llms/layout.txt +5 -5
- package/public/llms-full.txt +245 -506
- package/public/llms.txt +166 -59
- package/scripts/eslint-plugin-hds/index.d.mts +29 -0
- package/scripts/eslint-plugin-hds/index.mjs +55 -0
- package/scripts/eslint-plugin-hds/package.json +30 -0
- package/scripts/eslint-plugin-hds/rules/no-raw-controls.mjs +47 -0
- package/scripts/eslint-plugin-hds/rules/no-raw-hex.mjs +70 -0
- package/scripts/eslint-plugin-hds/rules/no-raw-px-spacing.mjs +125 -0
- package/scripts/eslint-plugin-hds/rules/prefer-hds-layout-primitive.mjs +54 -0
- package/scripts/eslint-plugin-hds/rules/sx-token-first.mjs +111 -0
- package/scripts/eslint-plugin-hds/rules/utils.mjs +66 -0
- package/src/app/data/component-api.json +1082 -2913
- package/dist/chunks/LanguageContext-BxdCwiFg.js +0 -95
- package/dist/chunks/TokenDisplayContext-DKYJMVWk.js +0 -26
- package/dist/chunks/activity-feed-BGQ6v3wc.js +0 -22040
- package/dist/chunks/form-COP3vK9_.js +0 -66
- package/dist/types/src/app/components/activity-feed.d.ts +0 -73
- package/dist/types/src/app/components/app-shell.d.ts +0 -40
- package/dist/types/src/app/components/aspect-ratio.d.ts +0 -25
- package/dist/types/src/app/components/bleed.d.ts +0 -39
- package/dist/types/src/app/components/button-group.d.ts +0 -22
- package/dist/types/src/app/components/calendar.d.ts +0 -22
- package/dist/types/src/app/components/carousel.d.ts +0 -26
- package/dist/types/src/app/components/center.d.ts +0 -36
- package/dist/types/src/app/components/cinematic-link.d.ts +0 -18
- package/dist/types/src/app/components/circular-progress.d.ts +0 -28
- package/dist/types/src/app/components/cluster.d.ts +0 -39
- package/dist/types/src/app/components/command-palette.d.ts +0 -46
- package/dist/types/src/app/components/component-instance-matrix.d.ts +0 -27
- package/dist/types/src/app/components/context-menu.d.ts +0 -78
- package/dist/types/src/app/components/cover.d.ts +0 -43
- package/dist/types/src/app/components/date-input.d.ts +0 -31
- package/dist/types/src/app/components/date-range-input.d.ts +0 -34
- package/dist/types/src/app/components/date-time-input.d.ts +0 -30
- package/dist/types/src/app/components/doc-link-card.d.ts +0 -32
- package/dist/types/src/app/components/error-boundary.d.ts +0 -25
- package/dist/types/src/app/components/file-input.d.ts +0 -30
- package/dist/types/src/app/components/foundation-swatch.d.ts +0 -45
- package/dist/types/src/app/components/frame.d.ts +0 -38
- package/dist/types/src/app/components/heading-stack.d.ts +0 -52
- package/dist/types/src/app/components/history-card.d.ts +0 -12
- package/dist/types/src/app/components/hover-card.d.ts +0 -46
- package/dist/types/src/app/components/icon-button.d.ts +0 -22
- package/dist/types/src/app/components/image-lightbox.d.ts +0 -14
- package/dist/types/src/app/components/input-group.d.ts +0 -23
- package/dist/types/src/app/components/multi-selector.d.ts +0 -40
- package/dist/types/src/app/components/nav-group.d.ts +0 -29
- package/dist/types/src/app/components/nav-item.d.ts +0 -33
- package/dist/types/src/app/components/not-found-pattern.d.ts +0 -1
- package/dist/types/src/app/components/overflow-list.d.ts +0 -21
- package/dist/types/src/app/components/selectable-card.d.ts +0 -29
- package/dist/types/src/app/components/side-nav.d.ts +0 -23
- package/dist/types/src/app/components/sketch.d.ts +0 -19
- package/dist/types/src/app/components/stacked-card-rail.d.ts +0 -32
- package/dist/types/src/app/components/status-dot.d.ts +0 -25
- package/dist/types/src/app/components/stepper-field.d.ts +0 -12
- package/dist/types/src/app/components/stepper.d.ts +0 -33
- package/dist/types/src/app/components/text-lockup.d.ts +0 -38
- package/dist/types/src/app/components/tile-grid.d.ts +0 -17
- package/dist/types/src/app/components/time-input.d.ts +0 -24
- package/dist/types/src/app/components/toggle-button.d.ts +0 -32
- package/dist/types/src/app/components/token.d.ts +0 -90
- package/dist/types/src/app/components/tokenUtils.d.ts +0 -38
- package/dist/types/src/app/components/tokenizer.d.ts +0 -24
- package/dist/types/src/app/components/toolbar.d.ts +0 -36
- package/dist/types/src/app/components/top-nav.d.ts +0 -23
- package/dist/types/src/app/components/tree-list.d.ts +0 -30
- package/dist/types/src/app/data/nav-model.d.ts +0 -39
- package/dist/types/src/app/hooks/useFocusVisible.d.ts +0 -9
- package/dist/types/src/app/layouts/CaseStudyLayout.d.ts +0 -20
- package/dist/types/src/app/layouts/DocLayout.d.ts +0 -14
- package/dist/types/src/app/layouts/EmbeddedDocLayoutContext.d.ts +0 -6
- package/dist/types/src/app/layouts/HdsDocsShell.d.ts +0 -72
- package/dist/types/src/app/layouts/HdsSystemDocLayout.d.ts +0 -14
- package/dist/types/src/app/lib/hds-search.d.ts +0 -45
- package/dist/types/src/app/lib/nav-active.d.ts +0 -16
- package/dist/types/src/app/lib/navLevels.d.ts +0 -4
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Sketch — shared shell for generative canvases and WebGL sketches.
|
|
3
|
-
* @category Layout
|
|
4
|
-
* @tier pattern
|
|
5
|
-
*/
|
|
6
|
-
import type { ReactNode } from 'react';
|
|
7
|
-
/** @public */
|
|
8
|
-
export interface SketchProps {
|
|
9
|
-
title: string;
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
controls?: ReactNode;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Sketch — shared shell for generative canvases and WebGL sketches.
|
|
15
|
-
*
|
|
16
|
-
* @deprecated Sketch is an HDS docs/lab internal (shell for generative canvas/WebGL specimen pages), not a consumer-facing HDS surface. It will be retiered to `utility` (dropped from the published barrel) at the named major.
|
|
17
|
-
* @removeIn 1.0.0
|
|
18
|
-
*/
|
|
19
|
-
export declare function Sketch({ title, children, controls }: SketchProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* StackedCardRail — horizontally-scrolling stacked card carousel.
|
|
3
|
-
*
|
|
4
|
-
* Scroll mechanism: vertical scroll on an absolutely-positioned inner container
|
|
5
|
-
* is mapped to horizontal scroll on a sticky inner strip via a single scroll
|
|
6
|
-
* event listener. Cards use CSS scroll-driven animation (animation-timeline:
|
|
7
|
-
* view(x …)) for the stack/unstack effect where the browser supports it;
|
|
8
|
-
* a plain horizontal rail is the graceful fallback.
|
|
9
|
-
*
|
|
10
|
-
* Browser compat note:
|
|
11
|
-
* - animation-timeline: view() — Chrome 115+, Firefox 110+ (behind flag until
|
|
12
|
-
* v114), Safari 18+ (TP only as of 2025). The @supports guard ensures the
|
|
13
|
-
* stacking animation is only applied when the feature is available; all other
|
|
14
|
-
* browsers get a clean scrollable row.
|
|
15
|
-
* - :has() selector (neighbour shift on hover) — Chrome 105+, FF 121+, Safari 15.4+.
|
|
16
|
-
* Gated with @supports selector(:has(+ *)).
|
|
17
|
-
*
|
|
18
|
-
* @category Display
|
|
19
|
-
* @tier pattern
|
|
20
|
-
*/
|
|
21
|
-
export interface StackedCardRailCard {
|
|
22
|
-
id: string;
|
|
23
|
-
title: string;
|
|
24
|
-
category?: string;
|
|
25
|
-
coverImage?: string;
|
|
26
|
-
href?: string;
|
|
27
|
-
}
|
|
28
|
-
export interface StackedCardRailProps {
|
|
29
|
-
cards: StackedCardRailCard[];
|
|
30
|
-
}
|
|
31
|
-
export declare function StackedCardRail({ cards }: StackedCardRailProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export default StackedCardRail;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* StatusDot — compact solid status indicator dot.
|
|
3
|
-
* @category Feedback
|
|
4
|
-
* @tier primitive
|
|
5
|
-
*/
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
8
|
-
declare const statusDotVariants: (props?: ({
|
|
9
|
-
tone?: "success" | "danger" | "warning" | "info" | "neutral" | "inProgress" | null | undefined;
|
|
10
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
11
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
12
|
-
type StatusDotVariantProps = VariantProps<typeof statusDotVariants>;
|
|
13
|
-
/** @public */
|
|
14
|
-
export interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, StatusDotVariantProps {
|
|
15
|
-
/**
|
|
16
|
-
* Accessible name for the status. When provided the dot is exposed as a
|
|
17
|
-
* `role="status"` with this label; when omitted the dot is decorative
|
|
18
|
-
* (`aria-hidden`) and a sibling should carry the meaning.
|
|
19
|
-
*/
|
|
20
|
-
label?: string;
|
|
21
|
-
}
|
|
22
|
-
/** A small solid dot conveying a semantic status via `tone`. */
|
|
23
|
-
export declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
|
|
24
|
-
/** @internal — CVA variant helper; compose via StatusDot props instead. */
|
|
25
|
-
export { statusDotVariants };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export interface StepperFieldProps {
|
|
2
|
-
label: string;
|
|
3
|
-
value: number;
|
|
4
|
-
min: number;
|
|
5
|
-
max: number;
|
|
6
|
-
step: number;
|
|
7
|
-
onChange: (value: number) => void;
|
|
8
|
-
inputStep?: number;
|
|
9
|
-
precision?: number;
|
|
10
|
-
}
|
|
11
|
-
/** @public */
|
|
12
|
-
export declare function StepperField({ label, value, min, max, step, onChange, inputStep, precision, }: StepperFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Stepper - horizontal or vertical step indicator for multi-step wizard and
|
|
3
|
-
* checkout flows, marking each step as complete, current, or upcoming.
|
|
4
|
-
* @category Navigation
|
|
5
|
-
* @tier pattern
|
|
6
|
-
*/
|
|
7
|
-
import * as React from 'react';
|
|
8
|
-
/** @internal */
|
|
9
|
-
declare const stepMarkerVariants: (props?: ({
|
|
10
|
-
state?: "current" | "complete" | "upcoming" | null | undefined;
|
|
11
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
12
|
-
/** @public */
|
|
13
|
-
export interface Step {
|
|
14
|
-
/** Visible label for the step. */
|
|
15
|
-
label: React.ReactNode;
|
|
16
|
-
/** Optional supporting copy shown under the label. */
|
|
17
|
-
description?: React.ReactNode;
|
|
18
|
-
}
|
|
19
|
-
/** @public */
|
|
20
|
-
export interface StepperProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
21
|
-
/** Ordered steps from first to last. */
|
|
22
|
-
steps: Step[];
|
|
23
|
-
/** 0-based index of the current step. */
|
|
24
|
-
activeStep: number;
|
|
25
|
-
/** Layout direction. Defaults to 'horizontal'. */
|
|
26
|
-
orientation?: 'horizontal' | 'vertical';
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Step indicator for multi-step flows. Purely presentational — no navigation.
|
|
30
|
-
*/
|
|
31
|
-
export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLOListElement>>;
|
|
32
|
-
/** @internal — CVA variant helper; compose via Stepper's internal state instead. */
|
|
33
|
-
export { stepMarkerVariants };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* TextLockup - governed title-and-description pairing primitive.
|
|
3
|
-
* @category Display
|
|
4
|
-
* @tier pattern
|
|
5
|
-
* @ai-intent Solves recurring heading, eyebrow, and supporting-copy composition with predefined typographic pairings so agents can express hierarchy without manually tuning text stacks.
|
|
6
|
-
* @ai-rules Use TextLockup when content is a semantic title lockup with optional eyebrow and supporting text. Do NOT use TextLockup for arbitrary prose groups, data tables, or freeform mixed layouts. Do NOT restyle the internal type pairing with custom heading stacks when an existing size already fits. Do NOT use TextLockup to replace standalone body text or labels that do not form a title-description unit.
|
|
7
|
-
*/
|
|
8
|
-
import { type ElementType, type ReactNode } from 'react';
|
|
9
|
-
type TextLockupSize = 'hero' | 'heroXl' | 'section' | 'metric' | 'detail' | 'numbered';
|
|
10
|
-
type TextLockupAlign = 'left' | 'center';
|
|
11
|
-
type TextLockupTitleTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
|
|
12
|
-
type TextLockupDescriptionTag = 'div' | 'p' | 'span';
|
|
13
|
-
/** @public */
|
|
14
|
-
export type TextLockupProps = {
|
|
15
|
-
/** Primary heading copy rendered by the lockup. */
|
|
16
|
-
title: string;
|
|
17
|
-
/** Supporting body copy paired with the title. */
|
|
18
|
-
description?: ReactNode;
|
|
19
|
-
/** Optional overline or category cue displayed above the title. */
|
|
20
|
-
eyebrow?: string;
|
|
21
|
-
/** Preset controlling title and body type pairing. */
|
|
22
|
-
size: TextLockupSize;
|
|
23
|
-
/** Horizontal alignment for the text pair. */
|
|
24
|
-
align?: TextLockupAlign;
|
|
25
|
-
/**
|
|
26
|
-
* When provided on the `numbered` size, renders a copy-anchor action
|
|
27
|
-
* next to the title on hover. Should match the section's DOM id.
|
|
28
|
-
*/
|
|
29
|
-
id?: string;
|
|
30
|
-
/** Override the semantic wrapper while preserving the governed layout styles. */
|
|
31
|
-
as?: ElementType;
|
|
32
|
-
/** Override the title tag without altering the visual type ramp. */
|
|
33
|
-
titleAs?: TextLockupTitleTag;
|
|
34
|
-
/** Override the description tag without altering the visual type ramp. */
|
|
35
|
-
descriptionAs?: TextLockupDescriptionTag;
|
|
36
|
-
};
|
|
37
|
-
export declare const TextLockup: import("react").ForwardRefExoticComponent<TextLockupProps & import("react").RefAttributes<HTMLElement>>;
|
|
38
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @category Layout
|
|
3
|
-
* @tier primitive
|
|
4
|
-
*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
/** @public */
|
|
7
|
-
export interface TileGridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
-
/** Minimum tile width before the grid wraps. Defaults to 260px. */
|
|
9
|
-
minTileWidth?: string;
|
|
10
|
-
/** Gap token between tiles. Defaults to 'sm' (12px). */
|
|
11
|
-
gap?: 'xs' | 'sm' | 'md';
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Auto-fill responsive grid for status/micro tiles. Wraps tile children in a
|
|
15
|
-
* one-line grid declaration so pages don't repeat the auto-fill minmax recipe.
|
|
16
|
-
*/
|
|
17
|
-
export declare const TileGrid: React.ForwardRefExoticComponent<TileGridProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* TimeInput — token-skinned time field on a native <input type="time">.
|
|
3
|
-
* @category Inputs
|
|
4
|
-
* @tier primitive
|
|
5
|
-
* @public
|
|
6
|
-
*
|
|
7
|
-
* The time-only member of the date/time family (ADR-020). It deliberately does
|
|
8
|
-
* NOT pull in the calendar dependency — a native `<input type="time">` gives the
|
|
9
|
-
* platform time picker, keyboard entry, and locale formatting for free, skinned
|
|
10
|
-
* with the same chrome as `Input`.
|
|
11
|
-
*/
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
14
|
-
declare const hdsTimeInputVariants: (props?: ({
|
|
15
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
16
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
17
|
-
type TimeInputVariantProps = VariantProps<typeof hdsTimeInputVariants>;
|
|
18
|
-
/** @public */
|
|
19
|
-
export interface TimeInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>, TimeInputVariantProps {
|
|
20
|
-
}
|
|
21
|
-
/** A native time field skinned with HDS input chrome. Value is a `HH:mm` string. */
|
|
22
|
-
export declare const TimeInput: React.ForwardRefExoticComponent<TimeInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
23
|
-
/** @internal — CVA variant helper; compose via TimeInput props instead. */
|
|
24
|
-
export { hdsTimeInputVariants };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ToggleButton — a two-state (on/off) pressable button on Radix Toggle.
|
|
3
|
-
* @category Actions
|
|
4
|
-
* @tier primitive
|
|
5
|
-
*
|
|
6
|
-
* Radix Toggle (@radix-ui/react-toggle) themed as a button-shaped control with
|
|
7
|
-
* a native aria-pressed contract, keyboard support, and data-[state=on] active
|
|
8
|
-
* styling. Use for a single independent toggle (bold, mute, pin); for a set of
|
|
9
|
-
* mutually-related toggles reach for the segmented control instead.
|
|
10
|
-
*
|
|
11
|
-
* <ToggleButton aria-label="Bold" pressed={bold} onPressedChange={setBold}>
|
|
12
|
-
* <Bold />
|
|
13
|
-
* </ToggleButton>
|
|
14
|
-
*/
|
|
15
|
-
import * as React from 'react';
|
|
16
|
-
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
17
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
18
|
-
declare const hdsToggleButtonVariants: (props?: ({
|
|
19
|
-
variant?: "secondary" | "ghost" | null | undefined;
|
|
20
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
21
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
22
|
-
type ToggleButtonVariantProps = VariantProps<typeof hdsToggleButtonVariants>;
|
|
23
|
-
/** @public */
|
|
24
|
-
export interface ToggleButtonProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, ToggleButtonVariantProps {
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* A single two-state toggle button exposing a native `aria-pressed` contract —
|
|
28
|
-
* use for one independent on/off control such as bold, mute, or pin.
|
|
29
|
-
*/
|
|
30
|
-
export declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
31
|
-
/** @internal — CVA variant helper; compose via ToggleButton props instead. */
|
|
32
|
-
export { hdsToggleButtonVariants };
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Token - reflective token specimen for unified node-based token views.
|
|
3
|
-
* @category Display
|
|
4
|
-
* @tier primitive
|
|
5
|
-
*
|
|
6
|
-
* The `variant` axis (node | diagram — diagram is a deprecated alias that
|
|
7
|
-
* resolves to the same node treatment) plus the `selected` / `fullWidth` /
|
|
8
|
-
* `asButton` / `nowrap` / `sourceNode` states used to be a
|
|
9
|
-
* Token.module.css `[data-*]` attribute stylesheet, with a duplicate
|
|
10
|
-
* `isSelected` branch re-painted inline on top of it. Both now live as one
|
|
11
|
-
* `cva` variant set — same `--semantic-*`/`--component-*`/`--primitive-*`
|
|
12
|
-
* custom properties, same pixels, no CSS module.
|
|
13
|
-
*/
|
|
14
|
-
import React from 'react';
|
|
15
|
-
declare const tokenShellVariants: (props?: ({
|
|
16
|
-
variant?: "node" | "diagram" | null | undefined;
|
|
17
|
-
sourceNode?: boolean | null | undefined;
|
|
18
|
-
selected?: boolean | null | undefined;
|
|
19
|
-
fullWidth?: boolean | null | undefined;
|
|
20
|
-
asButton?: boolean | null | undefined;
|
|
21
|
-
nowrap?: boolean | null | undefined;
|
|
22
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
23
|
-
declare const tokenNodeInlineVariants: (props?: ({
|
|
24
|
-
sourceNode?: boolean | null | undefined;
|
|
25
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
26
|
-
declare const tokenLabelVariants: (props?: ({
|
|
27
|
-
sourceNode?: boolean | null | undefined;
|
|
28
|
-
truncateFromStart?: boolean | null | undefined;
|
|
29
|
-
selected?: boolean | null | undefined;
|
|
30
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
31
|
-
type TokenBaseProps = {
|
|
32
|
-
className?: string;
|
|
33
|
-
fullWidth?: boolean;
|
|
34
|
-
nowrap?: boolean;
|
|
35
|
-
isSourceNode?: boolean;
|
|
36
|
-
pathDisplayMode?: 'full' | 'compressed';
|
|
37
|
-
pathDisplayDepth?: number;
|
|
38
|
-
pathDisplayLeadingDot?: boolean;
|
|
39
|
-
nodeRef?: (el: HTMLElement | null) => void;
|
|
40
|
-
'aria-label'?: string;
|
|
41
|
-
/** When true, overflow ellipsis appears at the start (left) instead of the end. */
|
|
42
|
-
truncateFromStart?: boolean;
|
|
43
|
-
};
|
|
44
|
-
type TokenNodeSurfaceProps = TokenBaseProps & {
|
|
45
|
-
variant?: 'node';
|
|
46
|
-
children: React.ReactNode;
|
|
47
|
-
/** Optional explicit token path for deep-linking node instances. Falls back to children when omitted. */
|
|
48
|
-
tokenPath?: string;
|
|
49
|
-
isSelected?: boolean;
|
|
50
|
-
onClick?: () => void;
|
|
51
|
-
swatchVar?: string;
|
|
52
|
-
/** Optional left-side slot for compact node content, e.g. curve previews. */
|
|
53
|
-
leadingSlot?: React.ReactNode;
|
|
54
|
-
};
|
|
55
|
-
/**
|
|
56
|
-
* @deprecated `variant="diagram"` is a compatibility alias that resolves to the
|
|
57
|
-
* canonical `variant="node"` treatment; its diagram-only props (value,
|
|
58
|
-
* accentColor, description, rawValue) are no longer rendered. Migrate to
|
|
59
|
-
* `variant="node"`.
|
|
60
|
-
* @removeIn 1.0.0
|
|
61
|
-
*/
|
|
62
|
-
type TokenDiagramProps = TokenBaseProps & {
|
|
63
|
-
variant: 'diagram';
|
|
64
|
-
label: string;
|
|
65
|
-
value: string;
|
|
66
|
-
accentColor: string;
|
|
67
|
-
swatchVar?: string;
|
|
68
|
-
description?: React.ReactNode;
|
|
69
|
-
rawValue?: React.ReactNode;
|
|
70
|
-
onClick?: () => void;
|
|
71
|
-
};
|
|
72
|
-
export type TokenProps = TokenNodeSurfaceProps | TokenDiagramProps;
|
|
73
|
-
/**
|
|
74
|
-
* Token - unified token component.
|
|
75
|
-
*
|
|
76
|
-
* variant="node" renders the canonical token surface.
|
|
77
|
-
* variant="diagram" is a DEPRECATED compatibility alias (see TokenDiagramProps;
|
|
78
|
-
* @removeIn 1.0.0) that now resolves to the same node treatment.
|
|
79
|
-
* Node content can use a left-side slot for swatches or other compact previews.
|
|
80
|
-
*/
|
|
81
|
-
/**
|
|
82
|
-
* Token - reflective token specimen for unified node-based token views. The `variant` axis (node | diagram — diagram is a deprecated alias that resolves to the same node treatment) plus the `selected` / `fullWidth` / `asButton` / `nowrap` / `sourceNode` states used to be a Token.module.css `[data-*]` attribute stylesheet, with a duplicate `isSelected` branch re-painted inline on top of it. Both now live as one `cva` variant set — same `--semantic-*`/`--component-*`/`--primitive-*` custom properties, same pixels, no CSS module.
|
|
83
|
-
*
|
|
84
|
-
* @public
|
|
85
|
-
* @deprecated Token is an HDS docs/lab internal (reflective token specimen for the token/foundation doc pages), not a consumer-facing HDS surface. It will be retiered to `utility` (dropped from the published barrel) at the named major.
|
|
86
|
-
* @removeIn 1.0.0
|
|
87
|
-
*/
|
|
88
|
-
export declare function Token(props: TokenProps): import("react/jsx-runtime").JSX.Element;
|
|
89
|
-
/** @internal — CVA variant helpers; compose via Token props instead. */
|
|
90
|
-
export { tokenShellVariants, tokenNodeInlineVariants, tokenLabelVariants };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* tokenUtils — flatten hirobius.tokens.json into a searchable list
|
|
3
|
-
* and trace alias chains through the three-tier hierarchy.
|
|
4
|
-
*/
|
|
5
|
-
export type Tier = 'primitive' | 'semantic' | 'component';
|
|
6
|
-
export interface FlatToken {
|
|
7
|
-
path: string;
|
|
8
|
-
cssVar: string;
|
|
9
|
-
tier: Tier;
|
|
10
|
-
type: string;
|
|
11
|
-
category: string;
|
|
12
|
-
rawValue: unknown;
|
|
13
|
-
isAlias: boolean;
|
|
14
|
-
description?: string;
|
|
15
|
-
lightAlias?: string | number;
|
|
16
|
-
darkAlias?: string | number;
|
|
17
|
-
composite?: Record<string, unknown>;
|
|
18
|
-
}
|
|
19
|
-
export declare function formatCategoryLabel(category: string): string;
|
|
20
|
-
export declare const allTokens: FlatToken[];
|
|
21
|
-
export declare function getTokensByTier(tier: Tier): FlatToken[];
|
|
22
|
-
export declare function getTierCategories(tier: Tier): string[];
|
|
23
|
-
export declare function formatTokenValue(rawValue: unknown): string;
|
|
24
|
-
/** Follow a token reference string to its FlatToken. Returns null if not found. */
|
|
25
|
-
export declare function resolveAlias(ref: unknown): FlatToken | null;
|
|
26
|
-
/**
|
|
27
|
-
* Resolves a token reference to a CSS variable string.
|
|
28
|
-
* Returns the original string when no token is found so callers can fail safely.
|
|
29
|
-
*/
|
|
30
|
-
export declare function resolveAliasCssVar(ref: unknown): string;
|
|
31
|
-
/**
|
|
32
|
-
* Resolves a token reference to its concrete authored value.
|
|
33
|
-
* Useful for contrast math and other places that need literal colors,
|
|
34
|
-
* while the UI may still consume CSS vars end-to-end.
|
|
35
|
-
*/
|
|
36
|
-
export declare function resolveTokenLiteralValue(ref: unknown, mode?: 'light' | 'dark', depth?: number): string | null;
|
|
37
|
-
/** Group a flat token list by category (second segment). */
|
|
38
|
-
export declare function groupByCategory(tokens: FlatToken[]): Record<string, FlatToken[]>;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Tokenizer — free-text token/chip input where committed entries render as
|
|
3
|
-
* removable Tag chips ahead of the live text field. Enter commits the typed
|
|
4
|
-
* draft as a new token; Backspace on an empty draft removes the trailing one.
|
|
5
|
-
* @category Inputs
|
|
6
|
-
* @tier pattern
|
|
7
|
-
* @public
|
|
8
|
-
*/
|
|
9
|
-
import * as React from 'react';
|
|
10
|
-
/** @public */
|
|
11
|
-
export interface TokenizerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
|
|
12
|
-
/** Committed tokens rendered as chips. */
|
|
13
|
-
value: string[];
|
|
14
|
-
/** Called with the next token list whenever tokens are added or removed. */
|
|
15
|
-
onChange: (next: string[]) => void;
|
|
16
|
-
/** Placeholder shown in the trailing text field when empty. */
|
|
17
|
-
placeholder?: string;
|
|
18
|
-
/** Disable the field and all token interactions. */
|
|
19
|
-
disabled?: boolean;
|
|
20
|
-
/** Class hook for the outer wrapper. */
|
|
21
|
-
className?: string;
|
|
22
|
-
}
|
|
23
|
-
/** A bordered field of Tag chips followed by a text input for adding more. */
|
|
24
|
-
export declare const Tokenizer: React.ForwardRefExoticComponent<TokenizerProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Toolbar — horizontal container that groups related controls (buttons,
|
|
3
|
-
* toggles, separators) with a single roving tab-stop, built on Radix Toolbar.
|
|
4
|
-
* @category Actions
|
|
5
|
-
* @tier pattern
|
|
6
|
-
* @public
|
|
7
|
-
*
|
|
8
|
-
* <Toolbar aria-label="Formatting">
|
|
9
|
-
* <Toolbar.ToggleGroup type="single">
|
|
10
|
-
* <Toolbar.ToggleItem value="bold">Bold</Toolbar.ToggleItem>
|
|
11
|
-
* </Toolbar.ToggleGroup>
|
|
12
|
-
* <Toolbar.Separator />
|
|
13
|
-
* <Toolbar.Button>Share</Toolbar.Button>
|
|
14
|
-
* </Toolbar>
|
|
15
|
-
*/
|
|
16
|
-
import * as React from 'react';
|
|
17
|
-
import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
|
|
18
|
-
declare const ToolbarButton: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
-
declare const ToolbarSeparator: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
declare const ToolbarToggleGroup: React.ForwardRefExoticComponent<(Omit<ToolbarPrimitive.ToolbarToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToolbarPrimitive.ToolbarToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
-
declare const ToolbarToggleItem: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
-
declare const ToolbarLink: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
23
|
-
export interface ToolbarComponent extends React.FC<React.ComponentProps<typeof ToolbarPrimitive.Root>> {
|
|
24
|
-
Button: typeof ToolbarButton;
|
|
25
|
-
Separator: typeof ToolbarSeparator;
|
|
26
|
-
ToggleGroup: typeof ToolbarToggleGroup;
|
|
27
|
-
ToggleItem: typeof ToolbarToggleItem;
|
|
28
|
-
Link: typeof ToolbarLink;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* Toolbar root. Groups related controls with a single roving tab-stop.
|
|
32
|
-
* Supports the native `orientation` prop (`horizontal` | `vertical`).
|
|
33
|
-
* @public
|
|
34
|
-
*/
|
|
35
|
-
export declare const Toolbar: ToolbarComponent;
|
|
36
|
-
export {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* TopNav — top-of-page navigation bar with brand, nav links, and trailing
|
|
3
|
-
* actions rendered as a semantic <header> row, optionally sticky to the top.
|
|
4
|
-
* @category Navigation
|
|
5
|
-
* @tier pattern
|
|
6
|
-
* @public
|
|
7
|
-
*/
|
|
8
|
-
import * as React from 'react';
|
|
9
|
-
/** @public */
|
|
10
|
-
export interface TopNavProps extends React.HTMLAttributes<HTMLElement> {
|
|
11
|
-
/** Leading brand slot (e.g. logo/wordmark). */
|
|
12
|
-
brand?: React.ReactNode;
|
|
13
|
-
/** Nav links, placed left after the brand and wrapped in a <nav>. */
|
|
14
|
-
children?: React.ReactNode;
|
|
15
|
-
/** Trailing actions, pushed to the far right. */
|
|
16
|
-
trailing?: React.ReactNode;
|
|
17
|
-
/** Pins the bar to the top of its scroll container. */
|
|
18
|
-
sticky?: boolean;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Top navigation bar with brand, nav, and trailing action slots.
|
|
22
|
-
*/
|
|
23
|
-
export declare const TopNav: React.ForwardRefExoticComponent<TopNavProps & React.RefAttributes<HTMLElement>>;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* TreeList - a hierarchical, expandable list with correct tree ARIA semantics
|
|
3
|
-
* for browsing nested navigation, file, or content structures.
|
|
4
|
-
* @category Navigation
|
|
5
|
-
* @tier pattern
|
|
6
|
-
* @public
|
|
7
|
-
*/
|
|
8
|
-
import * as React from 'react';
|
|
9
|
-
/** @public */
|
|
10
|
-
export interface TreeNode {
|
|
11
|
-
/** Stable identifier for the node, passed to `onSelect` when its label is clicked. */
|
|
12
|
-
id: string;
|
|
13
|
-
/** Rendered label content for the node's row. */
|
|
14
|
-
label: React.ReactNode;
|
|
15
|
-
/** Nested child nodes. A non-empty array renders a toggle and a nested group. */
|
|
16
|
-
children?: TreeNode[];
|
|
17
|
-
}
|
|
18
|
-
/** @public */
|
|
19
|
-
export interface TreeListProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {
|
|
20
|
-
/** Root-level nodes to render. */
|
|
21
|
-
items: TreeNode[];
|
|
22
|
-
/** Node ids expanded on mount. */
|
|
23
|
-
defaultExpandedIds?: string[];
|
|
24
|
-
/** Called with a node's id when its label row is clicked. */
|
|
25
|
-
onSelect?: (id: string) => void;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Renders a hierarchical `role="tree"` list; nodes with children get an expand/collapse toggle.
|
|
29
|
-
*/
|
|
30
|
-
export declare const TreeList: React.ForwardRefExoticComponent<TreeListProps & React.RefAttributes<HTMLUListElement>>;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/** Per-page navigation metadata a docs page module exports (Phase 2 target). */
|
|
2
|
-
export interface HdsPageMeta {
|
|
3
|
-
/** Canonical, root-relative route (no `/hds/` prefix). */
|
|
4
|
-
path: string;
|
|
5
|
-
/** Human label shown in the sidebar / search / breadcrumb. */
|
|
6
|
-
title: string;
|
|
7
|
-
/** Sidebar section heading this page groups under. */
|
|
8
|
-
section: string;
|
|
9
|
-
/** Sort order within the section. */
|
|
10
|
-
order: number;
|
|
11
|
-
/** Short description — used by the Cmd-K search corpus. */
|
|
12
|
-
description?: string;
|
|
13
|
-
/** Lifecycle status — drives a metadata slot, never a decorative badge. */
|
|
14
|
-
status?: 'stable' | 'beta' | 'draft' | 'internal';
|
|
15
|
-
}
|
|
16
|
-
/** A single sidebar link in the derived model. */
|
|
17
|
-
export interface NavLink {
|
|
18
|
-
path: string;
|
|
19
|
-
label: string;
|
|
20
|
-
/** Short description — surfaced by the Cmd-K search corpus (not the sidebar). */
|
|
21
|
-
description?: string;
|
|
22
|
-
/** Match this route exactly (not by prefix) for active state. */
|
|
23
|
-
exact?: boolean;
|
|
24
|
-
/** Render with sub-item indentation. */
|
|
25
|
-
indent?: boolean;
|
|
26
|
-
}
|
|
27
|
-
/** A labelled group of sidebar links. */
|
|
28
|
-
export interface NavSection {
|
|
29
|
-
label: string;
|
|
30
|
-
items: NavLink[];
|
|
31
|
-
}
|
|
32
|
-
/** The full derived navigation model. */
|
|
33
|
-
export interface NavModel {
|
|
34
|
-
/** Generator provenance marker. */
|
|
35
|
-
$generated?: string;
|
|
36
|
-
sections: NavSection[];
|
|
37
|
-
}
|
|
38
|
-
/** The generated docs navigation model (see `scripts/generate-nav-model.mjs`). */
|
|
39
|
-
export declare const navModel: NavModel;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export interface FocusVisibleState {
|
|
2
|
-
/** True when the current focus should render a visible focus ring. */
|
|
3
|
-
isFocusVisible: boolean;
|
|
4
|
-
/** Call from `onFocus`, passing the focused element. */
|
|
5
|
-
onFocus: (target: Element) => void;
|
|
6
|
-
/** Call from `onBlur` / `onPointerDown` to drop the focus ring. */
|
|
7
|
-
clearFocusVisible: () => void;
|
|
8
|
-
}
|
|
9
|
-
export declare function useFocusVisible(): FocusVisibleState;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* CaseStudyLayout — macro-layout skeleton for portfolio case study pages.
|
|
3
|
-
* @category Layout
|
|
4
|
-
*
|
|
5
|
-
* Invisible structure only. No Surface, no decorative chrome.
|
|
6
|
-
* Slot anatomy:
|
|
7
|
-
* heroSlot → full-width (maxWidth="max") — hero image + headline
|
|
8
|
-
* introSlot → prose-width (maxWidth="content") — narrative, Brief/Problem/Solution
|
|
9
|
-
* metricsSlot → full-width (maxWidth="max") — KPI or summary cards (optional)
|
|
10
|
-
* contentSlot → full-width (maxWidth="max") — chapters, galleries, learnings
|
|
11
|
-
*/
|
|
12
|
-
import type { ReactNode } from 'react';
|
|
13
|
-
export interface CaseStudyLayoutProps {
|
|
14
|
-
heroSlot: ReactNode;
|
|
15
|
-
introSlot: ReactNode;
|
|
16
|
-
metricsSlot?: ReactNode;
|
|
17
|
-
contentSlot: ReactNode;
|
|
18
|
-
}
|
|
19
|
-
/** @public */
|
|
20
|
-
export declare function CaseStudyLayout({ heroSlot, introSlot, metricsSlot, contentSlot, }: CaseStudyLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
2
|
-
declare const DOC_LAYOUT_CONTENT_WIDTHS: {
|
|
3
|
-
readonly content: "var(--semantic-layout-width-content)";
|
|
4
|
-
readonly max: "var(--semantic-layout-width-max)";
|
|
5
|
-
};
|
|
6
|
-
type DocLayoutMaxWidth = keyof typeof DOC_LAYOUT_CONTENT_WIDTHS;
|
|
7
|
-
export type DocLayoutContentMaxWidth = DocLayoutMaxWidth;
|
|
8
|
-
interface DocLayoutProps {
|
|
9
|
-
contentSlot: ReactNode;
|
|
10
|
-
bottomSlot?: ReactNode;
|
|
11
|
-
contentMaxWidth?: DocLayoutContentMaxWidth;
|
|
12
|
-
}
|
|
13
|
-
export declare function DocLayout({ contentSlot, bottomSlot, contentMaxWidth, }: DocLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
2
|
-
export declare function EmbeddedDocLayoutProvider({ bottomSlot, children, }: {
|
|
3
|
-
bottomSlot: ReactNode | null;
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare function useEmbeddedDocLayoutBottomSlot(): ReactNode;
|