@guardian/stand 0.0.73 → 0.0.74

package/dist/components/Tabs/styles.d.ts

@@ -3,15 +3,14 @@ import { ComponentTabs } from "../../styleD/build/typescript/component/tabs.js";
 import "./types.js";
 import { SerializedStyles } from "@emotion/react";
 //#region src/components/Tabs/styles.d.ts
-type TabsTheme = Prettify<ComponentTabs['tabs']>;
-type PartialTabsTheme = DeepPartial<TabsTheme>;
-type TabTheme = Prettify<ComponentTabs['tab']>;
-type PartialTabTheme = DeepPartial<TabTheme>;
-type TabListTheme = Prettify<ComponentTabs['tabList']>;
-type PartialTabListTheme = DeepPartial<TabListTheme>;
-type TabPanelsTheme = Prettify<ComponentTabs['tabPanels']>;
-type PartialTabPanelsTheme = DeepPartial<TabPanelsTheme>;
-type TabPanelTheme = Prettify<ComponentTabs['tabPanel']>;
-type PartialTabPanelTheme = DeepPartial<TabPanelTheme>;
-//#endregion
-export { PartialTabListTheme, PartialTabPanelTheme, PartialTabPanelsTheme, PartialTabTheme, PartialTabsTheme, TabListTheme, TabPanelTheme, TabPanelsTheme, TabTheme, TabsTheme };
+export type TabsTheme = Prettify<ComponentTabs['tabs']>;
+export type PartialTabsTheme = DeepPartial<TabsTheme>;
+export type TabTheme = Prettify<ComponentTabs['tab']>;
+export type PartialTabTheme = DeepPartial<TabTheme>;
+export type TabListTheme = Prettify<ComponentTabs['tabList']>;
+export type PartialTabListTheme = DeepPartial<TabListTheme>;
+export type TabPanelsTheme = Prettify<ComponentTabs['tabPanels']>;
+export type PartialTabPanelsTheme = DeepPartial<TabPanelsTheme>;
+export type TabPanelTheme = Prettify<ComponentTabs['tabPanel']>;
+export type PartialTabPanelTheme = DeepPartial<TabPanelTheme>;
+//#endregion

package/dist/components/TagPicker/Autocomplete.d.cts

@@ -5,11 +5,11 @@ import { ComponentAutocomplete } from "../../styleD/build/typescript/component/a
 import { SerializedStyles } from "@emotion/react";
 import { ReactElement, ReactNode } from "react";
 //#region src/components/TagPicker/Autocomplete.d.ts
-type AutocompleteOption = {
+export type AutocompleteOption = {
   id: number | string;
   name: string;
 };
-interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
+export interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
   /** `addSelection` - Function called when an option is picked from the dropdown */
   addSelection: (selection: T) => void;
   /** `loading` - Whether the component is loading options for the dropdown */
@@ -125,6 +125,5 @@ interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
  *
  * This is currently still in testing phase, so a production implementation is not yet available.
  */
-declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({ addSelection, loading, onTextInputChange, options, label, placeholder, disabled, value, 'data-testid': dataTestId, loadingIcon, theme, cssOverrides, addFirstOnEnter, symbol, icon }: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
-//#endregion
-export { Autocomplete, AutocompleteOption, AutocompleteProps };
+export declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({ addSelection, loading, onTextInputChange, options, label, placeholder, disabled, value, 'data-testid': dataTestId, loadingIcon, theme, cssOverrides, addFirstOnEnter, symbol, icon }: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/TagPicker/Autocomplete.d.ts

@@ -5,11 +5,11 @@ import { ComponentAutocomplete } from "../../styleD/build/typescript/component/a
 import { ReactElement, ReactNode } from "react";
 import { SerializedStyles } from "@emotion/react";
 //#region src/components/TagPicker/Autocomplete.d.ts
-type AutocompleteOption = {
+export type AutocompleteOption = {
   id: number | string;
   name: string;
 };
-interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
+export interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
   /** `addSelection` - Function called when an option is picked from the dropdown */
   addSelection: (selection: T) => void;
   /** `loading` - Whether the component is loading options for the dropdown */
@@ -125,6 +125,5 @@ interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
  *
  * This is currently still in testing phase, so a production implementation is not yet available.
  */
-declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({ addSelection, loading, onTextInputChange, options, label, placeholder, disabled, value, 'data-testid': dataTestId, loadingIcon, theme, cssOverrides, addFirstOnEnter, symbol, icon }: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
-//#endregion
-export { Autocomplete, AutocompleteOption, AutocompleteProps };
+export declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({ addSelection, loading, onTextInputChange, options, label, placeholder, disabled, value, 'data-testid': dataTestId, loadingIcon, theme, cssOverrides, addFirstOnEnter, symbol, icon }: AutocompleteProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/TagPicker/TagPicker.d.cts

@@ -9,7 +9,7 @@ import "../../TagPicker.cjs";
 import { SerializedStyles } from "@emotion/react";
 import { ReactElement, ReactNode } from "react";
 //#region src/components/TagPicker/TagPicker.d.ts
-type TagPickerProps<T extends TagRow = TagRow> = {
+export type TagPickerProps<T extends TagRow = TagRow> = {
   /** `addTag` - Function called when a tag is selected from the dropdown or proposal list */
   addTag: (tag: T) => void;
   /** `loading` - Whether the component is loading options for the dropdown */
@@ -87,6 +87,5 @@ type TagPickerProps<T extends TagRow = TagRow> = {
  *
  * This is currently still in testing phase, so a production implementation is not yet available.
  */
-declare function TagPicker<T extends TagRow = TagRow>({ addTag, loading, offline, onReorder, onSearch, options, proposedTags, readOnly, removeTag, retryConnection, tags, canRemove, filterRows, filterOptions, offlineBackupTags, highlightLeadingTag, searchPlaceholder, searchLabel, removeIcon, searchIcon, loadingIcon, showTagType, showTagSectionName, proposedTagsHeading, proposedTagsSubHeading, gripIcon, theme, tagTableTheme, proposedTagTableTheme, autoCompleteTheme, selectTheme, cssOverrides, testId }: TagPickerProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
-//#endregion
-export { TagPicker, TagPickerProps };
+export declare function TagPicker<T extends TagRow = TagRow>({ addTag, loading, offline, onReorder, onSearch, options, proposedTags, readOnly, removeTag, retryConnection, tags, canRemove, filterRows, filterOptions, offlineBackupTags, highlightLeadingTag, searchPlaceholder, searchLabel, removeIcon, searchIcon, loadingIcon, showTagType, showTagSectionName, proposedTagsHeading, proposedTagsSubHeading, gripIcon, theme, tagTableTheme, proposedTagTableTheme, autoCompleteTheme, selectTheme, cssOverrides, testId }: TagPickerProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/TagPicker/TagPicker.d.ts

@@ -9,7 +9,7 @@ import "../../TagPicker.js";
 import { ReactElement, ReactNode } from "react";
 import { SerializedStyles } from "@emotion/react";
 //#region src/components/TagPicker/TagPicker.d.ts
-type TagPickerProps<T extends TagRow = TagRow> = {
+export type TagPickerProps<T extends TagRow = TagRow> = {
   /** `addTag` - Function called when a tag is selected from the dropdown or proposal list */
   addTag: (tag: T) => void;
   /** `loading` - Whether the component is loading options for the dropdown */
@@ -87,6 +87,5 @@ type TagPickerProps<T extends TagRow = TagRow> = {
  *
  * This is currently still in testing phase, so a production implementation is not yet available.
  */
-declare function TagPicker<T extends TagRow = TagRow>({ addTag, loading, offline, onReorder, onSearch, options, proposedTags, readOnly, removeTag, retryConnection, tags, canRemove, filterRows, filterOptions, offlineBackupTags, highlightLeadingTag, searchPlaceholder, searchLabel, removeIcon, searchIcon, loadingIcon, showTagType, showTagSectionName, proposedTagsHeading, proposedTagsSubHeading, gripIcon, theme, tagTableTheme, proposedTagTableTheme, autoCompleteTheme, selectTheme, cssOverrides, testId }: TagPickerProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
-//#endregion
-export { TagPicker, TagPickerProps };
+export declare function TagPicker<T extends TagRow = TagRow>({ addTag, loading, offline, onReorder, onSearch, options, proposedTags, readOnly, removeTag, retryConnection, tags, canRemove, filterRows, filterOptions, offlineBackupTags, highlightLeadingTag, searchPlaceholder, searchLabel, removeIcon, searchIcon, loadingIcon, showTagType, showTagSectionName, proposedTagsHeading, proposedTagsSubHeading, gripIcon, theme, tagTableTheme, proposedTagTableTheme, autoCompleteTheme, selectTheme, cssOverrides, testId }: TagPickerProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/TagPicker/types.d.cts

@@ -1,15 +1,14 @@
 //#region src/components/TagPicker/types.d.ts
-type Tag = {
+export type Tag = {
   id: number;
   name: string;
 };
-type TagRow = Tag & {
+export type TagRow = Tag & {
   type: string;
   sectionName: string;
 };
-interface FilterOption {
+export interface FilterOption {
   label: string;
   filter: string;
 }
-//#endregion
-export { FilterOption, Tag, TagRow };
+//#endregion

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

@@ -1,15 +1,14 @@
 //#region src/components/TagPicker/types.d.ts
-type Tag = {
+export type Tag = {
   id: number;
   name: string;
 };
-type TagRow = Tag & {
+export type TagRow = Tag & {
   type: string;
   sectionName: string;
 };
-interface FilterOption {
+export interface FilterOption {
   label: string;
   filter: string;
 }
-//#endregion
-export { FilterOption, Tag, TagRow };
+//#endregion

package/dist/components/TagTable/TagTable.d.cts

@@ -7,7 +7,7 @@ import { ReactElement, ReactNode } from "react";
 type Row = TagRow | {
   tag: TagRow;
 };
-interface TagTableProps<R extends Row> {
+export interface TagTableProps<R extends Row> {
   /** `rows` - The collection of rows */
   rows: R[];
   /** `filterRows` - Function to filter rows from `rows` prop from appearing in the table */
@@ -95,6 +95,5 @@ interface TagTableProps<R extends Row> {
  *
  * This is currently still in testing phase, so a production implementation is not yet available.
  */
-declare function TagTable<R extends Row>({ rows, filterRows, heading, subHeading, showTagType, showTagSectionName, highlightFirstRow, removeAction: removeTag, addAction: addTag, onReorder, canRemove, 'data-testid': dataTestId, removeIcon, gripIcon, renderCustomControl, renderWhenEmpty, headerContent, theme, cssOverrides }: TagTableProps<R>): import("@emotion/react/jsx-runtime").JSX.Element | null;
-//#endregion
-export { TagTable, TagTableProps };
+export declare function TagTable<R extends Row>({ rows, filterRows, heading, subHeading, showTagType, showTagSectionName, highlightFirstRow, removeAction: removeTag, addAction: addTag, onReorder, canRemove, 'data-testid': dataTestId, removeIcon, gripIcon, renderCustomControl, renderWhenEmpty, headerContent, theme, cssOverrides }: TagTableProps<R>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+//#endregion

package/dist/components/TagTable/TagTable.d.ts

@@ -7,7 +7,7 @@ import { SerializedStyles } from "@emotion/react";
 type Row = TagRow | {
   tag: TagRow;
 };
-interface TagTableProps<R extends Row> {
+export interface TagTableProps<R extends Row> {
   /** `rows` - The collection of rows */
   rows: R[];
   /** `filterRows` - Function to filter rows from `rows` prop from appearing in the table */
@@ -95,6 +95,5 @@ interface TagTableProps<R extends Row> {
  *
  * This is currently still in testing phase, so a production implementation is not yet available.
  */
-declare function TagTable<R extends Row>({ rows, filterRows, heading, subHeading, showTagType, showTagSectionName, highlightFirstRow, removeAction: removeTag, addAction: addTag, onReorder, canRemove, 'data-testid': dataTestId, removeIcon, gripIcon, renderCustomControl, renderWhenEmpty, headerContent, theme, cssOverrides }: TagTableProps<R>): import("@emotion/react/jsx-runtime").JSX.Element | null;
-//#endregion
-export { TagTable, TagTableProps };
+export declare function TagTable<R extends Row>({ rows, filterRows, heading, subHeading, showTagType, showTagSectionName, highlightFirstRow, removeAction: removeTag, addAction: addTag, onReorder, canRemove, 'data-testid': dataTestId, removeIcon, gripIcon, renderCustomControl, renderWhenEmpty, headerContent, theme, cssOverrides }: TagTableProps<R>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+//#endregion

package/dist/components/TextArea/TextArea.d.cts

@@ -1,5 +1,4 @@
 import { TextAreaProps } from "./types.cjs";
 //#region src/components/TextArea/TextArea.d.ts
-declare function TextArea({ size, isInvalid, theme, placeholder, ...props }: TextAreaProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//#endregion
-export { TextArea };
+export declare function TextArea({ size, isInvalid, theme, placeholder, ...props }: TextAreaProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/TextArea/TextArea.d.ts

@@ -1,5 +1,4 @@
 import { TextAreaProps } from "./types.js";
 //#region src/components/TextArea/TextArea.d.ts
-declare function TextArea({ size, isInvalid, theme, placeholder, ...props }: TextAreaProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//#endregion
-export { TextArea };
+export declare function TextArea({ size, isInvalid, theme, placeholder, ...props }: TextAreaProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/TextArea/styles.d.cts

@@ -3,6 +3,5 @@ import { ComponentTextArea } from "../../styleD/build/typescript/component/textA
 import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
 //#region src/components/TextArea/styles.d.ts
-type TextAreaTheme = Prettify<ComponentTextArea>;
-//#endregion
-export { TextAreaTheme };
+export type TextAreaTheme = Prettify<ComponentTextArea>;
+//#endregion

package/dist/components/TextArea/styles.d.ts

@@ -3,6 +3,5 @@ import { ComponentTextArea } from "../../styleD/build/typescript/component/textA
 import "./types.js";
 import { SerializedStyles } from "@emotion/react";
 //#region src/components/TextArea/styles.d.ts
-type TextAreaTheme = Prettify<ComponentTextArea>;
-//#endregion
-export { TextAreaTheme };
+export type TextAreaTheme = Prettify<ComponentTextArea>;
+//#endregion

package/dist/components/TextArea/types.d.cts

@@ -2,9 +2,8 @@ import { FormInputContainerDefaultProps } from "../Form/types.cjs";
 import { TextAreaTheme } from "./styles.cjs";
 import { TextFieldProps } from "react-aria-components";
 //#region src/components/TextArea/types.d.ts
-interface TextAreaProps extends FormInputContainerDefaultProps<TextFieldProps, TextAreaTheme> {
+export interface TextAreaProps extends FormInputContainerDefaultProps<TextFieldProps, TextAreaTheme> {
   /** Temporary text that occupies the text area when it is empty */
   placeholder?: string;
 }
-//#endregion
-export { TextAreaProps };
+//#endregion

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

@@ -2,9 +2,8 @@ import { FormInputContainerDefaultProps } from "../Form/types.js";
 import { TextAreaTheme } from "./styles.js";
 import { TextFieldProps } from "react-aria-components";
 //#region src/components/TextArea/types.d.ts
-interface TextAreaProps extends FormInputContainerDefaultProps<TextFieldProps, TextAreaTheme> {
+export interface TextAreaProps extends FormInputContainerDefaultProps<TextFieldProps, TextAreaTheme> {
   /** Temporary text that occupies the text area when it is empty */
   placeholder?: string;
 }
-//#endregion
-export { TextAreaProps };
+//#endregion

package/dist/components/TextInput/TextInput.d.cts

@@ -1,5 +1,4 @@
 import { TextInputProps } from "./types.cjs";
 //#region src/components/TextInput/TextInput.d.ts
-declare function TextInput({ size, isInvalid, theme, placeholder, ...props }: TextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//#endregion
-export { TextInput };
+export declare function TextInput({ size, isInvalid, theme, placeholder, ...props }: TextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/TextInput/TextInput.d.ts

@@ -1,5 +1,4 @@
 import { TextInputProps } from "./types.js";
 //#region src/components/TextInput/TextInput.d.ts
-declare function TextInput({ size, isInvalid, theme, placeholder, ...props }: TextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//#endregion
-export { TextInput };
+export declare function TextInput({ size, isInvalid, theme, placeholder, ...props }: TextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/TextInput/styles.d.cts

@@ -3,7 +3,6 @@ import { ComponentTextInput } from "../../styleD/build/typescript/component/text
 import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
 //#region src/components/TextInput/styles.d.ts
-type TextInputTheme = Prettify<ComponentTextInput>;
-type PartialTextInputTheme = Prettify<DeepPartial<ComponentTextInput>>;
-//#endregion
-export { PartialTextInputTheme, TextInputTheme };
+export type TextInputTheme = Prettify<ComponentTextInput>;
+export type PartialTextInputTheme = Prettify<DeepPartial<ComponentTextInput>>;
+//#endregion

package/dist/components/TextInput/styles.d.ts

@@ -3,7 +3,6 @@ import { ComponentTextInput } from "../../styleD/build/typescript/component/text
 import "./types.js";
 import { SerializedStyles } from "@emotion/react";
 //#region src/components/TextInput/styles.d.ts
-type TextInputTheme = Prettify<ComponentTextInput>;
-type PartialTextInputTheme = Prettify<DeepPartial<ComponentTextInput>>;
-//#endregion
-export { PartialTextInputTheme, TextInputTheme };
+export type TextInputTheme = Prettify<ComponentTextInput>;
+export type PartialTextInputTheme = Prettify<DeepPartial<ComponentTextInput>>;
+//#endregion

package/dist/components/TextInput/types.d.cts

@@ -2,9 +2,8 @@ import { FormInputContainerDefaultProps } from "../Form/types.cjs";
 import { TextInputTheme } from "./styles.cjs";
 import { TextFieldProps } from "react-aria-components";
 //#region src/components/TextInput/types.d.ts
-interface TextInputProps extends FormInputContainerDefaultProps<TextFieldProps, TextInputTheme> {
+export interface TextInputProps extends FormInputContainerDefaultProps<TextFieldProps, TextInputTheme> {
   /** Temporary text that occupies the text input when it is empty */
   placeholder?: string;
 }
-//#endregion
-export { TextInputProps };
+//#endregion

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

@@ -2,9 +2,8 @@ import { FormInputContainerDefaultProps } from "../Form/types.js";
 import { TextInputTheme } from "./styles.js";
 import { TextFieldProps } from "react-aria-components";
 //#region src/components/TextInput/types.d.ts
-interface TextInputProps extends FormInputContainerDefaultProps<TextFieldProps, TextInputTheme> {
+export interface TextInputProps extends FormInputContainerDefaultProps<TextFieldProps, TextInputTheme> {
   /** Temporary text that occupies the text input when it is empty */
   placeholder?: string;
 }
-//#endregion
-export { TextInputProps };
+//#endregion

package/dist/components/TextListInput/TextListInput.d.cts

@@ -1,5 +1,4 @@
 import { TextListInputProps } from "./types.cjs";
 //#region src/components/TextListInput/TextListInput.d.ts
-declare const TextListInput: ({ label, size, placeholder, initialData, errorMessage, onChange, theme, cssOverrides, className }: TextListInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//#endregion
-export { TextListInput };
+export declare const TextListInput: ({ label, size, placeholder, initialData, errorMessage, onChange, theme, cssOverrides, className }: TextListInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/TextListInput/TextListInput.d.ts

@@ -1,5 +1,4 @@
 import { TextListInputProps } from "./types.js";
 //#region src/components/TextListInput/TextListInput.d.ts
-declare const TextListInput: ({ label, size, placeholder, initialData, errorMessage, onChange, theme, cssOverrides, className }: TextListInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//#endregion
-export { TextListInput };
+export declare const TextListInput: ({ label, size, placeholder, initialData, errorMessage, onChange, theme, cssOverrides, className }: TextListInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/TextListInput/styles.d.cts

@@ -2,7 +2,6 @@ import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentTextListInput } from "../../styleD/build/typescript/component/textListInput.cjs";
 import { SerializedStyles } from "@emotion/react";
 //#region src/components/TextListInput/styles.d.ts
-type TextListInputTheme = Prettify<ComponentTextListInput>;
-type PartialTextListInputTheme = Prettify<DeepPartial<TextListInputTheme>>;
-//#endregion
-export { PartialTextListInputTheme, TextListInputTheme };
+export type TextListInputTheme = Prettify<ComponentTextListInput>;
+export type PartialTextListInputTheme = Prettify<DeepPartial<TextListInputTheme>>;
+//#endregion

package/dist/components/TextListInput/styles.d.ts

@@ -2,7 +2,6 @@ import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentTextListInput } from "../../styleD/build/typescript/component/textListInput.js";
 import { SerializedStyles } from "@emotion/react";
 //#region src/components/TextListInput/styles.d.ts
-type TextListInputTheme = Prettify<ComponentTextListInput>;
-type PartialTextListInputTheme = Prettify<DeepPartial<TextListInputTheme>>;
-//#endregion
-export { PartialTextListInputTheme, TextListInputTheme };
+export type TextListInputTheme = Prettify<ComponentTextListInput>;
+export type PartialTextListInputTheme = Prettify<DeepPartial<TextListInputTheme>>;
+//#endregion

package/dist/components/TextListInput/types.d.cts

@@ -3,7 +3,7 @@ import { PartialTextInputTheme } from "../TextInput/styles.cjs";
 import "../../TextInput.cjs";
 import { TextListInputTheme } from "./styles.cjs";
 //#region src/components/TextListInput/types.d.ts
-type TextListInputProps = DefaultProps<TextListInputTheme> & {
+export type TextListInputProps = DefaultProps<TextListInputTheme> & {
   /**
    * Label text for text list group
    */
@@ -29,5 +29,4 @@ type TextListInputProps = DefaultProps<TextListInputTheme> & {
    */
   onChange: (values: string[]) => void;
 };
-//#endregion
-export { TextListInputProps };
+//#endregion

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

@@ -3,7 +3,7 @@ import { PartialTextInputTheme } from "../TextInput/styles.js";
 import "../../TextInput.js";
 import { TextListInputTheme } from "./styles.js";
 //#region src/components/TextListInput/types.d.ts
-type TextListInputProps = DefaultProps<TextListInputTheme> & {
+export type TextListInputProps = DefaultProps<TextListInputTheme> & {
   /**
    * Label text for text list group
    */
@@ -29,5 +29,4 @@ type TextListInputProps = DefaultProps<TextListInputTheme> & {
    */
   onChange: (values: string[]) => void;
 };
-//#endregion
-export { TextListInputProps };
+//#endregion

package/dist/components/Tile/Tile.cjs

@@ -0,0 +1,102 @@
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_Icon = require("../Icon/Icon.cjs");
+const require_Typography = require("../Typography/Typography.cjs");
+const require_styles = require("./styles.cjs");
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
+//#region src/components/Tile/Tile.tsx
+function getTileIndicator(interactionMode, isSelected) {
+	switch (interactionMode) {
+		case "clickable": return "arrow_forward";
+		case "selectable": return isSelected ? "radio_button_checked" : "radio_button_unchecked";
+		case "multi-select": return isSelected ? "check_box" : "check_box_outline_blank";
+		default: return "arrow_forward";
+	}
+}
+function TileContent({ children, description, typography = "bodyBoldSm", descriptionTypography = "bodySm", icon = "account_balance", size = "md", interactionMode, isSelected, theme }) {
+	const indicator = getTileIndicator(interactionMode, isSelected);
+	const hasDescription = Boolean(description);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
+		css: require_styles.tileContentStyles(theme, { size }),
+		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
+			css: require_styles.tileTextStyles(theme),
+			children: [icon && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+				size,
+				cssOverrides: require_styles.tileIconStyles(theme),
+				children: icon
+			}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Typography.Typography, {
+				variant: typography,
+				theme: { color: theme.shared.color },
+				cssOverrides: require_styles.tileTitleStyles(theme),
+				children
+			})]
+		}), interactionMode !== "clickable" && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+			symbol: indicator,
+			size,
+			cssOverrides: require_styles.tileArrowStyles(theme)
+		})]
+	}), (hasDescription || interactionMode === "clickable") && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)("div", {
+		css: require_styles.tileBottomRowStyles(),
+		children: [description && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Typography.Typography, {
+			variant: descriptionTypography,
+			theme: { color: theme.shared.descriptionColor },
+			cssOverrides: require_styles.tileDescriptionStyles(theme),
+			children: description
+		}), interactionMode === "clickable" && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+			symbol: indicator,
+			size,
+			cssOverrides: require_styles.tileArrowStyles(theme)
+		})]
+	})] });
+}
+function ClickableLinkTile({ theme = {}, cssOverrides, children, description, typography, descriptionTypography, icon, size = "md", ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultTileTheme, theme);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Link, {
+		...props,
+		css: [require_styles.tileStyles(mergedTheme, { size }), cssOverrides],
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TileContent, {
+			children,
+			description,
+			typography,
+			descriptionTypography,
+			icon,
+			size,
+			interactionMode: "clickable",
+			theme: mergedTheme
+		})
+	});
+}
+function SelectionTile({ interactionMode, value, isSelected, onSelectionChange, theme = {}, cssOverrides, children, description, typography, descriptionTypography, icon, size = "md", ...buttonProps }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultTileTheme, theme);
+	const handlePress = () => {
+		if (interactionMode === "selectable") {
+			if (!isSelected) onSelectionChange(value);
+		} else onSelectionChange(value, !isSelected);
+	};
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Button, {
+		...buttonProps,
+		"aria-pressed": isSelected,
+		"data-selected": isSelected || void 0,
+		onPress: handlePress,
+		css: [require_styles.selectableTileStyles(mergedTheme, { size }), cssOverrides],
+		children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(TileContent, {
+			children,
+			description,
+			typography,
+			descriptionTypography,
+			icon,
+			size,
+			interactionMode,
+			isSelected,
+			theme: mergedTheme
+		})
+	});
+}
+function isClickableTile(props) {
+	return typeof props.href === "string";
+}
+function Tile(props) {
+	return isClickableTile(props) ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(ClickableLinkTile, { ...props }) : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(SelectionTile, { ...props });
+}
+//#endregion
+exports.Tile = Tile;

package/dist/components/Tile/Tile.d.cts

@@ -0,0 +1,4 @@
+import { TileProps } from "./types.cjs";
+//#region src/components/Tile/Tile.d.ts
+export declare function Tile(props: TileProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/Tile/Tile.d.ts

@@ -0,0 +1,4 @@
+import { TileProps } from "./types.js";
+//#region src/components/Tile/Tile.d.ts
+export declare function Tile(props: TileProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion

package/dist/components/Tile/Tile.js

@@ -0,0 +1,102 @@
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { Icon } from "../Icon/Icon.js";
+import { Typography } from "../Typography/Typography.js";
+import { defaultTileTheme, selectableTileStyles, tileArrowStyles, tileBottomRowStyles, tileContentStyles, tileDescriptionStyles, tileIconStyles, tileStyles, tileTextStyles, tileTitleStyles } from "./styles.js";
+import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Button, Link } from "react-aria-components";
+//#region src/components/Tile/Tile.tsx
+function getTileIndicator(interactionMode, isSelected) {
+	switch (interactionMode) {
+		case "clickable": return "arrow_forward";
+		case "selectable": return isSelected ? "radio_button_checked" : "radio_button_unchecked";
+		case "multi-select": return isSelected ? "check_box" : "check_box_outline_blank";
+		default: return "arrow_forward";
+	}
+}
+function TileContent({ children, description, typography = "bodyBoldSm", descriptionTypography = "bodySm", icon = "account_balance", size = "md", interactionMode, isSelected, theme }) {
+	const indicator = getTileIndicator(interactionMode, isSelected);
+	const hasDescription = Boolean(description);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		css: tileContentStyles(theme, { size }),
+		children: [/* @__PURE__ */ jsxs("div", {
+			css: tileTextStyles(theme),
+			children: [icon && /* @__PURE__ */ jsx(Icon, {
+				size,
+				cssOverrides: tileIconStyles(theme),
+				children: icon
+			}), /* @__PURE__ */ jsx(Typography, {
+				variant: typography,
+				theme: { color: theme.shared.color },
+				cssOverrides: tileTitleStyles(theme),
+				children
+			})]
+		}), interactionMode !== "clickable" && /* @__PURE__ */ jsx(Icon, {
+			symbol: indicator,
+			size,
+			cssOverrides: tileArrowStyles(theme)
+		})]
+	}), (hasDescription || interactionMode === "clickable") && /* @__PURE__ */ jsxs("div", {
+		css: tileBottomRowStyles(),
+		children: [description && /* @__PURE__ */ jsx(Typography, {
+			variant: descriptionTypography,
+			theme: { color: theme.shared.descriptionColor },
+			cssOverrides: tileDescriptionStyles(theme),
+			children: description
+		}), interactionMode === "clickable" && /* @__PURE__ */ jsx(Icon, {
+			symbol: indicator,
+			size,
+			cssOverrides: tileArrowStyles(theme)
+		})]
+	})] });
+}
+function ClickableLinkTile({ theme = {}, cssOverrides, children, description, typography, descriptionTypography, icon, size = "md", ...props }) {
+	const mergedTheme = mergeDeep(defaultTileTheme, theme);
+	return /* @__PURE__ */ jsx(Link, {
+		...props,
+		css: [tileStyles(mergedTheme, { size }), cssOverrides],
+		children: /* @__PURE__ */ jsx(TileContent, {
+			children,
+			description,
+			typography,
+			descriptionTypography,
+			icon,
+			size,
+			interactionMode: "clickable",
+			theme: mergedTheme
+		})
+	});
+}
+function SelectionTile({ interactionMode, value, isSelected, onSelectionChange, theme = {}, cssOverrides, children, description, typography, descriptionTypography, icon, size = "md", ...buttonProps }) {
+	const mergedTheme = mergeDeep(defaultTileTheme, theme);
+	const handlePress = () => {
+		if (interactionMode === "selectable") {
+			if (!isSelected) onSelectionChange(value);
+		} else onSelectionChange(value, !isSelected);
+	};
+	return /* @__PURE__ */ jsx(Button, {
+		...buttonProps,
+		"aria-pressed": isSelected,
+		"data-selected": isSelected || void 0,
+		onPress: handlePress,
+		css: [selectableTileStyles(mergedTheme, { size }), cssOverrides],
+		children: /* @__PURE__ */ jsx(TileContent, {
+			children,
+			description,
+			typography,
+			descriptionTypography,
+			icon,
+			size,
+			interactionMode,
+			isSelected,
+			theme: mergedTheme
+		})
+	});
+}
+function isClickableTile(props) {
+	return typeof props.href === "string";
+}
+function Tile(props) {
+	return isClickableTile(props) ? /* @__PURE__ */ jsx(ClickableLinkTile, { ...props }) : /* @__PURE__ */ jsx(SelectionTile, { ...props });
+}
+//#endregion
+export { Tile };