@heymantle/litho 0.0.3 → 0.0.4

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

@@ -0,0 +1,45 @@
+export default Image;
+/**
+ * Image component that renders an image with optional styling and behavior.
+ *
+ * @component
+ * @param {Object} props - Properties passed to the Image component.
+ * @param {string} [props.alt] - Alternative text for the image.
+ * @param {Array<{source: string, descriptor: string}>} [props.sourceSet] - Array of image sources and descriptors for responsive images.
+ * @param {string} [props.source] - URL of the image to display.
+ * @param {boolean} [props.rounded] - Whether to round the image.
+ * @param {string} [props.crossOrigin] - Sets the crossOrigin attribute for the image. Possible values are "anonymous" or "use-credentials".
+ * @param {function} [props.onLoad] - Callback function to handle the image load event.
+ * @param {string} [props.className] - Additional classes to apply to the image.
+ * @param {('default'|'none'|'xs'|'sm'|'md'|'lg'|'full'|'max')} [props.borderRadius='default'] - The border radius variant for the image.
+ * @param {Object} [rest] - Any additional props passed to the underlying `<img>` element.
+ *
+ * @example
+ * <Image
+ *   alt="Sample Image"
+ *   sourceSet={[
+ *     { source: 'image-320w.jpg', descriptor: '320w' },
+ *     { source: 'image-640w.jpg', descriptor: '640w' }
+ *   ]}
+ *   source="image.jpg"
+ *   borderRadius="md"
+ *   onLoad={() => console.log("Image loaded")}
+ *   className="custom-class"
+ * />
+ *
+ * @returns {JSX.Element} A styled image component with optional responsive support.
+ */
+declare function Image(props?: {
+    alt?: string;
+    sourceSet?: Array<{
+        source: string;
+        descriptor: string;
+    }>;
+    source?: string;
+    rounded?: boolean;
+    crossOrigin?: string;
+    onLoad?: Function;
+    className?: string;
+    borderRadius?: ("default" | "none" | "xs" | "sm" | "md" | "lg" | "full" | "max");
+}): JSX.Element;
+//# sourceMappingURL=Image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../components/Image.js"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,+BA1BG;IAAuB,GAAG,GAAlB,MAAM;IAC8C,SAAS,GAA7D,KAAK,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAC,CAAC;IAC5B,MAAM,GAArB,MAAM;IACU,OAAO,GAAvB,OAAO;IACQ,WAAW,GAA1B,MAAM;IACW,MAAM;IACR,SAAS,GAAxB,MAAM;IACsD,YAAY,GAAxE,CAAC,SAAS,GAAC,MAAM,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,MAAM,GAAC,KAAK,CAAC;CAC3D,GAeU,GAAG,CAAC,OAAO,CAuCvB"}

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

@@ -0,0 +1,22 @@
+export default InlineError;
+/**
+ * InlineError Component
+ *
+ * Displays an inline error message with an icon, useful for indicating errors next to form fields.
+ *
+ * @component
+ * @param {Object} props - Component properties.
+ * @param {string} props.message - The error message to display.
+ * @param {string} props.fieldID - The ID of the field this error is associated with, used to generate an accessible ID for the error element.
+ *
+ * @returns {JSX.Element} A styled inline error message with an icon.
+ *
+ * @example
+ * <InlineError message="This field is required" fieldID="username" />
+ *
+ */
+declare function InlineError(props?: {
+    message: string;
+    fieldID: string;
+}): JSX.Element;
+//# sourceMappingURL=InlineError.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineError.d.ts","sourceRoot":"","sources":["../../../components/InlineError.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;GAeG;AAEH,qCAVG;IAAsB,OAAO,EAArB,MAAM;IACQ,OAAO,EAArB,MAAM;CAEd,GAAU,GAAG,CAAC,OAAO,CAqBvB"}

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

@@ -0,0 +1,28 @@
+export default Label;
+/**
+ * Label component
+ *
+ * This component renders a customizable label element with optional required indicator styling.
+ * It uses `tailwind-variants` to apply base styles and accepts various props for customization.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param {React.ReactNode} props.children - The content to be displayed within the label.
+ * @param {string} [props.id] - The identifier for the label and its associated form element.
+ * @param {boolean} [props.hidden] - If true, the label is visually hidden.
+ * @param {boolean} [props.requiredIndicator] - If true, displays an asterisk (*) to indicate a required field.
+ * @param {string} [props.className] - Additional CSS class names.
+ * @param {React.ReactNode|import("./Tooltip").TooltipContentObject} [props.tooltip] - Tooltip content for the label.
+ * @param {Object} [props.rest] - Additional props to be spread onto the label element.
+ *
+ * @returns {JSX.Element} The rendered label component with optional required indicator.
+ */
+declare function Label(props?: {
+    children: React.ReactNode;
+    id?: string;
+    hidden?: boolean;
+    requiredIndicator?: boolean;
+    className?: string;
+    tooltip?: React.ReactNode | import("./Tooltip").TooltipContentObject;
+    rest?: any;
+}): JSX.Element;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../components/Label.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;GAgBG;AAEH,+BAXG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACA,EAAE,GAAjB,MAAM;IACU,MAAM,GAAtB,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACQ,SAAS,GAAxB,MAAM;IAC2D,OAAO,GAAxE,KAAK,CAAC,SAAS,GAAC,OAAO,WAAW,EAAE,oBAAoB;IACzC,IAAI;CAE3B,GAAU,GAAG,CAAC,OAAO,CAiDvB"}

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

@@ -0,0 +1,44 @@
+export const LayoutContext: React.Context<any>;
+export default Layout;
+import React from "react";
+/**
+ * Layout component for structuring content.
+ *
+ * The `Layout` component organizes its children into a flexible and responsive layout.
+ * If no `Layout.Section` or `Layout.AnnotatedSection` children are found, it wraps the
+ * children inside a default `Layout.Section`.
+ *
+ * @param {Object} props - Component props.
+ * @param {React.ReactNode} props.children - The content to render inside the layout.
+ * @returns {JSX.Element} The rendered layout component.
+ */
+declare function Layout(props?: {
+    children: React.ReactNode;
+}): JSX.Element;
+declare namespace Layout {
+    export { AnnotatedSection };
+    export { Section };
+}
+/**
+ * AnnotatedSection component for displaying a titled section with optional description.
+ *
+ * The `AnnotatedSection` organizes content into two main areas:
+ * - Annotation: Displays a title and description.
+ * - Content: Displays the main content provided as children.
+ *
+ * @param {Object} props - Component props.
+ * @param {React.ReactNode} props.children - The main content of the section.
+ * @param {string|React.ReactNode} [props.title] - The title for the annotated section.
+ * @param {string|React.ReactNode} [props.description] - A brief description for the annotated section.
+ * @returns {JSX.Element} The rendered annotated section component.
+ */
+declare function AnnotatedSection(props?: {
+    children: React.ReactNode;
+    title?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+}): JSX.Element;
+declare namespace AnnotatedSection {
+    let displayName: string;
+}
+import Section from "./LayoutSection";
+//# sourceMappingURL=Layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../components/Layout.js"],"names":[],"mappings":"AAQA,+CAA6C;;kBANC,OAAO;AAiCrD;;;;;;;;;;GAUG;AACH,gCAHG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;CACvB,GAAU,GAAG,CAAC,OAAO,CAmDvB;;;;;AAeD;;;;;;;;;;;;GAYG;AACH,0CALG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACgB,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;IACS,WAAW,GAA1C,MAAM,GAAC,KAAK,CAAC,SAAS;CAC9B,GAAU,GAAG,CAAC,OAAO,CAevB;;;;oBApImB,iBAAiB"}

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

@@ -0,0 +1,24 @@
+export default Section;
+/**
+ * Section component for flexible content grouping.
+ *
+ * The `Section` allows for configuring its layout, supporting sidebar and slim variants.
+ *
+ * @param {Object} props - Component props.
+ * @param {React.ReactNode} props.children - The content to render inside the section.
+ * @param {boolean|"slim"} [props.sidebar=false] - Configures the section layout:
+ *  - `true`: Makes it a sidebar with a 1/3 basis.
+ *  - `"slim"`: Makes it a slim sidebar with a max width of 320px.
+ *  - `false`: Allows it to grow.
+ * @params {boolean|integer} props.sticky - Specify whether the section becomes sticky or not
+ * @returns {JSX.Element} The rendered section component.
+ */
+declare function Section(props?: {
+    children: React.ReactNode;
+    sidebar?: boolean | "slim";
+}): JSX.Element;
+declare namespace Section {
+    let displayName: string;
+}
+import React from "react";
+//# sourceMappingURL=LayoutSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSection.d.ts","sourceRoot":"","sources":["../../../components/LayoutSection.js"],"names":[],"mappings":";AAgDA;;;;;;;;;;;;;GAaG;AACH,iCARG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACQ,OAAO,GAA9B,OAAO,GAAC,MAAM;CAItB,GACU,GAAG,CAAC,OAAO,CA8BvB;;;;kBAxFiC,OAAO"}

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

@@ -0,0 +1,38 @@
+export default Link;
+/**
+ * Renders an accessible link with customizable styling based on variants.
+ *
+ * @param {Object} props - Props for the Link component.
+ * @param {string} props.url - The URL the link points to.
+ * @param {React.ReactNode} props.children - Content to display within the link.
+ * @param {Function} [props.onClick] - Optional click event handler for the link.
+ * @param {boolean} [props.external=false] - If true, opens the link in a new tab.
+ * @param {string} [props.target] - Optional target attribute for specifying where to open the link.
+ * @param {string} [props.id] - Optional id attribute for the link.
+ * @param {boolean} [props.monochrome=false] - If true, applies monochrome color scheme.
+ * @param {boolean} [props.removeUnderline=false] - If true, removes underline from the link.
+ * @param {string} [props.accessibilityLabel] - Optional aria-label for accessibility.
+ * @param {string} [props.dataPrimaryLink] - Optional data attribute for custom tracking.
+ * @param {Function} [props.onMouseEnter] - Optional mouse enter event handler for the link.
+ * @param {Function} [props.onMouseLeave] - Optional mouse leave event handler for the link.
+ *
+ * @returns {JSX.Element} Rendered link element.
+ */
+declare function Link(props?: {
+    url: string;
+    children: React.ReactNode;
+    onClick?: Function;
+    external?: boolean;
+    target?: string;
+    id?: string;
+    monochrome?: boolean;
+    removeUnderline?: boolean;
+    accessibilityLabel?: string;
+    dataPrimaryLink?: string;
+    onMouseEnter?: Function;
+    onMouseLeave?: Function;
+}): JSX.Element;
+declare namespace Link {
+    let displayName: string;
+}
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../components/Link.js"],"names":[],"mappings":";AAwCA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,8BAhBG;IAAsB,GAAG,EAAjB,MAAM;IACiB,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACE,OAAO;IACR,QAAQ,GAAxB,OAAO;IACQ,MAAM,GAArB,MAAM;IACS,EAAE,GAAjB,MAAM;IACU,UAAU,GAA1B,OAAO;IACS,eAAe,GAA/B,OAAO;IACQ,kBAAkB,GAAjC,MAAM;IACS,eAAe,GAA9B,MAAM;IACW,YAAY;IACZ,YAAY;CAErC,GAAU,GAAG,CAAC,OAAO,CA8CvB"}

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

@@ -0,0 +1,33 @@
+export default List;
+/**
+ * List component for rendering unordered or ordered lists.
+ *
+ * @param {Object} props - Component props.
+ * @param {React.ReactNode} props.children - The list items to render inside the list.
+ * @param {'normal' | 'loose' | 'tight'} [props.spacing='normal'] - Controls vertical spacing between list items.
+ * @param {'bullet' | 'number'} [props.type='bullet'] - Determines list type: bullet (unordered) or number (ordered).
+ * @param {string} [props.className] - Additional class names to apply to the list container.
+ * @returns {JSX.Element} The rendered List component.
+ */
+declare function List(props?: {
+    children: React.ReactNode;
+    spacing?: "normal" | "loose" | "tight";
+    type?: "bullet" | "number";
+    className?: string;
+}): JSX.Element;
+declare namespace List {
+    export { Item };
+}
+/**
+ * Item component for individual list items in the List component.
+ *
+ * @param {Object} props - Component props.
+ * @param {React.ReactNode} props.children - The content of the list item.
+ * @param {string} [props.className] - Additional class names to apply to the list item.
+ * @returns {JSX.Element} The rendered Item component.
+ */
+declare function Item(props?: {
+    children: React.ReactNode;
+    className?: string;
+}): JSX.Element;
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../components/List.js"],"names":[],"mappings":";AAkBA;;;;;;;;;GASG;AAEH,8BAPG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACsB,OAAO,GAA5C,QAAQ,GAAG,OAAO,GAAG,OAAO;IACA,IAAI,GAAhC,QAAQ,GAAG,QAAQ;IACJ,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAqBvB;;;;AAMD;;;;;;;GAOG;AAEH,8BALG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACA,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAgBvB"}

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

@@ -0,0 +1,34 @@
+export default Listbox;
+/**
+ * A customizable Listbox component for displaying a list of options with selectable states.
+ * The component supports keyboard navigation and optional icons for selected items.
+ *
+ * @component
+ * @param {Object} props - The properties object.
+ * @param {Array<Object>} props.options - Array of options to render in the listbox.
+ * Each option should be an object with the following properties:
+ *   - `label` {string}: The display label of the option.
+ *   - `value` {string | number}: The unique value of the option.
+ *   - `selected` {boolean}: Whether the option is currently selected.
+ *   - `onAction` {function}: A callback function invoked when the option is clicked or "Enter" is pressed.
+ * @param {boolean} [props.showIcon=false] - Determines whether to display an icon next to selected options.
+ * @param {React.ReactNode} [props.icon=MobileAcceptMajor] - The icon to display for selected options (default is `MobileAcceptMajor`).
+ * @param {boolean} [props.displayHorizontallyOnMobile=false] - Determines whether to display the listbox horizontally on mobile.
+ *
+ * @example
+ * const options = [
+ *   { label: "Option 1", value: "opt1", selected: false, onAction: () => console.log("Option 1 clicked") },
+ *   { label: "Option 2", value: "opt2", selected: true, onAction: () => console.log("Option 2 clicked") },
+ * ];
+ *
+ * <Listbox options={options} showIcon={true} icon={CustomIcon} />
+ *
+ * @returns {JSX.Element} The rendered Listbox component.
+ */
+declare function Listbox(props?: {
+    options: Array<any>;
+    showIcon?: boolean;
+    icon?: React.ReactNode;
+    displayHorizontallyOnMobile?: boolean;
+}): JSX.Element;
+//# sourceMappingURL=Listbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../components/Listbox.js"],"names":[],"mappings":";AAuCA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iCApBG;IAA6B,OAAO,EAA5B,KAAK,KAAQ;IAMG,QAAQ,GAAxB,OAAO;IACiB,IAAI,GAA5B,KAAK,CAAC,SAAS;IACC,2BAA2B,GAA3C,OAAO;CAEf,GAQU,GAAG,CAAC,OAAO,CA8FvB"}

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

@@ -0,0 +1,13 @@
+export default Loading;
+/**
+ * A loading progress bar component that animates over a specified duration.
+ *
+ * @component
+ * @param {Object} props - The props object.
+ * @param {number} [props.maxDuration=10000] - The maximum duration (in milliseconds) for the loading progress bar to reach 100%.
+ * @returns {JSX.Element} A fixed progress bar displayed at the top of the page.
+ */
+declare function Loading(props?: {
+    maxDuration?: number;
+}): JSX.Element;
+//# sourceMappingURL=Loading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../components/Loading.js"],"names":[],"mappings":";AAIA;;;;;;;GAOG;AACH,iCAHG;IAAuB,WAAW,GAA1B,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAqCvB"}

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

@@ -0,0 +1,75 @@
+export const ModalContext: React.Context<boolean>;
+export default Modal;
+import React from "react";
+/**
+ * Modal component for displaying a customizable dialog.
+ *
+ * @param {Object} props - The component props.
+ * @param {React.ReactNode} [props.children] - The content of the modal.
+ * @param {string} [props.title] - The title of the modal.
+ * @param {string} [props.subtitle] - The subtitle of the modal.
+ * @param {boolean} [props.open=false] - Whether the modal is open.
+ * @param {Function} [props.onClose] - Callback function for closing the modal.
+ * @param {boolean} [props.sectioned=false] - Whether the modal content should be sectioned.
+ * @param {Object} [props.primaryAction] - The primary action for the modal.
+ * @param {string} [props.primaryAction.content] - Content of the primary action button.
+ * @param {Function} [props.primaryAction.onAction] - Callback for the primary action.
+ * @param {boolean} [props.primaryAction.loading=false] - Whether the primary action is loading.
+ * @param {boolean} [props.primaryAction.disabled=false] - Whether the primary action is disabled.
+ * @param {boolean} [props.primaryAction.destructive=false] - Whether the primary action is destructive.
+ * @param {Object} [props.secondaryAction] - The secondary action for the modal.
+ * @param {string} [props.secondaryAction.content] - Content of the secondary action button.
+ * @param {Function} [props.secondaryAction.onAction] - Callback for the secondary action.
+ * @param {boolean} [props.secondaryAction.disabled=false] - Whether the secondary action is disabled.
+ * @param {Object[]} [props.secondaryActions=[]] - Additional secondary actions.
+ * @param {Object} [props.destructiveAction] - A destructive action for the modal.
+ * @param {boolean} [props.loading=false] - Whether the modal is in a loading state.
+ * @param {string} [props.size="default"] - The size of the modal (default, large, or full).
+ * @param {React.ReactNode} [props.leftAccessory] - Left accessory content in the footer.
+ * @param {boolean} [props.hideCloseButton=false] - Whether to hide the close button.
+ * @param {number} [props.zIndexOverride=1000] - The z-index of the modal.
+ * @returns {React.ReactPortal|null} The rendered modal component or null if not open.
+ */
+declare function Modal(props?: {
+    children?: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+    open?: boolean;
+    onClose?: Function;
+    sectioned?: boolean;
+    primaryAction?: {
+        content?: string;
+        onAction?: Function;
+        loading?: boolean;
+        disabled?: boolean;
+        destructive?: boolean;
+    };
+    secondaryAction?: {
+        content?: string;
+        onAction?: Function;
+        disabled?: boolean;
+    };
+    secondaryActions?: any[];
+    destructiveAction?: any;
+    loading?: boolean;
+    size?: string;
+    leftAccessory?: React.ReactNode;
+    hideCloseButton?: boolean;
+    zIndexOverride?: number;
+}): React.ReactPortal | null;
+declare namespace Modal {
+    export { Section };
+}
+/**
+ * Section component for use within the Modal.
+ *
+ * @param {Object} props - The component props.
+ * @param {React.ReactNode} [props.children] - The content of the section.
+ * @param {boolean} [props.flush=false] - Whether the section should be flush with no padding.
+ * @returns {JSX.Element} The rendered section.
+ */
+declare function Section(props?: {
+    children?: React.ReactNode;
+    flush?: boolean;
+}): JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/Modal.js"],"names":[],"mappings":"AAaA,kDAAiD;;kBAVkC,OAAO;AAgE1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,+BA1BG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,KAAK,GAApB,MAAM;IACS,QAAQ,GAAvB,MAAM;IACU,IAAI,GAApB,OAAO;IACU,OAAO;IACR,SAAS,GAAzB,OAAO;IACQ,aAAa,GACpC;QAAqC,OAAO,GAApC,MAAM;QACyB,QAAQ;QACT,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;QACuB,WAAW,GAAzC,OAAO;KACf;IAAuB,eAAe,GACtC;QAAuC,OAAO,GAAtC,MAAM;QAC2B,QAAQ;QACT,QAAQ,GAAxC,OAAO;KACf;IAAyB,gBAAgB,GAAjC,KAAQ;IACO,iBAAiB;IAChB,OAAO,GAAvB,OAAO;IACQ,IAAI,GAAnB,MAAM;IACkB,aAAa,GAArC,KAAK,CAAC,SAAS;IACC,eAAe,GAA/B,OAAO;IACQ,cAAc,GAA7B,MAAM;CACd,GAAU,KAAK,CAAC,WAAW,GAAC,IAAI,CAqMlC;;;;AAED;;;;;;;GAOG;AAEH,iCALG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,KAAK,GAArB,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CA0EvB"}

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

@@ -0,0 +1,105 @@
+export default Navigation;
+/**
+ * Navigation component.
+ * A sidebar navigation component for displaying links, sections, and footer links.
+ *
+ * @component
+ * @param {Object} props - Component properties.
+ * @param {Object} [props.breadcrumb] - Breadcrumb navigation item.
+ * @param {string} [props.breadcrumb.content] - Label for the breadcrumb.
+ * @param {Function} [props.breadcrumb.onAction] - Callback for breadcrumb action.
+ * @param {Array<Object>} [props.sections] - Array of navigation sections.
+ * @param {Object} [props.sections[].title] - Section title configuration.
+ * @param {string} [props.sections[].title.label] - Title label.
+ * @param {boolean} [props.sections[].title.selected] - Whether the title is selected.
+ * @param {Function} [props.sections[].title.onAction] - Callback for title action.
+ * @param {Array<Object>} [props.sections[].links] - Array of link configurations for the section.
+ * @param {Array<Object>} [props.footerLinks] - Array of footer link configurations.
+ * @returns {JSX.Element} The rendered Navigation component.
+ */
+declare function Navigation(props?: {
+    breadcrumb?: {
+        content?: string;
+        onAction?: Function;
+    };
+    sections?: Array<any>;
+}): JSX.Element;
+declare namespace Navigation {
+    export { Link };
+    export { SubLink };
+}
+/**
+ * Navigation.Link component.
+ * Represents a link within the navigation.
+ *
+ * @component
+ * @param {Object} props - Component properties.
+ * @param {boolean} [props.selected] - Whether the link is selected.
+ * @param {boolean} [props.highlight] - Whether the link is highlighted.
+ * @param {Array<Object>} [props.subLinks] - Array of sub-links for this link.
+ * @param {boolean} [props.showSubLinksAsRegularLinks] - Whether to render sub-links as regular links.
+ * @param {boolean} [props.showDividerAbove] - Whether to show a divider above the link.
+ * @param {boolean} [props.showDividerBelow] - Whether to show a divider below the link.
+ * @param {Function} [props.onAction] - Callback for the link action.
+ * @param {React.ReactNode} [props.source] - Optional source content to render.
+ * @param {React.ReactNode} [props.icon] - Optional icon to render.
+ * @param {string} [props.label] - Label for the link.
+ * @param {Object} [props.badge] - Badge configuration.
+ * @param {string} [props.badge.status] - Badge status (e.g., "success", "warning").
+ * @param {string} [props.badge.label] - Badge label.
+ * @param {boolean} [props.external] - Whether the link is external.
+ * @param {boolean} [props.disclosure] - Whether the link has a disclosure icon.
+ * @param {string} [props.iconDisplay] - Icon display style (e.g., "block", "inline").
+ * @param {boolean} [props.keepNavigationOpen] - Whether to keep the navigation open.
+ * @param {React.ReactNode} [props.accessory] - Optional accessory to render.
+ * @returns {JSX.Element} The rendered Link component.
+ */
+declare function Link(props?: {
+    selected?: boolean;
+    highlight?: boolean;
+    subLinks?: Array<any>;
+    showSubLinksAsRegularLinks?: boolean;
+    showDividerAbove?: boolean;
+    showDividerBelow?: boolean;
+    onAction?: Function;
+    source?: React.ReactNode;
+    icon?: React.ReactNode;
+    label?: string;
+    badge?: {
+        status?: string;
+        label?: string;
+    };
+    external?: boolean;
+    disclosure?: boolean;
+    iconDisplay?: string;
+    keepNavigationOpen?: boolean;
+    accessory?: React.ReactNode;
+}): JSX.Element;
+/**
+ * Navigation.SubLink component.
+ * Represents a sub-link within the navigation.
+ *
+ * @component
+ * @param {Object} props - Component properties.
+ * @param {boolean} [props.selected] - Whether the sub-link is selected.
+ * @param {Function} [props.onAction] - Callback for the sub-link action.
+ * @param {string} [props.label] - Label for the sub-link.
+ * @param {Object} [props.badge] - Badge configuration.
+ * @param {string} [props.badge.status] - Badge status (e.g., "success", "warning").
+ * @param {string} [props.badge.label] - Badge label.
+ * @param {boolean} [props.keepNavigationOpen] - Whether to keep the navigation open.
+ * @param {React.ReactNode} [props.accessory] - Optional accessory to render.
+ * @returns {JSX.Element} The rendered SubLink component.
+ */
+declare function SubLink(props?: {
+    selected?: boolean;
+    onAction?: Function;
+    label?: string;
+    badge?: {
+        status?: string;
+        label?: string;
+    };
+    keepNavigationOpen?: boolean;
+    accessory?: React.ReactNode;
+}): JSX.Element;
+//# sourceMappingURL=Navigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../components/Navigation.js"],"names":[],"mappings":";AA2BA;;;;;;;;;;;;;;;;;GAiBG;AAEH,oCAbG;IAAuB,UAAU,GACjC;QAAkC,OAAO,GAAjC,MAAM;QACsB,QAAQ;KAC5C;IAA8B,QAAQ,GAA9B,KAAK,KAAQ;CACrB,GAMU,GAAG,CAAC,OAAO,CAmEvB;;;;;AAoBD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,8BApBG;IAAwB,QAAQ,GAAxB,OAAO;IACS,SAAS,GAAzB,OAAO;IACe,QAAQ,GAA9B,KAAK,KAAQ;IACG,0BAA0B,GAA1C,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACU,QAAQ;IACD,MAAM,GAA9B,KAAK,CAAC,SAAS;IACS,IAAI,GAA5B,KAAK,CAAC,SAAS;IACA,KAAK,GAApB,MAAM;IACS,KAAK,GAC5B;QAA6B,MAAM,GAA3B,MAAM;QACe,KAAK,GAA1B,MAAM;KACd;IAAwB,QAAQ,GAAxB,OAAO;IACS,UAAU,GAA1B,OAAO;IACQ,WAAW,GAA1B,MAAM;IACU,kBAAkB,GAAlC,OAAO;IACiB,SAAS,GAAjC,KAAK,CAAC,SAAS;CACvB,GAAU,GAAG,CAAC,OAAO,CAgGvB;AAgBD;;;;;;;;;;;;;;;GAeG;AACH,iCAVG;IAAwB,QAAQ,GAAxB,OAAO;IACU,QAAQ;IACV,KAAK,GAApB,MAAM;IACS,KAAK,GAC5B;QAA6B,MAAM,GAA3B,MAAM;QACe,KAAK,GAA1B,MAAM;KACd;IAAwB,kBAAkB,GAAlC,OAAO;IACiB,SAAS,GAAjC,KAAK,CAAC,SAAS;CACvB,GAAU,GAAG,CAAC,OAAO,CAkCvB"}

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

@@ -0,0 +1,59 @@
+export default Page;
+/**
+ * Page component that provides a structured layout with a header, primary and secondary actions, and content.
+ *
+ * @component
+ *
+ * @param {Object} props - Props for the component.
+ * @param {string|React.ReactNode} props.title - The title of the page. Can be a string or React element.
+ * @param {string|React.ReactNode} props.subtitle - The subtitle of the page. Can be a string or React element.
+ * @param {Object} [props.backAction] - Configuration for the back action button.
+ * @param {Function} [props.backAction.onAction] - Callback when the back action is triggered.
+ * @param {string} [props.backAction.accessibilityLabel] - Accessibility label for the back action button.
+ * @param {boolean} [props.narrowWidth=false] - Whether to use a narrow width layout.
+ * @param {boolean} [props.fullWidth=false] - Whether to use a full-width layout.
+ * @param {boolean} [props.showTitleInTopBar=true] - Whether to show the title in the top bar area.
+ * @param {boolean} [props.wrapInContentContainer=true] - Whether to wrap the content in a container with padding.
+ * @param {Object} [props.primaryAction] - Configuration for the primary action button.
+ * @param {Function} [props.primaryAction.onAction] - Callback when the primary action is triggered.
+ * @param {boolean} [props.primaryAction.loading] - Whether the primary action button is in a loading state.
+ * @param {boolean} [props.primaryAction.disabled] - Whether the primary action button is disabled.
+ * @param {boolean} [props.primaryAction.destructive] - Whether the primary action button is styled as destructive.
+ * @param {string} [props.primaryAction.tooltip] - Tooltip to show when hovering over the primary action button.
+ * @param {React.ReactNode} [props.primaryAction.content="Save"] - Content for the primary action button.
+ * @param {Object[]} [props.secondaryActions=[]] - List of secondary actions.
+ * @param {string} [props.moreActionsLabel="Actions"] - Label for the "More Actions" button in mobile view.
+ * @param {React.ReactNode} [props.titleMetadata] - Metadata displayed alongside the title.
+ * @param {React.ReactNode} [props.children] - Content for the main section of the page.
+ * @param {Object} [props.footerActions] - Configuration for the footer actions.
+ * @param {string} [props.className] - Additional CSS classes for the Page.
+ * @returns {React.ReactElement} Rendered Page component.
+ */
+declare function Page(props?: {
+    title: string | React.ReactNode;
+    subtitle: string | React.ReactNode;
+    backAction?: {
+        onAction?: Function;
+        accessibilityLabel?: string;
+    };
+    narrowWidth?: boolean;
+    fullWidth?: boolean;
+    showTitleInTopBar?: boolean;
+    wrapInContentContainer?: boolean;
+    primaryAction?: {
+        onAction?: Function;
+        loading?: boolean;
+        disabled?: boolean;
+        destructive?: boolean;
+        tooltip?: string;
+        content?: React.ReactNode;
+    };
+    secondaryActions?: any[];
+    moreActionsLabel?: string;
+    titleMetadata?: React.ReactNode;
+    children?: React.ReactNode;
+    footerActions?: any;
+    className?: string;
+}): React.ReactElement;
+import React from "react";
+//# sourceMappingURL=Page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../components/Page.js"],"names":[],"mappings":";AA0FA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,8BAzBG;IAAsC,KAAK,EAAnC,MAAM,GAAC,KAAK,CAAC,SAAS;IACQ,QAAQ,EAAtC,MAAM,GAAC,KAAK,CAAC,SAAS;IACP,UAAU,GACjC;QAAoC,QAAQ;QACV,kBAAkB,GAA5C,MAAM;KACd;IAAwB,WAAW,GAA3B,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACS,sBAAsB,GAAtC,OAAO;IACQ,aAAa,GACpC;QAAuC,QAAQ;QACT,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;QACuB,WAAW,GAAzC,OAAO;QACsB,OAAO,GAApC,MAAM;QACgC,OAAO,GAA7C,KAAK,CAAC,SAAS;KACvB;IAAyB,gBAAgB,GAAjC,KAAQ;IACO,gBAAgB,GAA/B,MAAM;IACkB,aAAa,GAArC,KAAK,CAAC,SAAS;IACS,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,aAAa;IACb,SAAS,GAAxB,MAAM;CACd,GAAU,KAAK,CAAC,YAAY,CA4Q9B;kBAhYuC,OAAO"}

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

@@ -0,0 +1,39 @@
+export default Pagination;
+/**
+ * Pagination component for navigating between pages or steps.
+ * Provides support for next and previous navigation with optional tooltips.
+ *
+ * @component
+ * @param {Object} props - The properties for the Pagination component.
+ * @param {boolean} [props.hasNext] - Indicates whether there is a next page/step.
+ * @param {boolean} [props.hasPrevious] - Indicates whether there is a previous page/step.
+ * @param {string} [props.nextURL] - URL to navigate to for the next page/step.
+ * @param {string} [props.previousURL] - URL to navigate to for the previous page/step.
+ * @param {function} [props.onNext] - Callback function to handle next button clicks.
+ * @param {function} [props.onPrevious] - Callback function to handle previous button clicks.
+ * @param {string} [props.nextTooltip] - Tooltip content for the next button.
+ * @param {string} [props.previousTooltip] - Tooltip content for the previous button.
+ *
+ * @example
+ * <Pagination
+ *   hasNext={true}
+ *   hasPrevious={true}
+ *   nextURL="/next"
+ *   previousURL="/previous"
+ *   onNext={() => console.log('Next clicked')}
+ *   onPrevious={() => console.log('Previous clicked')}
+ *   nextTooltip="Go to next page"
+ *   previousTooltip="Go to previous page"
+ * />
+ */
+declare function Pagination(props?: {
+    hasNext?: boolean;
+    hasPrevious?: boolean;
+    nextURL?: string;
+    previousURL?: string;
+    onNext?: Function;
+    onPrevious?: Function;
+    nextTooltip?: string;
+    previousTooltip?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../components/Pagination.js"],"names":[],"mappings":";AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,oCAtBG;IAAwB,OAAO,GAAvB,OAAO;IACS,WAAW,GAA3B,OAAO;IACQ,OAAO,GAAtB,MAAM;IACS,WAAW,GAA1B,MAAM;IACW,MAAM;IACN,UAAU;IACZ,WAAW,GAA1B,MAAM;IACS,eAAe,GAA9B,MAAM;CAEd,2CA8DF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../../components/Pane.js"],"names":[],"mappings":";AAmBA,2EAmCC;;;;;;AAED,6EAyEC;AAGD,8EAKC;AAGD,6EAKC"}