@cloudoperators/juno-ui-components 2.33.0 → 2.35.0

package/build/types/src/components/Switch/Switch.component.d.ts

@@ -0,0 +1,77 @@
+import { default as React } from 'react';
+type SwitchSize = "small" | "default" | "large";
+export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> {
+    /**
+     * HTML name attribute for the switch button
+     */
+    name?: string;
+    /**
+     * HTML id attribute for the switch button
+     */
+    id?: string;
+    /**
+     * Label to display next to the Switch component
+     */
+    label?: string;
+    /**
+     * Indicates if the Switch is required
+     */
+    required?: boolean;
+    /**
+     * Specifies the size of the Switch component
+     */
+    size?: SwitchSize;
+    /**
+     * Sets the initial checked state of the Switch component for use in uncontrolled mode
+     */
+    on?: boolean;
+    /**
+     * Disabled state of the Switch component
+     */
+    disabled?: boolean;
+    /**
+     * Indicates if the Switch has an error state
+     */
+    invalid?: boolean;
+    /**
+     * Indicates if the Switch has been validated successfully
+     */
+    valid?: boolean;
+    /**
+     * Help text to provide additional information about the Switch
+     */
+    helptext?: React.ReactNode;
+    /**
+     * Text to display when the Switch has validation errors
+     */
+    errortext?: React.ReactNode;
+    /**
+     * Text to display when the Switch has been validated successfully
+     */
+    successtext?: React.ReactNode;
+    /**
+     * Custom class name to apply to the internal button element
+     */
+    className?: string;
+    /**
+     * Callback function to handle changes to the switch state
+     */
+    onChange?: (event: React.ChangeEvent<HTMLButtonElement>) => void;
+    /**
+     * Callback function to handle click events on the switch
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Custom class name to apply to the wrapper element
+     * Useful for styling and positioning the outermost element of the component
+     */
+    wrapperClassName?: string;
+}
+/**
+ * A basic switch component for toggling between two options.
+ * Use this component for interactions that produce immediate results.
+ * For form scenarios requiring submission, use checkboxes instead.
+ */
+export declare const Switch: React.FC<SwitchProps>;
+export {};
+//# sourceMappingURL=Switch.component.d.ts.map

package/build/types/src/components/Switch/Switch.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Switch/Switch.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAmElE,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC7F;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IAEH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAChE;;OAEG;IAEH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AA0DD;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiGxC,CAAA"}

package/build/types/src/components/Switch/Switch.stories.d.ts

@@ -0,0 +1,110 @@
+import { default as React } from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./Switch.component').SwitchProps>;
+    argTypes: {
+        errortext: {
+            control: boolean;
+        };
+        helptext: {
+            control: boolean;
+        };
+        successtext: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        label: string;
+        id: string;
+    };
+};
+export declare const Small: {
+    args: {
+        size: string;
+        label: string;
+        id: string;
+    };
+};
+export declare const Large: {
+    args: {
+        size: string;
+        label: string;
+        id: string;
+    };
+};
+export declare const On: {
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        on: boolean;
+    };
+};
+export declare const Disabled: {
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        on: boolean;
+        disabled: boolean;
+        label: string;
+        id: string;
+    };
+};
+export declare const Invalid: {
+    args: {
+        invalid: boolean;
+        label: string;
+        id: string;
+    };
+};
+export declare const Valid: {
+    args: {
+        valid: boolean;
+        label: string;
+        id: string;
+    };
+};
+export declare const WithHelpText: {
+    args: {
+        label: string;
+        helptext: string;
+    };
+};
+export declare const WithHelpTextAsNode: {
+    args: {
+        label: string;
+        helptext: React.JSX.Element;
+    };
+};
+export declare const WithSuccessText: {
+    args: {
+        label: string;
+        successtext: string;
+    };
+};
+export declare const WithErrorText: {
+    args: {
+        label: string;
+        errortext: string;
+    };
+};
+//# sourceMappingURL=Switch.stories.d.ts.map

package/build/types/src/components/Switch/Switch.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;;;;;;;;;;;;AAGzB,wBAcC;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;CAWnB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAA;AAED,eAAO,MAAM,EAAE;;;;;;;;;;;CAUd,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;CAapB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;CAKxB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;CAS9B,CAAA;AAED,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA;AAED,eAAO,MAAM,aAAa;;;;;CAKzB,CAAA"}

package/build/types/src/components/Switch/Switch.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Switch.test.d.ts.map

package/build/types/src/components/Switch/Switch.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Switch/Switch.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './Switch.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA"}

package/build/types/src/components/Tab/Tab.component.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { TabProps as ReactTabProps } from 'react-tabs';
+import { KnownIcons } from '../Icon/Icon.component';
+/** A Tab Component representing an individual Tab inside a wrapping TabList inside a wrapping Tabs component. Not to be used standalone outside of the mentioned parent components.
+
+
+*/
+export declare const Tab: {
+    ({ children, label, icon, disabled, className, ...props }: TabProps): React.JSX.Element;
+    tabsRole: string;
+};
+export interface TabProps extends ReactTabProps {
+    /** The children to render inside the Tab (-button) */
+    children?: any;
+    /** The Tab label (only rendered when no children are supplied) */
+    label?: string;
+    /** Pass the name of an icon to render in the Tab. Can be any icon included with Juno. */
+    icon?: KnownIcons;
+    /** Whether the Tab is disabled */
+    disabled?: boolean;
+    /** Add custom classNames to the Tab */
+    className?: string;
+}
+//# sourceMappingURL=Tab.component.d.ts.map

package/build/types/src/components/Tab/Tab.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tab/Tab.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAmB,QAAQ,IAAI,aAAa,EAAE,MAAM,YAAY,CAAA;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAyBnD;;;EAGE;AACF,eAAO,MAAM,GAAG;+DAAuF,QAAQ;;CAa9G,CAAA;AAID,MAAM,WAAW,QAAS,SAAQ,aAAa;IAC7C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/build/types/src/components/Tab/Tab.stories.d.ts

@@ -0,0 +1,32 @@
+declare const _default: {
+    title: string;
+    component: {
+        ({ children, label, icon, disabled, className, ...props }: import('./Tab.component').TabProps): import("react").JSX.Element;
+        tabsRole: string;
+    };
+    argTypes: {
+        icon: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        children: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        label: string;
+        children: string;
+    };
+};
+export declare const WithIcon: {
+    args: {
+        children: string;
+        icon: string;
+    };
+};
+//# sourceMappingURL=Tab.stories.d.ts.map

package/build/types/src/components/Tab/Tab.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tab/Tab.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAQA,wBAYC;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAA"}

package/build/types/src/components/Tab/Tab.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Tab.test.d.ts.map

package/build/types/src/components/Tab/Tab.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tab/Tab.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/Tab/index.d.ts

@@ -0,0 +1,2 @@
+export { Tab } from './Tab.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/Tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tab/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA"}

package/build/types/src/components/TabList/TabList.component.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { TabListProps as ReactTabListProps } from 'react-tabs';
+import { TabsVariant } from '../Tabs/Tabs.component';
+import { TabProps } from '../Tab/Tab.component';
+/** A tabList component wraps all individual Tabs inside a parent Tabs component */
+export declare const TabList: {
+    ({ variant, children, ...props }: TabListProps): React.JSX.Element;
+    tabsRole: string;
+};
+export interface TabListProps extends ReactTabListProps {
+    /** Pick the TabList style */
+    variant?: TabsVariant;
+    /** The individual child Tabs to render */
+    children?: (React.ReactElement<TabProps> | React.ReactElement<TabProps>[]) | null;
+}
+//# sourceMappingURL=TabList.component.d.ts.map

package/build/types/src/components/TabList/TabList.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabList/TabList.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA2B,YAAY,IAAI,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACvF,OAAO,EAAE,WAAW,EAAkB,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AA0B/C,mFAAmF;AAEnF,eAAO,MAAM,OAAO;sCAAwD,YAAY;;CAYvF,CAAA;AAID,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,6BAA6B;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAClF"}

package/build/types/src/components/TabList/TabList.stories.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+import { TabProps } from '../Tab/Tab.component';
+declare const _default: {
+    title: string;
+    component: {
+        ({ variant, children, ...props }: import('./TabList.component').TabListProps): React.JSX.Element;
+        tabsRole: string;
+    };
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+        tabs: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default _default;
+interface TemplateProps {
+    children?: React.ReactElement<TabProps> | React.ReactElement<TabProps>[] | null;
+}
+export declare const Default: {
+    render: ({ children, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+export declare const MainTabList: {
+    render: ({ children, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        variant: string;
+        children: React.JSX.Element[];
+    };
+};
+//# sourceMappingURL=TabList.stories.d.ts.map

package/build/types/src/components/TabList/TabList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabList/TabList.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAO,QAAQ,EAAE,MAAM,sBAAsB,CAAA;;;;;;;;;;;;;;;;;;AAEpD,wBAaC;AAID,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAA;CAChF;AAED,eAAO,MAAM,OAAO;oCANqB,aAAa;;;;CAiBrD,CAAA;AAED,eAAO,MAAM,WAAW;oCAnBiB,aAAa;;;;;CA+BrD,CAAA"}

package/build/types/src/components/TabList/TabList.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TabList.test.d.ts.map

package/build/types/src/components/TabList/TabList.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabList/TabList.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/TabList/index.d.ts

@@ -0,0 +1,2 @@
+export { TabList } from './TabList.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/TabList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabList/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA"}

package/build/types/src/components/TabNavigation/TabNavigation.component.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export interface TabNavigationContextType {
+    tabStyle: TabStyle;
+}
+export declare const TabNavigationContext: React.Context<TabNavigationContextType | undefined>;
+/** A Tab Navigation parent component. Use to wrap `<TabNavigationItem>` elements inside. For tabs with corresponding tab panels, use `<Tabs>` instead. */
+export declare const TabNavigation: React.FC<TabNavigationProps>;
+export type TabStyle = "main" | "content";
+type ItemKeyType = string | React.ReactNode;
+type ActiveItemChangeHandler = (value: ItemKeyType) => void;
+export interface TabNavigationProps extends React.HTMLAttributes<HTMLElement> {
+    /** The label of the selected tab. The `activeItem` prop set on the parent will override / take precedence over any `active` prop that may be set on a child. */
+    activeItem?: string;
+    /** The aria-label of the navigation. Specify when there are more than one elements with an implicit or explicit `role="navigation"` on a page/view. */
+    ariaLabel?: string;
+    /** The child `<TabNavigationItem>` elements to render. */
+    children?: React.ReactNode;
+    /** A custom className to be rendered on the tab navigation */
+    className?: string;
+    /** Whether the tab navigation is disabled. If set to `true`, all child tab navigation item elements will be disabled. */
+    disabled?: boolean;
+    /** A handler to execute when the active tab changes */
+    onActiveItemChange?: ActiveItemChangeHandler;
+    /** The stylistic variant of the Tabs: Use `main` as the first child in an `Appshell` (when manually scaffolding, as first child of `juno-content-container`). For tabs inside the page content use "content". `<TabNavigation tabStyle="main">` will have no darkened border on the bottom of inactive tabs, `tabStyle="content"` will.*/
+    tabStyle?: TabStyle;
+}
+export {};
+//# sourceMappingURL=TabNavigation.component.d.ts.map

package/build/types/src/components/TabNavigation/TabNavigation.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavigation.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabNavigation/TabNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAO5C,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,qDAAiE,CAAA;AAElG,0JAA0J;AAC1J,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkCtD,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AAEzC,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;AAG3C,KAAK,uBAAuB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;AAE3D,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,gKAAgK;IAChK,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uJAAuJ;IACvJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yHAAyH;IACzH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,uBAAuB,CAAA;IAC5C,0UAA0U;IAC1U,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB"}

package/build/types/src/components/TabNavigation/TabNavigation.stories.d.ts

@@ -0,0 +1,72 @@
+import { default as React } from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./TabNavigation.component').TabNavigationProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+        onActiveItemChange: {
+            control: boolean;
+        };
+        tabStyle: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+interface TemplateProps {
+    children?: React.ReactNode;
+}
+export declare const Default: {
+    render: ({ children, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+export declare const Disabled: {
+    render: ({ children, ...args }: TemplateProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        disabled: boolean;
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithValues: {
+    render: ({ children, ...args }: TemplateProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        activeItem: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithChildren: {
+    render: ({ children, ...args }: TemplateProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        activeItem: string;
+        children: React.JSX.Element[];
+    };
+};
+//# sourceMappingURL=TabNavigation.stories.d.ts.map

package/build/types/src/components/TabNavigation/TabNavigation.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavigation.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabNavigation/TabNavigation.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;;;;;;;;;;;;;;;AAIzB,wBAeC;AAID,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,OAAO;oCANqB,aAAa;;;;CAgBrD,CAAA;AAED,eAAO,MAAM,QAAQ;oCAlBoB,aAAa;;;;;;;;;;;;CAoCrD,CAAA;AAED,eAAO,MAAM,UAAU;oCAtCkB,aAAa;;;;;;;;;;;;CAyDrD,CAAA;AAED,eAAO,MAAM,YAAY;oCA3DgB,aAAa;;;;;;;;;;;;CAqFrD,CAAA"}

package/build/types/src/components/TabNavigation/TabNavigation.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TabNavigation.test.d.ts.map

package/build/types/src/components/TabNavigation/TabNavigation.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavigation.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabNavigation/TabNavigation.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/TabNavigation/index.d.ts

@@ -0,0 +1,2 @@
+export { TabNavigation } from './TabNavigation.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/TabNavigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabNavigation/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA"}

package/build/types/src/components/TabNavigationItem/TabNavigationItem.component.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { KnownIcons } from '../Icon/Icon.component.js';
+/** An individual Tab Navigation Item. Use wrapped in a `<TabNavigation>` parent component. */
+export declare const TabNavigationItem: React.FC<TabNavigationItemProps>;
+export interface TabNavigationItemProps extends React.HTMLAttributes<HTMLElement> {
+    /** Whether the tab navigation item is active */
+    active?: boolean;
+    /** The aria label of the item */
+    ariaLabel?: string;
+    /** The children to render. In order to make the navigation work, you also need to pass a `value` or `label` prop, or both. */
+    children?: React.ReactNode;
+    /** Pass a custom className */
+    className?: string;
+    /** Whether the tab navigation item is disabled */
+    disabled?: boolean;
+    href?: string;
+    /** Pass the name of an icon to render in the Tab. Can be any icon included with Juno. */
+    icon?: KnownIcons;
+    /** The label of the tab navigation item. Must be unique within any given `<TabNavigation>` group. */
+    label?: string;
+    /** Pass a custom handler to execute when the tab is clicked */
+    onClick?: React.MouseEventHandler<EventTarget>;
+    /** An optional technical identifier fort the tab. If not passed, the label will be used to identify the tab. NOTE: If value is passed, the value of the active tab MUST be used when setting the activeItem prop on the parent TabNavigation.*/
+    value?: string;
+}
+//# sourceMappingURL=TabNavigationItem.component.d.ts.map

package/build/types/src/components/TabNavigationItem/TabNavigationItem.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavigationItem.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabNavigationItem/TabNavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAsBtD,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwC9D,CAAA;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC/E,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8HAA8H;IAC9H,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yFAAyF;IACzF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,gPAAgP;IAChP,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/build/types/src/components/TabNavigationItem/TabNavigationItem.stories.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+type StoryDefinition = () => React.ReactNode;
+declare const _default: {
+    title: string;
+    component: React.FC<import('./TabNavigationItem.component').TabNavigationItemProps>;
+    argTypes: {
+        icon: {
+            options: (string | null)[];
+            control: {
+                type: string;
+            };
+        };
+        onClick: {
+            control: boolean;
+        };
+    };
+    decorators: ((story: StoryDefinition) => React.JSX.Element)[];
+};
+export default _default;
+export declare const Default: {
+    args: {
+        label: string;
+    };
+};
+export declare const Active: {
+    args: {
+        label: string;
+        active: boolean;
+    };
+};
+export declare const Disabled: {
+    args: {
+        label: string;
+        disabled: boolean;
+    };
+};
+export declare const WithIcon: {
+    args: {
+        icon: string;
+        label: string;
+    };
+};
+export declare const AsLink: {
+    args: {
+        label: string;
+        href: string;
+    };
+};
+export declare const WithChildren: {
+    args: {
+        value: string;
+        children: string;
+    };
+};
+//# sourceMappingURL=TabNavigationItem.stories.d.ts.map

package/build/types/src/components/TabNavigationItem/TabNavigationItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavigationItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabNavigationItem/TabNavigationItem.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,eAAe,GAAG,MAAM,KAAK,CAAC,SAAS,CAAA;;;;;;;;;;;;;;;yBAcrB,eAAe;;AAZtC,wBAaC;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;CAKlB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;CAKlB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;CAKxB,CAAA"}

package/build/types/src/components/TabNavigationItem/TabNavigationItem.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TabNavigationItem.test.d.ts.map

package/build/types/src/components/TabNavigationItem/TabNavigationItem.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavigationItem.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabNavigationItem/TabNavigationItem.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/TabNavigationItem/index.d.ts

@@ -0,0 +1,2 @@
+export { TabNavigationItem } from './TabNavigationItem.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/TabNavigationItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabNavigationItem/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA"}

package/build/types/src/components/TabPanel/TabPanel.component.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { TabPanelProps as ReactTabPanelProps } from 'react-tabs';
+/**
+The TabPanel holds content related to a Tab in a TabList in a wrapping Tab component. Not to be used standalone / outside a Tabs wrapper.
+*/
+export declare const TabPanel: {
+    ({ children, className, ...props }: TabPanelProps): React.JSX.Element;
+    tabsRole: string;
+};
+export interface TabPanelProps extends ReactTabPanelProps {
+    /** The content to show/render when the associated Tab is selected */
+    children?: any;
+    /** Add a custom classList to the TabPanel */
+    className?: string;
+}
+//# sourceMappingURL=TabPanel.component.d.ts.map

package/build/types/src/components/TabPanel/TabPanel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabPanel/TabPanel.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA6B,aAAa,IAAI,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE3F;;EAEE;AAEF,eAAO,MAAM,QAAQ;wCAAmD,aAAa;;CAMpF,CAAA;AAID,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,qEAAqE;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/build/types/src/components/TabPanel/TabPanel.stories.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    title: string;
+    component: {
+        ({ children, className, ...props }: import('./TabPanel.component').TabPanelProps): import("react").JSX.Element;
+        tabsRole: string;
+    };
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        children: string;
+    };
+};
+//# sourceMappingURL=TabPanel.stories.d.ts.map

package/build/types/src/components/TabPanel/TabPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabPanel/TabPanel.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAOA,wBAQC;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA"}