@telicent-oss/ds 0.0.1

package/dist/src/components/TeliAvatar/TeliUserAvatar.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<Partial<import("./TeliUserAvatar").TeliUserAvatarProps>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type TeliUserAvatarStory = StoryObj<typeof meta>;
+export declare const BasicExample: TeliUserAvatarStory;
+export declare const InitialsExample: TeliUserAvatarStory;
+export declare const ImageExample: TeliUserAvatarStory;

package/dist/src/components/TeliBrand/TeliBrand.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { StandardLayoutProps } from "../../types/layout";
+import "./telibrand.css";
+export interface TeliBrandProps extends StandardLayoutProps, React.HTMLAttributes<HTMLAnchorElement> {
+    /**
+     * How big should the brand component be?
+     * @default base
+     */
+    size?: "base" | "jumbo";
+    /**
+     * URL
+     */
+    href?: string;
+    /**
+     * Where to display the linked URL, as the name for a browsing context (a tab, window, or <iframe>).
+     */
+    target?: string;
+    /**
+     * The relationship of the linked URL as space-separated link types
+     */
+    rel?: string;
+}
+/**
+ * Note: The application color is taken from index.css
+ */
+declare const TeliBrand: React.FC<TeliBrandProps>;
+export default TeliBrand;

package/dist/src/components/TeliBrand/TeliBrand.stories.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import TeliBrand from "./TeliBrand";
+declare const meta: {
+    component: React.FC<import("./TeliBrand").TeliBrandProps>;
+};
+export default meta;
+type Story = StoryObj<typeof TeliBrand>;
+export declare const WithAppName: Story;
+export declare const WithBetaAppName: Story;
+export declare const ClickableExample: Story;

package/dist/src/components/TeliBrand/TeliBrand.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/TeliButton/TeliButton.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { TeliButtonBaseProps } from "./TeliButtonBase";
+import "./teliButton.css";
+export interface TeliButtonProps extends TeliButtonBaseProps {
+    /**
+     * Tooltip contents
+     */
+    tooltip?: string;
+    /**
+     * Tooltip placement.
+     * @default bottom
+     */
+    tooltipPlacement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
+}
+declare const TeliButton: React.FC<TeliButtonProps>;
+export default TeliButton;

package/dist/src/components/TeliButton/TeliButton.stories.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<import("./TeliButton").TeliButtonProps>;
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+            };
+        };
+    };
+};
+export default meta;
+export type Story = StoryObj<typeof meta>;
+/**
+ * The TeliButton comes with four variants: primary, secondary,
+ * tertiary and link.
+ * All components accept an onClick handler that is applied to the root DOM element.
+ * **Note**: The documentation avoids mentioning native props (there are a lot)
+ * refer to the MUI and MDN documentation for a full list of props
+ */
+export declare const Basic: Story;
+export { PrimaryButtons, SecondaryButtons, TertiaryButtons, LinkButtons, DangerButtons, ButtonsWithIcons, IconButtons, Sizes, ButtonsWithTooltips, } from "./stories";

package/dist/src/components/TeliButton/TeliButtonBase.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import { ButtonBaseProps } from "@mui/material";
+type MUIButtonBaseProps = Omit<ButtonBaseProps, "centerRipple" | "classes" | "action" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "sx">;
+export interface TeliButtonBaseProps extends MUIButtonBaseProps {
+    /**
+     * The variant to use.**Note**: Use primary instead of contained, secondary
+     * instead of outline and tertiary instead of text. These variants will be
+     * removed in the next version
+     * @default primary
+     */
+    variant?: "primary" | "secondary" | "tertiary" | "link" | "basic";
+    linePosition?: "left" | "right" | "center";
+    /**
+     * The color of the component.
+     */
+    color?: "danger";
+    /**
+     * The URL to link to when the button is clicked. If defined, an a element
+     * will be used as the root node.
+     */
+    href?: string;
+    /**
+     * Element placed before the children.
+     */
+    startIcon?: React.ReactNode;
+    /**
+     * Element placed after the children.
+     */
+    endIcon?: React.ReactNode;
+    /**
+     * The size of the component.
+     */
+    size?: "small" | "medium" | "large";
+}
+declare const TeliButtonBase: React.FC<TeliButtonBaseProps>;
+export default TeliButtonBase;

package/dist/src/components/TeliButton/stories/ButtonWithIcons.d.ts

@@ -0,0 +1,3 @@
+import { Story } from "../TeliButton.stories";
+declare const ButtonsWithIcons: Story;
+export default ButtonsWithIcons;

package/dist/src/components/TeliButton/stories/ButtonWithTooltips.d.ts

@@ -0,0 +1,3 @@
+import { Story } from "../TeliButton.stories";
+declare const ButtonsWithTooltips: Story;
+export default ButtonsWithTooltips;

package/dist/src/components/TeliButton/stories/DangerButtons.d.ts

@@ -0,0 +1,3 @@
+import { Story } from "../TeliButton.stories";
+declare const DangerButtons: Story;
+export default DangerButtons;

package/dist/src/components/TeliButton/stories/IconButtons.d.ts

@@ -0,0 +1,3 @@
+import { Story } from "../TeliButton.stories";
+declare const IconButtons: Story;
+export default IconButtons;

package/dist/src/components/TeliButton/stories/LinkButtons.d.ts

@@ -0,0 +1,3 @@
+import { Story } from "../TeliButton.stories";
+declare const LinkButtons: Story;
+export default LinkButtons;

package/dist/src/components/TeliButton/stories/PrimaryButtons.d.ts

@@ -0,0 +1,3 @@
+import { Story } from "../TeliButton.stories";
+declare const PrimaryButtons: Story;
+export default PrimaryButtons;

package/dist/src/components/TeliButton/stories/SecondaryButtons.d.ts

@@ -0,0 +1,3 @@
+import { Story } from "../TeliButton.stories";
+declare const SecondaryButtons: Story;
+export default SecondaryButtons;

package/dist/src/components/TeliButton/stories/Sizes.d.ts

@@ -0,0 +1,3 @@
+import { Story } from "../TeliButton.stories";
+declare const Sizes: Story;
+export default Sizes;

package/dist/src/components/TeliButton/stories/TertiaryButtons.d.ts

@@ -0,0 +1,3 @@
+import { Story } from "../TeliButton.stories";
+export declare const TertiaryButtons: Story;
+export default TertiaryButtons;

package/dist/src/components/TeliButton/stories/index.d.ts

@@ -0,0 +1,9 @@
+export { default as ButtonsWithIcons } from "./ButtonWithIcons";
+export { default as Sizes } from "./Sizes";
+export { default as IconButtons } from "./IconButtons";
+export { default as DangerButtons } from "./DangerButtons";
+export { default as LinkButtons } from "./LinkButtons";
+export { default as TertiaryButtons } from "./TertiaryButtons";
+export { default as SecondaryButtons } from "./SecondaryButtons";
+export { default as PrimaryButtons } from "./PrimaryButtons";
+export { default as ButtonsWithTooltips } from "./ButtonWithTooltips";

package/dist/src/components/TeliCheckbox/TeliCheckbox.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from "react";
+import { type CheckboxProps } from "@mui/material";
+export interface TeliCheckboxProps extends CheckboxProps {
+    label?: string;
+}
+/**
+ * Checkboxes can be used to turn one or more options on or off.
+ * If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.
+ * If you have a single option, avoid using a checkbox and use an on/off switch instead.
+ * More information about this component can be found [here](https://mui.com/material-ui/react-checkbox/)
+ */
+declare const TeliCheckbox: FC<TeliCheckboxProps>;
+export default TeliCheckbox;

package/dist/src/components/TeliCheckbox/TeliCheckbox.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<import("./TeliCheckbox").TeliCheckboxProps>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const WithoutLabel: Story;
+export declare const CheckboxIcon: Story;

package/dist/src/components/TeliChip/TeliChip.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ChipProps } from "@mui/material";
+import "./telichip.css";
+type MUIChipProps = Omit<ChipProps, "variant" | "color" | "avatar" | "classes">;
+export interface TeliChipProps extends MUIChipProps {
+    href?: string;
+    variant?: "primary" | "secondary" | "tertiary" | "basic";
+}
+declare const TeliChip: React.FC<TeliChipProps>;
+export default TeliChip;

package/dist/src/components/TeliChip/TeliChip.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import { BasicChips, ChipsExample, ClickableChips, ClickableLinkChips, ColorChips, DeleteableChips, IconChips, SizeChips } from "./stories";
+declare const meta: {
+    component: import("react").FC<import("./TeliChip").TeliChipProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+export type TeliChipStory = StoryObj<typeof meta>;
+export { BasicChips, ClickableChips, DeleteableChips, ClickableLinkChips, IconChips, ColorChips, SizeChips, ChipsExample, };

package/dist/src/components/TeliChip/stories/BasicChips.d.ts

@@ -0,0 +1,3 @@
+import { TeliChipStory } from "../TeliChip.stories";
+declare const BasicChips: TeliChipStory;
+export default BasicChips;

package/dist/src/components/TeliChip/stories/ChipsExample.d.ts

@@ -0,0 +1,3 @@
+import { TeliChipStory } from "../TeliChip.stories";
+declare const ChipsExample: TeliChipStory;
+export default ChipsExample;

package/dist/src/components/TeliChip/stories/ClickableChips.d.ts

@@ -0,0 +1,3 @@
+import { TeliChipStory } from "../TeliChip.stories";
+declare const ClickableChips: TeliChipStory;
+export default ClickableChips;

package/dist/src/components/TeliChip/stories/ClickableLinkChips.d.ts

@@ -0,0 +1,3 @@
+import { TeliChipStory } from "../TeliChip.stories";
+declare const ClickableLinkChips: TeliChipStory;
+export default ClickableLinkChips;

package/dist/src/components/TeliChip/stories/ColorChips.d.ts

@@ -0,0 +1,3 @@
+import { TeliChipStory } from "../TeliChip.stories";
+declare const ColorChips: TeliChipStory;
+export default ColorChips;

package/dist/src/components/TeliChip/stories/DeleteableChips.d.ts

@@ -0,0 +1,3 @@
+import { TeliChipStory } from "../TeliChip.stories";
+declare const DeleteableChips: TeliChipStory;
+export default DeleteableChips;

package/dist/src/components/TeliChip/stories/IconChips.d.ts

@@ -0,0 +1,3 @@
+import { TeliChipStory } from "../TeliChip.stories";
+declare const IconChips: TeliChipStory;
+export default IconChips;

package/dist/src/components/TeliChip/stories/SizeChips.d.ts

@@ -0,0 +1,3 @@
+import { TeliChipStory } from "../TeliChip.stories";
+declare const SizeChips: TeliChipStory;
+export default SizeChips;

package/dist/src/components/TeliChip/stories/index.d.ts

@@ -0,0 +1,8 @@
+export { default as BasicChips } from "./BasicChips";
+export { default as ChipsExample } from "./ChipsExample";
+export { default as ClickableChips } from "./ClickableChips";
+export { default as ClickableLinkChips } from "./ClickableLinkChips";
+export { default as ColorChips } from "./ColorChips";
+export { default as DeleteableChips } from "./DeleteableChips";
+export { default as IconChips } from "./IconChips";
+export { default as SizeChips } from "./SizeChips";

package/dist/src/components/TeliDialog/TeliDialog.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+import { DialogActionsProps, DialogContentProps, DialogProps, DialogTitleProps } from "@mui/material";
+import "./telidialog.css";
+/**
+ * A Dialog is a type of modal window that appears in front of app content to provide critical information or ask for a decision.
+ * They can also be used to inform users about a task and can contain critical information, require decisions, or involve multiple tasks.
+ * Dialogs disable all app functionality when they appear, and remain on screen until confirmed, dismissed, or a required action has been taken.
+ * Dialogs are purposefully interruptive, so they should be used sparingly.
+ * More information about how this component can be used can be found [here](https://mui.com/material-ui/react-dialog/#scrolling-long-content)
+ */
+declare const TeliDialog: FC<DialogProps>;
+declare const TeliDialogContent: FC<DialogContentProps>;
+declare const TeliDialogActions: FC<DialogActionsProps>;
+declare const TeliDialogTitle: FC<DialogTitleProps>;
+export { TeliDialog, TeliDialogContent, TeliDialogActions, TeliDialogTitle };

package/dist/src/components/TeliDialog/TeliDialog.stories.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: React.FC<import("@mui/material").DialogProps>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicDialog: Story;

package/dist/src/components/TeliHeader/TeliHeader.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type NavProps = JSX.IntrinsicElements["nav"];
+export interface TeliHeaderProps extends React.HTMLAttributes<HTMLHeadElement> {
+    children?: React.ReactNode;
+    /**
+     * Attributes to add to the nav component
+     */
+    navProps?: NavProps;
+}
+declare const TeliHeader: React.FC<TeliHeaderProps>;
+export default TeliHeader;

package/dist/src/components/TeliHeader/TeliHeader.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<import("./TeliHeader").TeliHeaderProps>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CustomHeader: Story;

package/dist/src/components/TeliHeader/TeliStandardLayoutHeader.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { TeliBrandProps } from "../TeliBrand/TeliBrand";
+import { AppSwitchProps } from "../AppSwitch/AppSwitch";
+import "./standard-layout-header.css";
+export interface TeliStandardLayoutHeaderProps {
+    /**
+     * The list of applications to include in the app switcher
+     */
+    apps?: AppSwitchProps["apps"];
+    /**
+     * The telicent application name
+     */
+    appName: TeliBrandProps["appName"];
+    /**
+     * Has the application moved into its second phase of testing and is ready for external use by customers or clients?
+     * @default false
+     */
+    beta?: TeliBrandProps["beta"];
+    /**
+     * TeliUserProfile component
+     */
+    userProfile?: React.ReactNode;
+}
+declare const TeliStandardLayoutHeader: React.FC<TeliStandardLayoutHeaderProps>;
+export default TeliStandardLayoutHeader;

package/dist/src/components/TeliHeader/TeliStandardLayoutHeader.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<import("./TeliStandardLayoutHeader").TeliStandardLayoutHeaderProps>;
+};
+export default meta;
+type TeliStandardLayoutHeaderStory = StoryObj<typeof meta>;
+export declare const Basic: TeliStandardLayoutHeaderStory;
+export declare const AppSwitcherExample: TeliStandardLayoutHeaderStory;
+export declare const UserProfileExample: TeliStandardLayoutHeaderStory;

package/dist/src/components/TeliIcons/AllIcons.d.ts

@@ -0,0 +1,2 @@
+declare const AllIcons: () => import("react/jsx-runtime").JSX.Element;
+export default AllIcons;

package/dist/src/components/TeliIcons/AllIcons.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import AllIcons from "./AllIcons";
+declare const meta: Meta<typeof AllIcons>;
+export default meta;
+type IconStory = StoryObj<typeof AllIcons>;
+export declare const Example: IconStory;

package/dist/src/components/TeliIcons/ClockRotateLeft.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TeliIconProps } from "./Icon";
+declare const ClockRotateLeft: React.FC<Partial<TeliIconProps>>;
+export default ClockRotateLeft;

package/dist/src/components/TeliIcons/ClockRotateLeft.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import ClockRotateLeft from "./ClockRotateLeft";
+declare const meta: Meta<typeof ClockRotateLeft>;
+export default meta;
+type ClockRotateLeftStory = StoryObj<typeof ClockRotateLeft>;
+export declare const Example: ClockRotateLeftStory;

package/dist/src/components/TeliIcons/Icon.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { IconProp, SizeProp } from "@fortawesome/fontawesome-svg-core";
+export type TeliIconProps = React.HTMLAttributes<SVGElement> & {
+    /**
+     * Can be used to control the size of the icon
+     */
+    size: SizeProp;
+};
+interface IconProps extends Partial<TeliIconProps> {
+    faIcon: IconProp;
+}
+declare const Icon: React.FC<IconProps>;
+export default Icon;

package/dist/src/components/TeliIcons/TeliAddIcon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TeliIconProps } from "./Icon";
+declare const TeliAddIcon: React.FC<Partial<TeliIconProps>>;
+export default TeliAddIcon;

package/dist/src/components/TeliIcons/TeliAddIcon.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import TeliAddIcon from "./TeliAddIcon";
+declare const meta: Meta<typeof TeliAddIcon>;
+export default meta;
+type TeliAddIconStory = StoryObj<typeof TeliAddIcon>;
+export declare const Example: TeliAddIconStory;

package/dist/src/components/TeliIcons/TeliCloseIcon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TeliIconProps } from "./Icon";
+declare const TeliCloseIcon: React.FC<Partial<TeliIconProps>>;
+export default TeliCloseIcon;

package/dist/src/components/TeliIcons/TeliCloseIcon.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import TeliCloseIcon from "./TeliCloseIcon";
+declare const meta: Meta<typeof TeliCloseIcon>;
+export default meta;
+type TeliCloseIconStory = StoryObj<typeof TeliCloseIcon>;
+export declare const Example: TeliCloseIconStory;

package/dist/src/components/TeliIcons/TeliDeleteIcon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TeliIconProps } from "./Icon";
+declare const TeliDeleteIcon: React.FC<Partial<TeliIconProps>>;
+export default TeliDeleteIcon;

package/dist/src/components/TeliIcons/TeliDeleteIcon.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import TeliDeleteIcon from "./TeliDeleteIcon";
+declare const meta: Meta<typeof TeliDeleteIcon>;
+export default meta;
+type TeliDeleteIconStory = StoryObj<typeof TeliDeleteIcon>;
+export declare const Example: TeliDeleteIconStory;

package/dist/src/components/TeliIcons/TeliEditIcon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TeliIconProps } from "./Icon";
+declare const TeliEditIcon: React.FC<Partial<TeliIconProps>>;
+export default TeliEditIcon;

package/dist/src/components/TeliIcons/TeliEditIcon.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import TeliEditIcon from "./TeliEditIcon";
+declare const meta: Meta<typeof TeliEditIcon>;
+export default meta;
+type TeliEditIconStory = StoryObj<typeof TeliEditIcon>;
+export declare const Example: TeliEditIconStory;

package/dist/src/components/TeliIcons/TeliSearchIcon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TeliIconProps } from "./Icon";
+declare const TeliSearchIcon: React.FC<Partial<TeliIconProps>>;
+export default TeliSearchIcon;

package/dist/src/components/TeliIcons/TeliSearchIcon.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import TeliSearchIcon from "./TeliSearchIcon";
+declare const meta: Meta<typeof TeliSearchIcon>;
+export default meta;
+type TeliSearchIconStory = StoryObj<typeof TeliSearchIcon>;
+export declare const Example: TeliSearchIconStory;

package/dist/src/components/TeliIcons/TeliSortIcon.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { TeliSortAZIcon } from "./TeliSortIcons";
+declare const meta: Meta<typeof TeliSortAZIcon>;
+export default meta;
+type TeliSortIconStory = StoryObj<typeof TeliSortAZIcon>;
+export declare const SortAZ: TeliSortIconStory;
+export declare const SortZA: TeliSortIconStory;

package/dist/src/components/TeliIcons/TeliSortIcons.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { TeliIconProps } from "./Icon";
+declare const TeliSortAZIcon: React.FC<Partial<TeliIconProps>>;
+declare const TeliSortZAIcon: React.FC<Partial<TeliIconProps>>;
+export { TeliSortAZIcon, TeliSortZAIcon };

package/dist/src/components/TeliIcons/index.d.ts

@@ -0,0 +1,7 @@
+export { default as ClockRotateLeft } from "./ClockRotateLeft";
+export { default as TeliAddIcon } from "./TeliAddIcon";
+export { default as TeliCloseIcon } from "./TeliCloseIcon";
+export { default as TeliDeleteIcon } from "./TeliDeleteIcon";
+export { default as TeliEditIcon } from "./TeliEditIcon";
+export { default as TeliSearchIcon } from "./TeliSearchIcon";
+export * from "./TeliSortIcons";

package/dist/src/components/TeliList/TeliList.d.ts

@@ -0,0 +1,29 @@
+import React, { type FC } from "react";
+import { ListItemButtonProps, ListItemProps, ListProps } from "@mui/material";
+export type TeliListProps = React.HTMLAttributes<HTMLUListElement> & Partial<{
+    dense: ListProps["dense"];
+    disablePadding: ListProps["disablePadding"];
+    subheader: ListProps["subheader"];
+}>;
+declare const TeliList: FC<TeliListProps>;
+type TeliListItemButtonProps = React.HTMLAttributes<HTMLButtonElement> & Partial<{
+    alignItems: ListItemButtonProps["alignItems"];
+    autoFocus: ListItemButtonProps["autoFocus"];
+    dense: ListItemButtonProps["dense"];
+    disabled: ListItemButtonProps["disabled"];
+    disableGutters: ListItemButtonProps["disableGutters"];
+    divider: ListItemButtonProps["divider"];
+    selected: ListItemButtonProps["selected"];
+}>;
+declare const TeliListItemButton: FC<TeliListItemButtonProps>;
+type TeliListItemProps = React.HTMLAttributes<HTMLLIElement> & Partial<{
+    alignItems: ListItemProps["alignItems"];
+    children: ListItemProps["children"];
+    dense: ListItemProps["dense"];
+    disableGutters: ListItemProps["disableGutters"];
+    disablePadding: ListItemProps["disablePadding"];
+    divider: ListItemProps["divider"];
+    secondaryAction: ListItemProps["secondaryAction"];
+}>;
+declare const TeliListItem: FC<TeliListItemProps>;
+export { TeliList, TeliListItemButton, TeliListItem };

package/dist/src/components/TeliList/TeliList.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<import("./TeliList").TeliListProps>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;

package/dist/src/components/TeliMenu/BasicMenuContents.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { MenuItem } from "./TeliBasicMenu";
+interface TeliMenuProps1 {
+    buttonId?: any;
+    children?: React.ReactNode;
+    emptyMessage?: string;
+    listId?: any;
+    menuItems?: MenuItem[];
+    open?: boolean;
+    onKeyDown?: React.KeyboardEventHandler<HTMLUListElement>;
+    onMenuItemClick: (onClick?: (event?: Event | React.SyntheticEvent) => void) => (event: Event | React.SyntheticEvent) => void;
+}
+declare const BasicMenuContents: React.FC<TeliMenuProps1>;
+export default BasicMenuContents;