@heymantle/litho 0.0.3 → 0.0.5

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

@@ -0,0 +1,197 @@
+export default Table;
+export type TableHeading = {
+    /**
+     * - The title content of the heading.
+     */
+    title: string | React.ReactNode;
+    /**
+     * - Whether the column is sortable.
+     */
+    sortable?: boolean;
+    /**
+     * - Alignment of the heading content.
+     */
+    alignment?: "start" | "end" | "left" | "right" | "center";
+    /**
+     * - Whether the heading is hidden.
+     */
+    hidden?: boolean;
+    /**
+     * - Tooltip content for the heading.
+     */
+    tooltip?: string | React.ReactNode;
+    /**
+     * - Alternative tooltip content for the heading.
+     */
+    tooltipContent?: string | React.ReactNode;
+    /**
+     * - Callback function when the heading is clicked.
+     */
+    onAction?: Function;
+};
+/**
+ * @typedef {Object} TableHeading
+ * @property {string|React.ReactNode} title - The title content of the heading.
+ * @property {boolean} [sortable=false] - Whether the column is sortable.
+ * @property {"start" | "end" | "left" | "right" | "center"} [alignment="start"] - Alignment of the heading content.
+ * @property {boolean} [hidden=false] - Whether the heading is hidden.
+ * @property {string|React.ReactNode} [tooltip] - Tooltip content for the heading.
+ * @property {string|React.ReactNode} [tooltipContent] - Alternative tooltip content for the heading.
+ * @property {Function} [onAction] - Callback function when the heading is clicked.
+ */
+/**
+ * Table component for displaying data in a customizable, sortable, and scrollable format.
+ *
+ * @param {Object} props - Component props.
+ * @param {Array<TableHeading|string|React.ReactNode>} [props.headings=[]] - Column headings. Can be strings, React nodes, or configuration objects.
+ * @param {"default" | "subdued"} [props.headingStyle="default"] - Style of the heading.
+ * @param {Array<Array<string | React.ReactNode>>} [props.rows=[]] - Table rows with cell content.
+ * @param {string} [props.verticalAlign="middle"] - Vertical alignment ('top', 'middle', 'bottom').
+ * @param {number} [props.fixedFirstColumns=0] - Number of fixed left columns.
+ * @param {number} [props.fixedLastColumns=0] - Number of fixed right columns.
+ * @param {number} [props.initialSortColumnIndex] - Initial sorted column index.
+ * @param {"ascending" | "descending"} [props.defaultSortDirection="ascending"] - Default sort direction.
+ * @param {Function} [props.onSort] - Callback for sorting.
+ * @param {boolean} [props.increasedTableDensity=false] - Whether to reduce padding for higher density.
+ * @param {Array<string | React.ReactNode>} [props.footers=[]] - Footer row content.
+ * @param {number} [props.firstColumnMinWidth] - Minimum width of the first column.
+ * @param {boolean} [props.bordered=false] - Whether to show table borders.
+ * @param {boolean} [props.topBorder=true] - Whether to show a top border.
+ * @param {number} [props.skeletonRows=20] - Number of skeleton rows to render when loading.
+ * @param {string} [props.paginatedSelectAllActionText] - Text for the paginated select all action.
+ * @param {Object} [props.resourceName] - Object containing singular and plural resource names.
+ * @param {string} [props.resourceName.singular] - Singular resource name.
+ * @param {string} [props.resourceName.plural] - Plural resource name.
+ * @param {number} [props.itemCount] - Total number of items in the table.
+ * @param {boolean} [props.selectable=true] - Whether the table is selectable.
+ * @param {Function} [props.onSelectionChange] - Callback for handling selection changes.
+ * @param {boolean} [props.loading=false] - Whether the table is loading.
+ * @returns {React.ReactElement} The rendered Table component.
+ */
+declare function Table(props?: {
+    headings?: Array<TableHeading | string | React.ReactNode>;
+    headingStyle?: "default" | "subdued";
+    rows?: Array<Array<string | React.ReactNode>>;
+    verticalAlign?: string;
+    fixedFirstColumns?: number;
+    fixedLastColumns?: number;
+    initialSortColumnIndex?: number;
+    defaultSortDirection?: "ascending" | "descending";
+    onSort?: Function;
+    increasedTableDensity?: boolean;
+    footers?: Array<string | React.ReactNode>;
+    firstColumnMinWidth?: number;
+    bordered?: boolean;
+    topBorder?: boolean;
+    skeletonRows?: number;
+    paginatedSelectAllActionText?: string;
+    resourceName?: {
+        singular?: string;
+        plural?: string;
+    };
+    itemCount?: number;
+    selectable?: boolean;
+    onSelectionChange?: Function;
+    loading?: boolean;
+}): React.ReactElement;
+declare namespace Table {
+    let displayName: string;
+    /**
+     * Represents a row within the Table.
+     * @param {Object} props - Row properties.
+     * @param {string} props.id - Unique row identifier.
+     * @param {boolean} props.selected - Whether the row is selected.
+     * @param {Function} props.onClick - Click handler.
+     * @param {number} props.position - Position index.
+     * @param {React.ReactNode} props.children - Row content.
+     * @returns {React.ReactElement} The rendered Table.Row component.
+     */
+    function Row({ id, selected, onClick, position, children, ...rest }: {
+        id: string;
+        selected: boolean;
+        onClick: Function;
+        position: number;
+        children: React.ReactNode;
+    }): React.ReactElement;
+    namespace Row {
+        let displayName_1: string;
+        export { displayName_1 as displayName };
+    }
+    /**
+     * Represents a cell within a table row.
+     * @param {Object} props - Cell properties.
+     * @param {string} [props.alignment="start"] - Text alignment.
+     * @param {boolean} [props.selectionCell=false] - Whether this is a selection cell.
+     * @param {React.ReactNode} props.children - Cell content.
+     * @returns {React.ReactElement} The rendered Table.Cell component.
+     */
+    function Cell({ alignment: _alignment, children, selectionCell, }: {
+        alignment?: string;
+        selectionCell?: boolean;
+        children: React.ReactNode;
+    }): React.ReactElement;
+    namespace Cell {
+        let displayName_2: string;
+        export { displayName_2 as displayName };
+    }
+    /**
+     * Footer component for the Table.
+     * Displays pagination controls and optionally the total result count.
+     *
+     * @param {Object} props - The component props.
+     * @param {boolean} props.hasNextPage - Whether there is a next page.
+     * @param {boolean} props.hasPreviousPage - Whether there is a previous page.
+     * @param {Function} props.onNext - Callback function for the next page action.
+     * @param {Function} props.onPrevious - Callback function for the previous page action.
+     * @param {boolean} [props.showTotalResultCount=false] - Whether to show the total result count.
+     * @param {number} [props.total=0] - The total number of results.
+     * @param {boolean} [props.paddedHalf=false] - Whether to apply half padding.
+     * @returns {JSX.Element|null} The Footer component or null if no pagination is required.
+     */
+    function Footer({ hasNextPage, hasPreviousPage, onNext, onPrevious, showTotalResultCount, total, paddedHalf, }: {
+        hasNextPage: boolean;
+        hasPreviousPage: boolean;
+        onNext: Function;
+        onPrevious: Function;
+        showTotalResultCount?: boolean;
+        total?: number;
+        paddedHalf?: boolean;
+    }): JSX.Element | null;
+    namespace Footer {
+        let displayName_3: string;
+        export { displayName_3 as displayName };
+    }
+    /**
+     * BulkActions component for the Table.
+     * Displays bulk action buttons with optional promoted actions.
+     *
+     * @param {Object} props - The component props.
+     * @param {Array} [props.bulkActions=[]] - List of bulk actions.
+     * @param {Array} [props.promotedBulkActions=[]] - List of promoted bulk actions.
+     * @returns {JSX.Element} The BulkActions component.
+     */
+    function BulkActions({ bulkActions, promotedBulkActions }: {
+        bulkActions?: any[];
+        promotedBulkActions?: any[];
+    }): JSX.Element;
+    namespace BulkActions {
+        let displayName_4: string;
+        export { displayName_4 as displayName };
+    }
+    /**
+     * SkeletonRow component for displaying loading placeholders in the Table.
+     *
+     * @param {Object} props - The component props.
+     * @param {number} [props.columns=1] - The number of columns to render.
+     * @returns {JSX.Element} The SkeletonRow component.
+     */
+    function SkeletonRow({ columns }: {
+        columns?: number;
+    }): JSX.Element;
+    namespace SkeletonRow {
+        let displayName_5: string;
+        export { displayName_5 as displayName };
+    }
+}
+import React from "react";
+//# sourceMappingURL=Table.d.ts.map

package/dist/types/components/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../components/Table.js"],"names":[],"mappings":";;;;;WAyCc,MAAM,GAAC,KAAK,CAAC,SAAS;;;;eACtB,OAAO;;;;gBACP,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;;;;aAC7C,OAAO;;;;cACP,MAAM,GAAC,KAAK,CAAC,SAAS;;;;qBACtB,MAAM,GAAC,KAAK,CAAC,SAAS;;;;;;AAPpC;;;;;;;;;GASG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,+BAzBG;IAA2D,QAAQ,GAA3D,KAAK,CAAC,YAAY,GAAC,MAAM,GAAC,KAAK,CAAC,SAAS,CAAC;IACZ,YAAY,GAA1C,SAAS,GAAG,SAAS;IAC0B,IAAI,GAAnD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACvB,aAAa,GAA5B,MAAM;IACS,iBAAiB,GAAhC,MAAM;IACS,gBAAgB,GAA/B,MAAM;IACS,sBAAsB,GAArC,MAAM;IAC6B,oBAAoB,GAAvD,WAAW,GAAG,YAAY;IACT,MAAM;IACP,qBAAqB,GAArC,OAAO;IACiC,OAAO,GAA/C,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChB,mBAAmB,GAAlC,MAAM;IACU,QAAQ,GAAxB,OAAO;IACS,SAAS,GAAzB,OAAO;IACQ,YAAY,GAA3B,MAAM;IACS,4BAA4B,GAA3C,MAAM;IACS,YAAY,GACnC;QAAoC,QAAQ,GAApC,MAAM;QACsB,MAAM,GAAlC,MAAM;KACd;IAAuB,SAAS,GAAxB,MAAM;IACU,UAAU,GAA1B,OAAO;IACU,iBAAiB;IAClB,OAAO,GAAvB,OAAO;CACf,GAAU,KAAK,CAAC,YAAY,CA8vB9B;;;IAGD;;;;;;;;;OASG;IACH,qEAPG;QAAsB,EAAE,EAAhB,MAAM;QACS,QAAQ,EAAvB,OAAO;QACS,OAAO;QACT,QAAQ,EAAtB,MAAM;QACiB,QAAQ,EAA/B,KAAK,CAAC,SAAS;KACvB,GAAU,KAAK,CAAC,YAAY,CA8F9B;;;;;IAID;;;;;;;OAOG;IACH,mEALG;QAAuB,SAAS,GAAxB,MAAM;QACU,aAAa,GAA7B,OAAO;QACgB,QAAQ,EAA/B,KAAK,CAAC,SAAS;KACvB,GAAU,KAAK,CAAC,YAAY,CAmD9B;;;;;IAID;;;;;;;;;;;;;OAaG;IACH,gHATG;QAAuB,WAAW,EAA1B,OAAO;QACQ,eAAe,EAA9B,OAAO;QACS,MAAM;QACN,UAAU;QACV,oBAAoB,GAApC,OAAO;QACQ,KAAK,GAApB,MAAM;QACU,UAAU,GAA1B,OAAO;KACf,GAAU,GAAG,CAAC,OAAO,GAAC,IAAI,CA6B5B;;;;;IAID;;;;;;;;OAQG;IACH,2DAJG;QAAsB,WAAW;QACX,mBAAmB;KACzC,GAAU,GAAG,CAAC,OAAO,CA4DvB;;;;;IAID;;;;;;OAMG;IACH,kCAHG;QAAuB,OAAO,GAAtB,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CAoBvB;;;;;;kBAjnCM,OAAO"}

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

@@ -0,0 +1,43 @@
+export default Tabs;
+/**
+ * Tabs component that displays a set of tab items with selectable states.
+ *
+ * @param {Object} props - Component props.
+ * @param {Object[]} props.tabs - List of tabs to display.
+ * @param {string} props.tabs[].id - Unique identifier for the tab.
+ * @param {string} props.tabs[].content - Content or label to display for the tab.
+ * @param {string} [props.tabs[].icon] - Optional icon to display for the tab.
+ * @param {boolean} [props.tabs[].disclosure=false] - Whether the tab is part of a "More" disclosure group.
+ * @param {number} props.selected - Index of the currently selected tab.
+ * @param {Function} props.onSelect - Callback fired when a tab is selected, receives the tab's index.
+ * @param {boolean} [props.fullWidth=false] - Whether the tabs should expand to fit the container width.
+ * @param {string} [props.disclosureText="More"] - Label for the "More" disclosure tab.
+ * @param {boolean} [props.disclosure=false] - Whether the "More" disclosure is enabled.
+ * @param {boolean} [props.activeDisclosure=false] - Whether the "More" disclosure is currently active.
+ * @param {boolean} [props.padded=true] - If true, applies padding to the Tabs container.
+ * @param {boolean} [props.borderBottom=true] - If true, applies a bottom border to the Tabs container.
+ * @param {boolean} [props.simpleTabs=false] - If true, simplifies the styling for the selected tab.
+ * @returns {JSX.Element} The Tabs component.
+ */
+declare function Tabs(props?: {
+    tabs: {
+        id: string;
+        content: string;
+        icon?: string;
+        disclosure?: boolean;
+    };
+    selected: number;
+    onSelect: Function;
+    fullWidth?: boolean;
+    disclosureText?: string;
+    disclosure?: boolean;
+    activeDisclosure?: boolean;
+    padded?: boolean;
+    borderBottom?: boolean;
+    simpleTabs?: boolean;
+}): JSX.Element;
+declare namespace Tabs {
+    export { Tab };
+}
+declare function Tab(props?: {}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/types/components/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../components/Tabs.js"],"names":[],"mappings":";AAmCA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,8BAjBG;IAAwB,IAAI,EAC5B;QAA6B,EAAE,EAAvB,MAAM;QACe,OAAO,EAA5B,MAAM;QACgB,IAAI,GAA1B,MAAM;QACiB,UAAU,GAAjC,OAAO;KACf;IAAsB,QAAQ,EAAtB,MAAM;IACU,QAAQ;IACR,SAAS,GAAzB,OAAO;IACQ,cAAc,GAA7B,MAAM;IACU,UAAU,GAA1B,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,YAAY,GAA5B,OAAO;IACS,UAAU,GAA1B,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CAwLvB;;;;AAoDD,0EA6DC"}

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

@@ -0,0 +1,26 @@
+export default Tag;
+/**
+ * Renders a Tag component with optional interactive and removable features.
+ *
+ * @function Tag
+ * @param {Object} props - The properties for the Tag component.
+ * @param {React.ReactNode} props.children - The content to be displayed inside the Tag.
+ * @param {boolean} [props.disabled=false] - Whether the tag is disabled.
+ * @param {Function} [props.onClick] - The callback function to execute on tag click.
+ * @param {Function} [props.onRemove] - The callback function to execute when the remove icon is clicked.
+ * @param {string} [props.accessibilityLabel] - The accessibility label for the tag.
+ * @param {string} [props.url] - The URL to open when the tag is clicked.
+ * @param {string} [props.target="_self"] - Specifies where to open the URL.
+ *
+ * @returns {JSX.Element} The rendered Tag component.
+ */
+declare function Tag(props?: {
+    children: React.ReactNode;
+    disabled?: boolean;
+    onClick?: Function;
+    onRemove?: Function;
+    accessibilityLabel?: string;
+    url?: string;
+    target?: string;
+}): JSX.Element;
+//# sourceMappingURL=Tag.d.ts.map

package/dist/types/components/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../components/Tag.js"],"names":[],"mappings":";AAgFA;;;;;;;;;;;;;;GAcG;AAEH,6BAXG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACC,QAAQ,GAAxB,OAAO;IACU,OAAO;IACP,QAAQ;IACV,kBAAkB,GAAjC,MAAM;IACS,GAAG,GAAlB,MAAM;IACS,MAAM,GAArB,MAAM;CAEd,GAAU,GAAG,CAAC,OAAO,CA2EvB"}

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

@@ -0,0 +1,32 @@
+export default Text;
+/**
+ * A text component that renders styled text based on provided props.
+ *
+ * @param {Object} props - Properties to customize the text component.
+ * @param {'left' | 'center' | 'right' | 'end' | 'start'} [props.alignment] - Text alignment.
+ * @param {'normal' | 'regular' | 'medium' | 'semibold' | 'bold'} [props.fontWeight] - Font weight.
+ * @param {'default' | 'subdued' | 'critical' | 'success' | 'warning' | 'alternate' | 'link' | 'disabled'} [props.color] - Text color variant.
+ * @param {boolean} [props.truncate] - Whether to truncate text with ellipsis.
+ * @param {'headingXl' | 'headingLg' | 'headingMd' | 'headingSm' | 'headingXs' | 'bodyXl' | 'bodyLg' | 'bodyMd' | 'bodySm' | 'bodyXs'} [props.variant] - Text size and style variant.
+ * @param {boolean} [props.visuallyHidden] - Visually hides text for accessibility.
+ * @param {string} [props.className] - Additional CSS class names.
+ * @param {string} [props.as] - Element type (e.g., 'p' or 'span').
+ * @param {number} [props.clampLines] - Number of lines to clamp.
+ * @param {boolean} [props.strike] - Whether to strike through the text.
+ * @param {React.ReactNode} [props.children] - The content to be displayed within the text component. Defaults to an empty string.
+ * @returns {JSX.Element} Rendered text component with applied styles.
+ */
+declare function Text(props?: {
+    alignment?: "left" | "center" | "right" | "end" | "start";
+    fontWeight?: "normal" | "regular" | "medium" | "semibold" | "bold";
+    color?: "default" | "subdued" | "critical" | "success" | "warning" | "alternate" | "link" | "disabled";
+    truncate?: boolean;
+    variant?: "headingXl" | "headingLg" | "headingMd" | "headingSm" | "headingXs" | "bodyXl" | "bodyLg" | "bodyMd" | "bodySm" | "bodyXs";
+    visuallyHidden?: boolean;
+    className?: string;
+    as?: string;
+    clampLines?: number;
+    strike?: boolean;
+    children?: React.ReactNode;
+}): JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

package/dist/types/components/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../components/Text.js"],"names":[],"mappings":";AA6IA;;;;;;;;;;;;;;;;GAgBG;AAEH,8BAdG;IAA8D,SAAS,GAA/D,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO;IACiB,UAAU,GAAxE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM;IACkD,KAAK,GAA5G,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU;IAC9E,QAAQ,GAAxB,OAAO;IAC4H,OAAO,GAA1I,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC1G,cAAc,GAA9B,OAAO;IACQ,SAAS,GAAxB,MAAM;IACS,EAAE,GAAjB,MAAM;IACS,UAAU,GAAzB,MAAM;IACU,MAAM,GAAtB,OAAO;IACiB,QAAQ,GAAhC,KAAK,CAAC,SAAS;CACvB,GAAU,GAAG,CAAC,OAAO,CAwCvB"}

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

@@ -0,0 +1,109 @@
+export default TextField;
+/**
+ * Renders a TextField component.
+ *
+ * @function TextField
+ * @param {Object} props - The properties for the TextField component.
+ * @param {string} [props.prefix] - Text content to display before the input.
+ * @param {string} [props.suffix] - Text content to display after the input.
+ * @param {string} [props.placeholder] - Placeholder text for the input.
+ * @param {string} [props.value=''] - The current value of the input.
+ * @param {string} [props.helpText] - Helper text to display below the input.
+ * @param {string} [props.label] - Label text for the input field.
+ * @param {string} [props.labelVariant='bodyMd'] - Visual variant for the label text.
+ * @param {Object} [props.labelAction] - Action button to display next to the label.
+ * @param {boolean} [props.labelHidden] - Whether to visually hide the label.
+ * @param {boolean} [props.disabled=false] - Whether the input is disabled. Defaults to false.
+ * @param {boolean} [props.clearButton] - Whether to show a clear button.
+ * @param {boolean} [props.readOnly] - Whether the input is read-only.
+ * @param {boolean} [props.autoFocus] - Whether to focus the input on mount.
+ * @param {boolean} [props.focused] - Whether the input is focused.
+ * @param {number} [props.multiline=1] - Number of lines for multiline input (1 for single line). Defaults to 1.
+ * @param {boolean} [props.autoGrow=false] - Whether textarea should automatically grow with content. Only applies when multiline > 1.
+ * @param {number} [props.maxHeight] - Maximum height in pixels before scrolling starts. Only applies when autoGrow is true.
+ * @param {string} [props.error] - Error message to display.
+ * @param {ReactNode} [props.connectedRight] - React element to connect to the right of the input.
+ * @param {ReactNode} [props.connectedLeft] - React element to connect to the left of the input.
+ * @param {string} [props.type='text'] - HTML input type. Defaults to 'text'.
+ * @param {boolean} [props.subdued=false] - Whether to use subdued styling.
+ * @param {string} [props.name] - Name attribute for the input.
+ * @param {string} [props.id] - ID for the input element.
+ * @param {string} [props.role] - ARIA role.
+ * @param {number} [props.step] - Step value for number inputs.
+ * @param {number} [props.largeStep=10] - Large step value when using shift + arrows.
+ * @param {string} [props.autoComplete] - HTML autocomplete attribute.
+ * @param {number} [props.max] - Maximum value for number inputs.
+ * @param {number} [props.maxLength] - Maximum length for text input.
+ * @param {number} [props.min] - Minimum value for number inputs.
+ * @param {number} [props.minLength] - Minimum length for text input.
+ * @param {string} [props.pattern] - Input validation pattern.
+ * @param {boolean} [props.spellCheck] - Whether to enable spell checking.
+ * @param {string} [props.ariaOwns] - ARIA owns attribute.
+ * @param {string} [props.ariaControls] - ARIA controls attribute.
+ * @param {boolean} [props.ariaExpanded] - ARIA expanded attribute.
+ * @param {string} [props.ariaActiveDescendant] - ARIA active descendant attribute.
+ * @param {string} [props.ariaAutocomplete] - ARIA autocomplete attribute.
+ * @param {('left'|'center'|'right')} [props.align='left'] - Text alignment within the input.
+ * @param {boolean} [props.requiredIndicator] - Whether to show a required field indicator.
+ * @param {boolean} [props.selectTextOnFocus] - Whether to select all text when focused.
+ * @param {Function} [props.onClearButtonClick] - Handler for clear button click.
+ * @param {Function} [props.onChange] - Handler for value changes.
+ * @param {Function} [props.onFocus] - Handler for input focus.
+ * @param {Function} [props.onBlur] - Handler for input blur.
+ * @param {Function} [props.onKeyDown] - Handler for key down.
+ * @param {ReactNode} [props.tooltip] - Tooltip content for the label.
+ * @param {string} [props.className] - Additional CSS classes.
+ * @returns {JSX.Element} The rendered TextField component.
+ */
+declare function TextField(props?: {
+    prefix?: string;
+    suffix?: string;
+    placeholder?: string;
+    value?: string;
+    helpText?: string;
+    label?: string;
+    labelVariant?: string;
+    labelAction?: any;
+    labelHidden?: boolean;
+    disabled?: boolean;
+    clearButton?: boolean;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    focused?: boolean;
+    multiline?: number;
+    autoGrow?: boolean;
+    maxHeight?: number;
+    error?: string;
+    connectedRight?: ReactNode;
+    connectedLeft?: ReactNode;
+    type?: string;
+    subdued?: boolean;
+    name?: string;
+    id?: string;
+    role?: string;
+    step?: number;
+    largeStep?: number;
+    autoComplete?: string;
+    max?: number;
+    maxLength?: number;
+    min?: number;
+    minLength?: number;
+    pattern?: string;
+    spellCheck?: boolean;
+    ariaOwns?: string;
+    ariaControls?: string;
+    ariaExpanded?: boolean;
+    ariaActiveDescendant?: string;
+    ariaAutocomplete?: string;
+    align?: ("left" | "center" | "right");
+    requiredIndicator?: boolean;
+    selectTextOnFocus?: boolean;
+    onClearButtonClick?: Function;
+    onChange?: Function;
+    onFocus?: Function;
+    onBlur?: Function;
+    onKeyDown?: Function;
+    tooltip?: ReactNode;
+    className?: string;
+}): JSX.Element;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/types/components/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../components/TextField.js"],"names":[],"mappings":";AA2IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,mCAnDG;IAAuB,MAAM,GAArB,MAAM;IACS,MAAM,GAArB,MAAM;IACS,WAAW,GAA1B,MAAM;IACS,KAAK,GAApB,MAAM;IACS,QAAQ,GAAvB,MAAM;IACS,KAAK,GAApB,MAAM;IACS,YAAY,GAA3B,MAAM;IACS,WAAW;IACV,WAAW,GAA3B,OAAO;IACS,QAAQ,GAAxB,OAAO;IACS,WAAW,GAA3B,OAAO;IACS,QAAQ,GAAxB,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,OAAO,GAAvB,OAAO;IACQ,SAAS,GAAxB,MAAM;IACU,QAAQ,GAAxB,OAAO;IACQ,SAAS,GAAxB,MAAM;IACS,KAAK,GAApB,MAAM;IACY,cAAc,GAAhC,SAAS;IACS,aAAa,GAA/B,SAAS;IACM,IAAI,GAAnB,MAAM;IACU,OAAO,GAAvB,OAAO;IACQ,IAAI,GAAnB,MAAM;IACS,EAAE,GAAjB,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,YAAY,GAA3B,MAAM;IACS,GAAG,GAAlB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,GAAG,GAAlB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,OAAO,GAAtB,MAAM;IACU,UAAU,GAA1B,OAAO;IACQ,QAAQ,GAAvB,MAAM;IACS,YAAY,GAA3B,MAAM;IACU,YAAY,GAA5B,OAAO;IACQ,oBAAoB,GAAnC,MAAM;IACS,gBAAgB,GAA/B,MAAM;IAC4B,KAAK,GAAvC,CAAC,MAAM,GAAC,QAAQ,GAAC,OAAO,CAAC;IACT,iBAAiB,GAAjC,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACU,kBAAkB;IAClB,QAAQ;IACR,OAAO;IACP,MAAM;IACN,SAAS;IACR,OAAO,GAAzB,SAAS;IACM,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CA2XvB"}

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

@@ -0,0 +1,18 @@
+export default Thumbnail;
+/**
+ * Thumbnail component to display an image or a placeholder icon.
+ *
+ * @param {Object} props - The component props.
+ * @param {string} [props.src] - The image source URL.
+ * @param {string} [props.alt] - The alternative text for the image.
+ * @param {("small"|"medium"|"large"|number)} [props.size="medium"] - The size of the thumbnail. Can be "small", "medium", "large", or a numeric pixel value.
+ * @param {boolean} [props.skeleton=false] - Whether to show a skeleton loader instead of the image.
+ * @returns {JSX.Element} The rendered Thumbnail component.
+ */
+declare function Thumbnail(props?: {
+    src?: string;
+    alt?: string;
+    size?: ("small" | "medium" | "large" | number);
+    skeleton?: boolean;
+}): JSX.Element;
+//# sourceMappingURL=Thumbnail.d.ts.map

package/dist/types/components/Thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../components/Thumbnail.js"],"names":[],"mappings":";AAyBA;;;;;;;;;GASG;AACH,mCANG;IAAuB,GAAG,GAAlB,MAAM;IACS,GAAG,GAAlB,MAAM;IACoC,IAAI,GAA9C,CAAC,OAAO,GAAC,QAAQ,GAAC,OAAO,GAAC,MAAM,CAAC;IACjB,QAAQ,GAAxB,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CA0CvB"}

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

@@ -0,0 +1,3 @@
+export default TimePicker;
+declare function TimePicker(props?: {}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimePicker.d.ts.map

package/dist/types/components/TimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../components/TimePicker.js"],"names":[],"mappings":";AAEA,iFAUC"}

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

@@ -0,0 +1,23 @@
+export default Tip;
+/**
+ * Tip component for displaying informational messages with optional dismiss functionality.
+ *
+ * @param {Object} props - The component props.
+ * @param {"info" | "critical" | "success" | "warning" | "attention" | "highlight" | "neutral"} [props.status="info"] - The status type of the tip.
+ * @param {Function} [props.onDismiss] - Function to call when the dismiss button is clicked.
+ * @param {Function} [props.onClick] - Function to call when the tip is clicked.
+ * @param {React.ReactNode} props.children - The content of the tip.
+ * @param {React.ElementType} [props.icon] - Custom icon for the tip.
+ * @param {"left" | "right" | "center"} [props.align="left"] - The alignment of the tip.
+ * @returns {JSX.Element} The rendered Tip component.
+ */
+declare function Tip(props?: {
+    status?: "info" | "critical" | "success" | "warning" | "attention" | "highlight" | "neutral";
+    onDismiss?: Function;
+    onClick?: Function;
+    children: React.ReactNode;
+    icon?: React.ElementType;
+    align?: "left" | "right" | "center";
+}): JSX.Element;
+import React from "react";
+//# sourceMappingURL=Tip.d.ts.map

package/dist/types/components/Tip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tip.d.ts","sourceRoot":"","sources":["../../../components/Tip.js"],"names":[],"mappings":";AAkFA;;;;;;;;;;;GAWG;AACH,6BARG;IAAoG,MAAM,GAAlG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS;IAClE,SAAS;IACT,OAAO;IACD,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACW,IAAI,GAA9B,KAAK,CAAC,WAAW;IACmB,KAAK,GAAzC,MAAM,GAAG,OAAO,GAAG,QAAQ;CACnC,GAAU,GAAG,CAAC,OAAO,CAsDvB;kBAlJ4D,OAAO"}

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

@@ -0,0 +1,84 @@
+export default Tooltip;
+export type TooltipContentItem = {
+    /**
+     * - The type of content item
+     */
+    type: "paragraph" | "heading" | "list";
+    /**
+     * - The content of the item. For 'list' type, this should be an array of strings
+     */
+    content: string | string[];
+};
+export type TooltipContentObject = {
+    /**
+     * - Optional heading text for the tooltip
+     */
+    heading?: string;
+    /**
+     * - Array of content items to display in the tooltip
+     */
+    content: TooltipContentItem[];
+};
+/**
+ * @typedef {Object} TooltipContentItem
+ * @property {'paragraph' | 'heading' | 'list'} type - The type of content item
+ * @property {string | string[]} content - The content of the item. For 'list' type, this should be an array of strings
+ */
+/**
+ * @typedef {Object} TooltipContentObject
+ * @property {string} [heading] - Optional heading text for the tooltip
+ * @property {TooltipContentItem[]} content - Array of content items to display in the tooltip
+ */
+/**
+ * Tooltip component for displaying contextual information when hovering over an element.
+ * The tooltip can be positioned above or below the activator with customizable alignment.
+ * It includes optional underline styling and supports dynamic z-index overrides.
+ *
+ * @component
+ *
+ * @param {Object} props - The props for the Tooltip component.
+ * @param {React.ReactNode} props.children - The content that triggers the tooltip on hover.
+ * @param {React.ReactNode | TooltipContentObject} props.content - The content displayed inside the tooltip. Can be either a React node or a structured content object.
+ * @param {boolean} [props.dismissOnMouseOut=true] - Whether the tooltip should be dismissed when the mouse leaves the activator.
+ * @param {boolean} [props.dismissOnActivatorClick=true] - Whether the tooltip should be dismissed when clicking the activator.
+ * @param {"above" | "below"} [props.preferredPosition="below"] - The preferred position of the tooltip relative to the activator.
+ * @param {"center" | "left" | "right"} [props.alignment="center"] - The alignment of the tooltip content.
+ * @param {number} [props.hoverDelay=0] - The delay (in milliseconds) before showing the tooltip on hover.
+ * @param {boolean} [props.hasUnderline=false] - Whether the activator should have an underline.
+ * @param {number | boolean} [props.zIndexOverride] - Override for the z-index of the tooltip.
+ * @param {"inline" | "inline-block" | "block"} [props.display="inline-block"] - The display property of the tooltip container.
+ *
+ * @returns {React.ReactElement} The rendered Tooltip component.
+ *
+ * @example
+ * // Basic usage with string content
+ * <Tooltip content="This is a tooltip">
+ *   <button>Hover me</button>
+ * </Tooltip>
+ *
+ * @example
+ * // Using structured content object
+ * <Tooltip content={{
+ *   heading: "Important Information",
+ *   content: [
+ *     { type: "paragraph", content: "This is a paragraph." },
+ *     { type: "list", content: ["Item 1", "Item 2", "Item 3"] }
+ *   ]
+ * }}>
+ *   <span>Hover for structured content</span>
+ * </Tooltip>
+ */
+declare function Tooltip(props?: {
+    children: React.ReactNode;
+    content: React.ReactNode | TooltipContentObject;
+    dismissOnMouseOut?: boolean;
+    dismissOnActivatorClick?: boolean;
+    preferredPosition?: "above" | "below";
+    alignment?: "center" | "left" | "right";
+    hoverDelay?: number;
+    hasUnderline?: boolean;
+    zIndexOverride?: number | boolean;
+    display?: "inline" | "inline-block" | "block";
+}): React.ReactElement;
+import React from "react";
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/types/components/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../components/Tooltip.js"],"names":[],"mappings":";;;;;UAuFc,WAAW,GAAG,SAAS,GAAG,MAAM;;;;aAChC,MAAM,GAAG,MAAM,EAAE;;;;;;cAKjB,MAAM;;;;aACN,kBAAkB,EAAE;;AATlC;;;;GAIG;AAEH;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,iCAhCG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IAC+B,OAAO,EAArD,KAAK,CAAC,SAAS,GAAG,oBAAoB;IACtB,iBAAiB,GAAjC,OAAO;IACS,uBAAuB,GAAvC,OAAO;IACmB,iBAAiB,GAA3C,OAAO,GAAG,OAAO;IACmB,SAAS,GAA7C,QAAQ,GAAG,MAAM,GAAG,OAAO;IACZ,UAAU,GAAzB,MAAM;IACU,YAAY,GAA5B,OAAO;IACkB,cAAc,GAAvC,MAAM,GAAG,OAAO;IAC4B,OAAO,GAAnD,QAAQ,GAAG,cAAc,GAAG,OAAO;CAE3C,GAAU,KAAK,CAAC,YAAY,CA2M9B;kBA7TkD,OAAO"}

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

@@ -0,0 +1,43 @@
+export default TopBar;
+/**
+ * TopBar component that displays a top navigation bar with a search trigger and a user menu.
+ *
+ * @component
+ * @param {Object} props - The component props.
+ * @param {React.ReactNode} [props.userMenu] - The user menu element.
+ * @param {React.ReactNode} [props.searchTrigger] - The search trigger element.
+ * @param {boolean} [props.hasNavigation] - Whether the navigation is present.
+ * @param {boolean} [props.alwaysShowUserMenuInTopBar] - Whether to always show the user menu in the top bar.
+ * @param {React.ReactNode} [props.headerAccessory] - Accessory to render in the header.
+ * @returns {JSX.Element} The rendered TopBar component.
+ */
+declare function TopBar(props?: {
+    userMenu?: React.ReactNode;
+    searchTrigger?: React.ReactNode;
+    hasNavigation?: boolean;
+    alwaysShowUserMenuInTopBar?: boolean;
+    headerAccessory?: React.ReactNode;
+}): JSX.Element;
+declare namespace TopBar {
+    export { UserMenu };
+}
+/**
+ * UserMenu component that displays a user menu with an optional popover.
+ *
+ * @component
+ * @param {Object} props - The component props.
+ * @param {string} [props.title] - The title displayed in the user menu.
+ * @param {string} [props.subtitle] - The subtitle displayed in the user menu.
+ * @param {React.ReactNode} [props.image] - An image element displayed in the user menu.
+ * @param {Array} [props.popoverSections] - Sections to display inside the popover.
+ * @param {Array} [props.popoverActions] - Actions to display inside the popover.
+ * @returns {JSX.Element} The rendered UserMenu component.
+ */
+declare function UserMenu(props?: {
+    title?: string;
+    subtitle?: string;
+    image?: React.ReactNode;
+    popoverSections?: any[];
+    popoverActions?: any[];
+}): JSX.Element;
+//# sourceMappingURL=TopBar.d.ts.map

package/dist/types/components/TopBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../components/TopBar.js"],"names":[],"mappings":";AAeA;;;;;;;;;;;GAWG;AACH,gCAPG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACS,aAAa,GAArC,KAAK,CAAC,SAAS;IACC,aAAa,GAA7B,OAAO;IACS,0BAA0B,GAA1C,OAAO;IACiB,eAAe,GAAvC,KAAK,CAAC,SAAS;CACvB,GAAU,GAAG,CAAC,OAAO,CAwCvB;;;;AAYD;;;;;;;;;;;GAWG;AACH,kCAPG;IAAuB,KAAK,GAApB,MAAM;IACS,QAAQ,GAAvB,MAAM;IACkB,KAAK,GAA7B,KAAK,CAAC,SAAS;IACD,eAAe;IACf,cAAc;CACpC,GAAU,GAAG,CAAC,OAAO,CAwDvB"}