@ostack.tech/ui 0.1.0

package/dist/types/components/FieldGroup/FieldGroupContext.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+/** Value of the field group context. */
+export interface FieldGroupContextValue {
+    setCodeId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setTitleId: React.Dispatch<React.SetStateAction<string | undefined>>;
+}
+/** Field group context. */
+export declare const FieldGroupContext: React.Context<FieldGroupContextValue | null>;
+/** Hook providing access to the field group context. */
+export declare function useFieldGroupContext(): FieldGroupContextValue;

package/dist/types/components/FieldGroup/FieldGroupHeader.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+/** Properties of the field group header component. */
+export interface FieldGroupHeaderProps extends React.ComponentPropsWithoutRef<"div"> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    /** Code associated with the field group. */
+    code?: React.ReactNode;
+    /** Text prefixed to the code to be announced by assistive technologies. */
+    visuallyHiddenCodePrefix?: React.ReactNode;
+    /** Properties to pass to the code element. */
+    codeProps?: React.ComponentPropsWithoutRef<"span">;
+}
+/** Component used to display the header of a field group. */
+export declare const FieldGroupHeader: React.ForwardRefExoticComponent<FieldGroupHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/FieldGroup/FieldGroupTitle.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { type HeadingLevel } from "../Heading";
+/** Properties of the field group title component. */
+export interface FieldGroupTitleProps extends React.ComponentPropsWithoutRef<"h2"> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    /**
+     * Heading level.
+     *
+     * @default 2
+     */
+    level?: HeadingLevel;
+}
+/** Component used to display the caption of a field group. */
+export declare const FieldGroupTitle: React.ForwardRefExoticComponent<FieldGroupTitleProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/types/components/FieldGroup/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./FieldGroup.tsx";
+export * from "./FieldGroupBody.tsx";
+export * from "./FieldGroupHeader.tsx";
+export * from "./FieldGroupTitle.tsx";

package/dist/types/components/Grid/Grid.d.ts

@@ -0,0 +1,90 @@
+import * as React from "react";
+import { type Responsive } from "../../utils/useResponsiveValues.ts";
+/** Size of a column. */
+export type GridColumnSize = number | "auto" | "content";
+/** Offset of a column. */
+export type GridOffsetSize = number | "auto";
+/** Properties of the grid component. */
+export interface GridProps extends React.ComponentPropsWithoutRef<"div"> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    /**
+     * Mark the component as a grid container that contains the grid items. `Grid`
+     * components are otherwise always items.
+     */
+    container?: boolean;
+    /**
+     * Number of columns of the grid.
+     *
+     * A responsive value may be provided to change the number of columns based on
+     * the current breakpoint.
+     *
+     * @default 12
+     */
+    columns?: Responsive<number>;
+    /**
+     * Gap between both rows and columns. When a number `n` is provided, each unit
+     * corresponds to `spacing(n)`.
+     *
+     * A responsive value may be provided to change the gap based on the current
+     * breakpoint.
+     *
+     * @default 5
+     */
+    gap?: Responsive<number | string>;
+    /**
+     * Gap between rows. When a number `n` is provided, each unit corresponds to
+     * `spacing(n)`.
+     *
+     * A responsive value may be provided to change the row gap based on the
+     * current breakpoint.
+     *
+     * @default gap
+     */
+    rowGap?: Responsive<number | string>;
+    /**
+     * Gap between columns. When a number `n` is provided, each unit corresponds
+     * to `spacing(n)`.
+     *
+     * A responsive value may be provided to change the column gap based on the
+     * current breakpoint.
+     *
+     * @default gap
+     */
+    columnGap?: Responsive<number | string>;
+    /** Column size (number of columns) at the `xs` breakpoint. */
+    xs?: GridColumnSize;
+    /** Offset size (number of columns) at the `xs` breakpoint. */
+    xsOffset?: GridOffsetSize;
+    /** Column size (number of columns) at the `sm` breakpoint. */
+    sm?: GridColumnSize;
+    /** Offset size (number of columns) at the `sm` breakpoint. */
+    smOffset?: GridOffsetSize;
+    /** Column size (number of columns) at the `md` breakpoint. */
+    md?: GridColumnSize;
+    /** Offset size (number of columns) at the `md` breakpoint. */
+    mdOffset?: GridOffsetSize;
+    /** Column size (number of columns) at the `lg` breakpoint. */
+    lg?: GridColumnSize;
+    /** Offset size (number of columns) at the `lg` breakpoint. */
+    lgOffset?: GridOffsetSize;
+    /** Column size (number of columns) at the `xl` breakpoint. */
+    xl?: GridColumnSize;
+    /** Offset size (number of columns) at the `xl` breakpoint. */
+    xlOffset?: GridOffsetSize;
+    /** Column size (number of columns) at the `xxl` breakpoint. */
+    xxl?: GridColumnSize;
+    /** Offset size (number of columns) at the `xxl` breakpoint. */
+    xxlOffset?: GridOffsetSize;
+}
+/**
+ * The `Grid` component is designed for creating layouts with a defined number
+ * of columns. It allows you to configure columns responsively by specifying
+ * different column spans for each child at various breakpoints, enabling
+ * flexible and adaptive designs across screen sizes.
+ */
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Grid/index.d.ts

@@ -0,0 +1 @@
+export * from "./Grid.tsx";

package/dist/types/components/Heading/Heading.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+/** Heading levels. */
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+/** Properties of the heading component. */
+export interface HeadingProps extends React.ComponentPropsWithoutRef<`h${HeadingLevel}`> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    /**
+     * Heading level. By default, if `asChild` is not provided, the level is used
+     * to determine which HTML element to render, so a level of `2` causes an
+     * `<h2>` element to be rendered.
+     *
+     * @default 2
+     */
+    level?: HeadingLevel;
+}
+/**
+ * Component used to render semantic HTML heading elements.
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * import { Heading } from "@ostack.tech/ui";
+ *
+ * function FavoriteBooksTitle() {
+ *   return <Heading>Favourite Books</Heading>;
+ * }
+ * ```
+ */
+export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/types/components/Heading/index.d.ts

@@ -0,0 +1 @@
+export * from "./Heading.tsx";

package/dist/types/components/HelperText/HelperText.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+/** Properties of the helper text component. */
+export interface HelperTextProps extends React.ComponentPropsWithoutRef<"div"> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+}
+/** Component used to provide helper text to a form control. */
+export declare const HelperText: React.ForwardRefExoticComponent<HelperTextProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/HelperText/index.d.ts

@@ -0,0 +1 @@
+export * from "./HelperText.tsx";

package/dist/types/components/Icon/Icon.d.ts

@@ -0,0 +1,57 @@
+import type { FlipProp, IconProp } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import * as React from "react";
+import { type AccentColor } from "../../utils/accent.ts";
+export type { IconProp } from "@fortawesome/fontawesome-svg-core";
+/** Possible sizes of an icon. */
+export type IconSize = "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+/** Possible colours of an icon. */
+export type IconColor = AccentColor;
+/** Properties of the icon component. */
+export interface IconProps extends Omit<React.ComponentPropsWithoutRef<typeof FontAwesomeIcon>, "icon" | "size" | "flip"> {
+    /** Icon to display. */
+    icon: IconProp;
+    /**
+     * Size of the icon. By default, the icon will be sized according to the
+     * current font size.
+     */
+    size?: IconSize;
+    /**
+     * Colour of the icon. By default, the icon will have the current font's
+     * colour.
+     */
+    color?: IconColor;
+    /**
+     * Optional accessible label for the icon.
+     *
+     * When provided, a visually hidden label is added so that assistive
+     * technologies correctly announce it.
+     */
+    label?: string;
+    flip?: boolean | FlipProp;
+}
+/**
+ * Icon component extending the FontAwesome's `FontAwesomeIcon` component.
+ *
+ * Properties supported by FontAwesome are also supported by this component. For
+ * more information on all supported properties, see [FontAwesome's React
+ * documentation](https://docs.fontawesome.com/v5/web/use-with/react).
+ *
+ * For a list of existing icons, consult:
+ * https://fontawesome.com/search?ic=free.
+ *
+ * For tree-shaking purposes, we recommend importing icons individually from
+ * their respective FontAwesome module.
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * import { faCat } from "@fortawesome/free-solid-svg-icons";
+ * import { Icon } from "@ostack.tech/ui";
+ *
+ * function CatIcon() {
+ *   return <Icon icon={faCat} />;
+ * }
+ * ```
+ */
+export declare const Icon: React.NamedExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/types/components/Icon/index.d.ts

@@ -0,0 +1 @@
+export * from "./Icon.tsx";

package/dist/types/components/IconButton/IconButton.d.ts

@@ -0,0 +1,101 @@
+import * as React from "react";
+import { type ButtonColor, type ButtonSize, type ButtonVariant } from "../Button";
+import { Icon, type IconProp } from "../Icon";
+import { Spinner } from "../Spinner";
+import { Tooltip } from "../Tooltip";
+/** Icon button variants. */
+export type IconButtonVariant = ButtonVariant;
+/** Icon button colours. */
+export type IconButtonColor = ButtonColor;
+/** Icon button sizes. */
+export type IconButtonSize = ButtonSize;
+/** Properties of the icon button component. */
+export interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<"button">, "children"> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    children?: React.ReactElement;
+    /**
+     * Icon button's variant.
+     *
+     * @default solid
+     */
+    variant?: IconButtonVariant;
+    /**
+     * Icon button's colour.
+     *
+     * @default neutral
+     */
+    color?: IconButtonColor;
+    /**
+     * Size of the icon button.
+     *
+     * @default md
+     */
+    size?: IconButtonSize;
+    /** Whether to display the icon button as a circle. */
+    circle?: boolean;
+    /** Font Awesome icon to show within the button. */
+    icon: IconProp | React.ReactElement;
+    /** Button label provided to the icon button as a tooltip. */
+    label: React.ReactNode;
+    /**
+     * Whether to display the button in "active" state.
+     *
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Whether to disable the button.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether to display the button in "loading" state.
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Whether the icon button should be enabled when `loading` is `true`.
+     *
+     * @default false
+     */
+    enabledWhenLoading?: boolean;
+    /** Properties to pass to the `Icon` component. */
+    iconProps?: Omit<React.ComponentPropsWithRef<typeof Icon>, "icon" | "label">;
+    /** Properties to pass to the `Spinner` component. */
+    spinnerProps?: React.ComponentPropsWithRef<typeof Spinner>;
+    /** Properties to pass to the `Tooltip` component. */
+    tooltipProps?: Omit<React.ComponentPropsWithRef<typeof Tooltip>, "content" | "children">;
+}
+/**
+ * The icon button component renders a button containing a single icon. Use it
+ * as appropriate, as an alternative to the `Button` component, to trigger
+ * actions or events, such as opening a dialog or submitting a form
+ *
+ * A `label` property, displayed as a tooltip, is required for screen-readers to
+ * give meaning to the button.
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * import { faRocket } from "@fortawesome/free-solid-svg-icons";
+ * import { IconButton } from "@ostack.tech/ui";
+ *
+ * function Launch() {
+ *   return (
+ *     <IconButton
+ *       icon={faRocket}
+ *       label="Launch rocket"
+ *       onClick={launchRocket}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/IconButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./IconButton.tsx";

package/dist/types/components/Input/Input.d.ts

@@ -0,0 +1,92 @@
+import * as React from "react";
+import { type ControlStatus, type ControlVariant } from "../../utils/control.ts";
+import { type Responsive } from "../../utils/useResponsiveValues.ts";
+import { CloseButton } from "../CloseButton";
+import { type ControlAddon } from "../ControlAddon";
+import { Spinner } from "../Spinner";
+/** Accepted values for "show clear button". */
+export type ShowClearButton = boolean | "auto";
+export interface InputProps extends Omit<React.ComponentPropsWithoutRef<"input">, "children">, InputPropsBase {
+}
+/** Properties of the input component. */
+export interface InputPropsBase {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    children?: React.ReactElement;
+    /**
+     * Input's style variant. Defaults to the default variant unless when
+     * rendering inside a table cell (in which it defaults to `"cell"`).
+     */
+    variant?: ControlVariant;
+    /** Sets the status of the input. */
+    status?: ControlStatus;
+    /** Input code. */
+    code?: React.ReactNode;
+    /**
+     * Adds a spinner to the input to indicate activity. Note that it doesn't
+     * automatically disable the input.
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /** Sets the input's text align. */
+    align?: Responsive<React.CSSProperties["textAlign"]>;
+    /** Input's start adornment. */
+    startAdornment?: React.ReactNode;
+    /** Input's end adornment. */
+    endAdornment?: React.ReactNode;
+    /**
+     * Whether to show a button to clear the input when it has content.
+     *
+     * @default false
+     */
+    showClearButton?: ShowClearButton;
+    /** Label of the clear button announced to assistive technologies. */
+    clearButtonLabel?: string;
+    /**
+     * Function called whenever the value changes.
+     *
+     * @param value New value.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Function called when the focus moves out of the control as a whole.
+     *
+     * This is useful when there is a need to know when the user stops interacting
+     * with the control.
+     */
+    onBlurToOutside?: (event: React.FocusEvent) => void;
+    /** Properties to pass to the root component. */
+    rootProps?: React.ComponentPropsWithRef<"div">;
+    /** Properties to pass to the code component. */
+    codeProps?: Omit<React.ComponentPropsWithRef<typeof ControlAddon>, "status">;
+    /** Properties to pass to the container component. */
+    containerProps?: React.ComponentPropsWithRef<"div">;
+    /** Properties to pass to the clear button component. */
+    clearButtonProps?: React.ComponentPropsWithRef<typeof CloseButton>;
+    /** Properties to pass to the spinner component. */
+    spinnerProps?: Omit<React.ComponentPropsWithRef<typeof Spinner>, "size">;
+}
+/**
+ * The input component is used to collect user input. It is built on top of the
+ * browser's [`<input>`
+ * element](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input).
+ *
+ * For accessibility purposes, inputs are usually included within a `Field`
+ * together with a `Label` and optionally `HelperText` and/or `Feedback`.
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * import { Input } from "@ostack.tech/ui";
+ *
+ * function Search() {
+ *   return <Input placeholder="Search…" />;
+ * }
+ * ```
+ */
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Input/InputWithContainerRef.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { Input, type InputProps } from "./Input.tsx";
+/**
+ * Utility input component whose `ref` is passed to the input's container. Use
+ * `inputRef` to provide the input's ref instead.
+ *
+ * This component is useful when using an input component as a trigger for
+ * popovers/menus, and we wish to align said popover/menu against the input's
+ * container (since popovers/menus align themselves based on the element
+ * referenced by their trigger).
+ */
+export declare const InputWithContainerRef: React.ForwardRefExoticComponent<InputProps & {
+    inputRef?: React.Ref<React.ComponentRef<typeof Input>>;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Input.tsx";
+export * from "./InputWithContainerRef.tsx";

package/dist/types/components/Keyboard/Keyboard.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+/** Properties of the keyboard component. */
+export interface KeyboardProps extends React.ComponentPropsWithoutRef<"kbd"> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+}
+/**
+ * Component used to show which key or combination of keys performs a given
+ * action.
+ */
+export declare const Keyboard: React.ForwardRefExoticComponent<KeyboardProps & React.RefAttributes<HTMLElement>>;

package/dist/types/components/Keyboard/index.d.ts

@@ -0,0 +1 @@
+export * from "./Keyboard.tsx";

package/dist/types/components/Label/Label.d.ts

@@ -0,0 +1,47 @@
+import { Label as LabelPrimitive } from "radix-ui";
+import * as React from "react";
+import { Icon } from "../Icon";
+import { IconButton } from "../IconButton";
+import { Popover, PopoverContent } from "../Popover";
+/** Properties of the label component. */
+export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+    /** Shows a "required" symbol next to the label. */
+    required?: boolean;
+    /** Optional helper text displayed as a popover triggered by an icon button. */
+    helperText?: React.ReactNode;
+    /** Label of the required icon announced to assistive technologies. */
+    requiredIconLabel?: string;
+    /** Label of the helper button announced to assistive technologies. */
+    helperButtonLabel?: string;
+    /** Properties to pass to the container element. */
+    containerProps?: React.ComponentPropsWithRef<"div">;
+    /** Properties to pass to the required icon container element. */
+    requiredIconContainerProps?: React.ComponentPropsWithRef<"span">;
+    /** Properties to pass to the required icon component. */
+    requiredIconProps?: Omit<React.ComponentPropsWithRef<typeof Icon>, "icon">;
+    /** Properties to pass to the helper button component. */
+    helperButtonProps?: Omit<React.ComponentPropsWithRef<typeof IconButton>, "icon">;
+    /** Properties to pass to the helper popover component. */
+    helperPopoverProps?: React.ComponentPropsWithRef<typeof Popover>;
+    /** Properties to pass to the helper popover content component. */
+    helperPopoverContentProps?: React.ComponentPropsWithRef<typeof PopoverContent>;
+}
+/**
+ * The `Label` component renders an accessible label which can be associated
+ * with form controls.
+ *
+ * It should typically be used within a `Field` component together with a
+ * control (`Input`, `Checkbox`, `Select`, _etc._), in which case the label will
+ * be automatically associated with its respective control.
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * import { Label } from "@ostack.tech/ui";
+ *
+ * function FullNameLabel() {
+ *   return <Label>Full name</Label>;
+ * }
+ * ```
+ */
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/types/components/Label/index.d.ts

@@ -0,0 +1 @@
+export * from "./Label.tsx";

package/dist/types/components/Link/Link.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { type AccentColor } from "../../utils/accent.ts";
+import { Icon, type IconProp } from "../Icon";
+/** Link variants. */
+export type LinkVariant = "default" | "alert";
+/** Link colours. */
+export type LinkColor = AccentColor;
+/** Properties of the link component. */
+export interface LinkProps extends React.ComponentPropsWithoutRef<"a"> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    /**
+     * Colour of the link.
+     *
+     * @default primary
+     */
+    color?: LinkColor;
+    /**
+     * Link variant. Defaults to `"default"`, unless when rendered within an
+     * `Alert`, in which case the `"alert"` variant is used.
+     *
+     * @default default
+     */
+    variant?: LinkVariant;
+    /**
+     * Marks this link as external, making it open in a new tab (it sets both
+     * `target="_blank"` and `rel="noopener noreferrer"`).
+     *
+     * If a `Referer` header should be included when navigating, then the `rel`
+     * attribute should be overriden to simply `rel="noopener"`.
+     */
+    external?: boolean;
+    /** Link icon. By default, only `external` links have an icon. */
+    icon?: IconProp | null;
+    /** Properties to pass to the icon component. */
+    iconProps?: Omit<React.ComponentPropsWithRef<typeof Icon>, "icon">;
+}
+/**
+ * The link component, with its `href` property, is used to create a hyperlink
+ * to web pages, files, email addresses, locations in the same page, or anything
+ * else a URL can address. It is built on top of the browser's [`<a>` (anchor)
+ * element](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/a).
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * import { Link } from "@ostack.tech/ui";
+ *
+ * function GoBackLink() {
+ *   return <Link href="../">Go back</Link>;
+ * }
+ * ```
+ */
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/types/components/Link/LinkContext.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { type LinkColor, type LinkVariant } from "./Link.tsx";
+/** Value of the link context. */
+export interface LinkContextValue {
+    /** Default colour that the link should use. */
+    defaultColor: LinkColor;
+    /** Default variant that the link should use. */
+    defaultVariant: LinkVariant;
+}
+/** Default value of the link context. */
+export declare const LINK_CONTEXT_DEFAULT_VALUE: LinkContextValue;
+/** Context for links. */
+export declare const LinkContext: React.Context<LinkContextValue>;
+/** Hook providing access to the link context. */
+export declare function useLinkContext(): LinkContextValue;

package/dist/types/components/Link/index.d.ts

@@ -0,0 +1 @@
+export * from "./Link.tsx";