@cloudoperators/juno-ui-components 2.34.0 → 2.35.1

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { TabsProps as ReactTabsProps } from 'react-tabs';
+import { TabListProps } from '../TabList/TabList.component';
+import { TabPanelProps } from '../TabPanel/TabPanel.component';
+export interface TabsContextType {
+    variant?: TabsVariant;
+}
+export declare const useTabsContext: () => TabsContextType;
+/**
+A Tabs component.
+The parent wrapping TabList, Tab, and TabPanel subcomponents.
+For a navigation that looks like tabs, but runs onClick handlers or contains hrefs, use TabNavigation instead.
+Tabs are used to provide a tabbed section within the content area when combining static content and tabbed content on the same page. You will probably want to use a 'Container' (px=false) inside the TabPanels to get nice padding.
+*/
+export declare const Tabs: {
+    ({ children, defaultIndex, selectedIndex, onSelect, variant, className, ...props }: TabsProps): React.JSX.Element;
+    tabsRole: string;
+};
+export type TabsVariant = "main" | "content" | "codeblocks";
+export type OnSelectHander = (value: number) => void;
+export type TabElement = React.ReactElement<TabListProps> | React.ReactElement<TabPanelProps> | TabElement[] | null | undefined;
+export interface TabsProps extends ReactTabsProps {
+    /** All the child elements of the Tabs: Tab(s) inside a TabList and TabPanel(s) */
+    children?: TabElement;
+    /** The index of the Tab to be selected by default in "Uncontrolled Mode" (default) where Tabs handle their state internally. Do not use in "Controlled Mode".*/
+    defaultIndex?: number;
+    /** The index of the Tab to be selected by default. This enables "Controlled Mode" where the developer takes over control of the Tabs state and behaviour. Requires onSelect to be set.*/
+    selectedIndex?: number;
+    /** Handler required in "Controlled Mode" */
+    onSelect?: OnSelectHander;
+    /** Switch on Main Tab styles and context if needed */
+    variant?: TabsVariant;
+    /** Add a custom className to the whole Tabs construct */
+    className?: string;
+}
+//# sourceMappingURL=Tabs.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAqB,SAAS,IAAI,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAE9D,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAGD,eAAO,MAAM,cAAc,uBAAsC,CAAA;AAEjE;;;;;EAKE;AAEF,eAAO,MAAM,IAAI;wFAQd,SAAS;;CA6BX,CAAA;AAID,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAA;AAG3D,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEpD,MAAM,MAAM,UAAU,GAClB,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAChC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GACjC,UAAU,EAAE,GACZ,IAAI,GACJ,SAAS,CAAA;AAEb,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,kFAAkF;IAClF,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,gKAAgK;IAChK,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yLAAyL;IACzL,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,sDAAsD;IACtD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -0,0 +1,68 @@
+import { default as React } from 'react';
+import { TabProps } from '../Tab/Tab.component';
+import { TabPanelProps } from '../TabPanel/TabPanel.component';
+declare const _default: {
+    title: string;
+    component: {
+        ({ children, defaultIndex, selectedIndex, onSelect, variant, className, ...props }: import('./Tabs.component').TabsProps): React.JSX.Element;
+        tabsRole: string;
+    };
+    argTypes: {
+        variant: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        children: {
+            control: boolean;
+        };
+        tabs: {
+            table: {
+                disable: boolean;
+            };
+        };
+        tabpanels: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default _default;
+interface TemplateProps {
+    tabs?: React.ReactElement<TabProps> | React.ReactElement<TabProps>[];
+    tabpanels?: React.ReactElement<TabPanelProps> | React.ReactElement<TabPanelProps>[];
+}
+type OnSelectHandler = (value: number) => void;
+interface ControlledTemplateProps {
+    selectedIndex?: number;
+    onSelect?: OnSelectHandler;
+    tabs?: React.ReactElement<TabProps> | React.ReactElement<TabProps>[];
+    tabpanels?: React.ReactElement<TabPanelProps> | React.ReactElement<TabPanelProps>[];
+}
+export declare const Default: {
+    render: ({ tabs, tabpanels, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        tabs: React.JSX.Element[];
+        tabpanels: React.JSX.Element[];
+    };
+};
+export declare const TabsWithIcons: {
+    render: ({ tabs, tabpanels, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        tabs: React.JSX.Element[];
+        tabpanels: React.JSX.Element[];
+    };
+};
+export declare const ControlledTabs: {
+    render: ({ selectedIndex, onSelect, tabs, tabpanels, ...args }: ControlledTemplateProps) => React.JSX.Element;
+    args: {
+        tabs: React.JSX.Element[];
+        tabpanels: React.JSX.Element[];
+        selectedIndex: number;
+        defaultIndex: null;
+        onSelect: () => void;
+    };
+};
+//# sourceMappingURL=Tabs.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAO,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,wBAwBC;AASD,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAA;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAA;CACpF;AAuBD,KAAK,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAE9C,UAAU,uBAAuB;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAA;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAA;CACpF;AAED,eAAO,MAAM,OAAO;2CA1C4B,aAAa;;;;;CAqD5D,CAAA;AAED,eAAO,MAAM,aAAa;2CAvDsB,aAAa;;;;;CA4E5D,CAAA;AAED,eAAO,MAAM,cAAc;oEAlEwD,uBAAuB;;;;;;;;CAgFzG,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,56 @@
+import { default as React } from 'react';
+/**
+A controlled Text Input.
+Also covers email, telephone, password, url derivates.
+*/
+export declare const TextInput: React.FC<TextInputProps>;
+type TextInputType = "text" | "email" | "password" | "tel" | "url" | "number";
+type TextInputWidth = "full" | "auto";
+export interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /** Pass a name attribute */
+    name?: string;
+    /** Pass a value */
+    value?: string | number;
+    /** Pass an id */
+    id?: string;
+    /** Pass a placeholder */
+    placeholder?: string;
+    /** Render a disabled input */
+    disabled?: boolean;
+    /** Render a readonly input */
+    readOnly?: boolean;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is invalid */
+    invalid?: boolean;
+    /** Whether the field is valid */
+    valid?: boolean;
+    /** Whether the field receives autofocus */
+    autoFocus?: boolean;
+    /** Pass a classname. The class name is applied to the internal input element. */
+    className?: string;
+    /** Pass a valid autocomplete value. We do not police validity. */
+    autoComplete?: string;
+    /** Pass a change handler */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Pass a focus handler */
+    onFocus?: React.FocusEventHandler<EventTarget>;
+    /** Pass a blur handler */
+    onBlur?: React.FocusEventHandler<EventTarget>;
+    /** Specify the type attribute. Defaults to an input with no type attribute, which in turn will be treateas as type="text" by browsers. */
+    type?: TextInputType;
+    /** The label of the input */
+    label?: string;
+    /** A helptext to render to explain meaning and significance of the TextInput */
+    helptext?: JSX.Element | string;
+    /** A text to render when the TextInput was successfully validated */
+    successtext?: JSX.Element | string;
+    /** A text to render when the TextInput has an error or could not be validated */
+    errortext?: JSX.Element | string;
+    /** The width of the text input. Either 'full' (default) or 'auto'. */
+    width?: TextInputWidth;
+    /** Pass a custom className to the wrapping element. This can be useful if you must add styling to the outermost wrapping element of this component, e.g. for positioning. */
+    wrapperClassName?: string;
+}
+export {};
+//# sourceMappingURL=TextInput.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,OAAO,kBAAkB,CAAA;AAoEzB;;;EAGE;AACF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiK9C,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7E,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAErC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC7C,0IAA0I;IAC1I,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAC/B,qEAAqE;IACrE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAClC,iFAAiF;IACjF,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

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

@@ -0,0 +1,107 @@
+import { default as React } from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./TextInput.component').TextInputProps>;
+    argTypes: {
+        errortext: {
+            control: boolean;
+        };
+        helptext: {
+            control: boolean;
+        };
+        successtext: {
+            control: boolean;
+        };
+        value: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {};
+};
+export declare const WithLabel: {
+    args: {
+        label: string;
+    };
+};
+export declare const RequiredWithLabel: {
+    args: {
+        label: string;
+        required: boolean;
+    };
+};
+export declare const Invalid: {
+    args: {
+        invalid: boolean;
+    };
+};
+export declare const Valid: {
+    args: {
+        valid: boolean;
+    };
+};
+export declare const Autofocus: {
+    args: {
+        autoFocus: boolean;
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+    };
+};
+export declare const ReadOnly: {
+    args: {
+        readOnly: boolean;
+    };
+};
+export declare const Email: {
+    args: {
+        type: string;
+    };
+};
+export declare const Tel: {
+    args: {
+        type: string;
+    };
+};
+export declare const Url: {
+    args: {
+        type: string;
+    };
+};
+export declare const Number: {
+    args: {
+        type: string;
+    };
+};
+export declare const Password: {
+    args: {
+        type: string;
+    };
+};
+export declare const WithHelpText: {
+    args: {
+        helptext: string;
+    };
+};
+export declare const WithHelpTextAsNode: {
+    args: {
+        helptext: React.JSX.Element;
+    };
+};
+export declare const WithSuccessText: {
+    args: {
+        successtext: string;
+    };
+};
+export declare const WithErrorText: {
+    args: {
+        errortext: string;
+    };
+};
+//# sourceMappingURL=TextInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextInput/TextInput.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;AAGzB,wBAiBC;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,SAAS;;;;CAIrB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAA;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA;AAED,eAAO,MAAM,KAAK;;;;CAIjB,CAAA;AAED,eAAO,MAAM,SAAS;;;;CAIrB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;AAED,eAAO,MAAM,KAAK;;;;CAIjB,CAAA;AAED,eAAO,MAAM,GAAG;;;;CAIf,CAAA;AAED,eAAO,MAAM,GAAG;;;;CAIf,CAAA;AAED,eAAO,MAAM,MAAM;;;;CAIlB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;AAED,eAAO,MAAM,YAAY;;;;CAIxB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;CAQ9B,CAAA;AAED,eAAO,MAAM,eAAe;;;;CAI3B,CAAA;AAED,eAAO,MAAM,aAAa;;;;CAIzB,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+/**
+A controlled Text Input.
+Also covers email, telephone, password, url derivates.
+*/
+export declare const Textarea: React.FC<TextareaProps>;
+type WidthType = "full" | "auto";
+export interface TextareaProps extends React.HTMLProps<HTMLTextAreaElement> {
+    /** Pass a name attribute */
+    name?: string;
+    /** The label of the textarea */
+    label?: string;
+    /** Pass a value */
+    value?: string | number;
+    /** Pass an id */
+    id?: string;
+    /** Pass a placeholder */
+    placeholder?: string;
+    /** Render a disabled input */
+    disabled?: boolean;
+    /** Render a readonly input */
+    readOnly?: boolean;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is invalid */
+    invalid?: boolean;
+    /** Whether the field is valid */
+    valid?: boolean;
+    /** Whether the field receives autofocus */
+    autoFocus?: boolean;
+    /** Pass a classname. The class name is applied to the internal textarea element. */
+    className?: string;
+    /** Pass a valid autocomplete value. We do not police validity. */
+    autoComplete?: string;
+    /** Pass a change handler */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** Pass a focus handler */
+    onFocus?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** Pass a blur handler */
+    onBlur?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** A helptext to render to explain meaning and significance of the Textarea */
+    helptext?: React.ReactNode | string;
+    /** A text to render when the Textarea was successfully validated */
+    successtext?: React.ReactNode | string;
+    /** A text to render when the Textarea has an error or could not be validated */
+    errortext?: React.ReactNode | string;
+    /** The width of the textarea. Either 'full' (default) or 'auto'. */
+    width?: WidthType;
+    /** Pass a custom className to the wrapping element. This can be useful if you must add styling to the outermost wrapping element of this component, e.g. for positioning. */
+    wrapperClassName?: string;
+}
+export {};
+//# sourceMappingURL=Textarea.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Textarea/Textarea.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsD,MAAM,OAAO,CAAA;AA0E1E;;;EAGE;AACF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+J5C,CAAA;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAEhC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IACzE,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACxD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACvD,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACtD,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,oEAAoE;IACpE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACtC,gFAAgF;IAChF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACpC,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

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

@@ -0,0 +1,78 @@
+import { default as React } from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./Textarea.component').TextareaProps>;
+    argTypes: {
+        errortext: {
+            control: boolean;
+        };
+        helptext: {
+            control: boolean;
+        };
+        successtext: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        placeholder: string;
+    };
+};
+export declare const WithLabel: {
+    args: {
+        label: string;
+    };
+};
+export declare const RequiredWithLabel: {
+    args: {
+        label: string;
+        required: boolean;
+    };
+};
+export declare const Invalid: {
+    args: {
+        invalid: boolean;
+        placeholder: string;
+    };
+};
+export declare const Valid: {
+    args: {
+        valid: boolean;
+        placeholder: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+        placeholder: string;
+    };
+};
+export declare const Autofocus: {
+    args: {
+        placeholder: string;
+        autoFocus: boolean;
+    };
+};
+export declare const WithHelpText: {
+    args: {
+        helptext: string;
+    };
+};
+export declare const WithHelpTextAsNode: {
+    args: {
+        helptext: React.JSX.Element;
+    };
+};
+export declare const WithSuccessText: {
+    args: {
+        successtext: string;
+    };
+};
+export declare const WithErrorText: {
+    args: {
+        errortext: string;
+    };
+};
+//# sourceMappingURL=Textarea.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;;;;;;;;;;;;AAGzB,wBAcC;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA;AAED,eAAO,MAAM,SAAS;;;;CAIrB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAA;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,YAAY;;;;CAIxB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;CAQ9B,CAAA;AAED,eAAO,MAAM,eAAe;;;;CAI3B,CAAA;AAED,eAAO,MAAM,aAAa;;;;CAIzB,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+export interface ThemeToggleProps {
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+    /**
+     * If true, the ThemeToggle will be disabled and not respond to user input.
+     */
+    disabled?: boolean;
+    /**
+     * HTML id attribute for the ThemeToggle.
+     */
+    id?: string;
+    /**
+     * HTML name attribute for the ThemeToggle.
+     */
+    name?: string;
+    /**
+     * Callback function that is called when the theme is toggled.
+     */
+    onToggleTheme?: (...args: unknown[]) => void;
+}
+/**
+ * ThemeToggle is a button component that toggles between Light and Dark UI Themes.
+ * This component requires a StyleProvider context to function, which is automatically provided by the Juno AppShell.
+ * If not using the AppShell, include a StyleProvider manually.
+ */
+export declare const ThemeToggle: React.FC<ThemeToggleProps>;
+//# sourceMappingURL=ThemeToggle.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeToggle/ThemeToggle.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,oBAAoB,CAAA;AAoB3B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IAEH,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;CAC7C;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsClD,CAAA"}

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./ThemeToggle.component').ThemeToggleProps>;
+    argTypes: {};
+};
+export default _default;
+export declare const Default: {
+    parameters: {};
+    args: {};
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+    };
+};
+//# sourceMappingURL=ThemeToggle.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeToggle/ThemeToggle.stories.tsx"],"names":[],"mappings":";;;;;AAEA,wBAIC;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+type IconType = "info" | "warning" | "danger" | "error" | "success";
+export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Specify a semantic variant */
+    variant?: IconType;
+    /** Pass child nodes to be rendered as contents */
+    children?: React.ReactNode;
+    /** Pass an optional text */
+    text?: string;
+    /** Optional. If set to 'true', the message will be automatically dismissed after 10 seconds by default or after the specified autoDismissTimeout */
+    autoDismiss?: boolean;
+    /** Optional. Timeout in miliseconds after which the message is automatically dismissed. By default 10000 (10s).*/
+    autoDismissTimeout?: number;
+    /** Optional. Pass a handler that will be called when the message is dismissed */
+    onDismiss?: () => unknown;
+    /** Pass an optional className */
+    className?: string;
+}
+/**
+A Toast component. Use for short-lived, temporary/transient messaging to users relating to their current usage context, e.g. 'Edits changed successfully'. For more general, persistent messaging, e.g. 'Our servers will be down for maintenance all weekend', use Message instead.
+*/
+export declare const Toast: React.FC<ToastProps>;
+export {};
+//# sourceMappingURL=Toast.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AA0BlD,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AACnE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oJAAoJ;IACpJ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kHAAkH;IAClH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,OAAO,CAAA;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;EAEE;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAgDtC,CAAA"}

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

@@ -0,0 +1,51 @@
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./Toast.component').ToastProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        text: string;
+    };
+};
+export declare const Warning: {
+    args: {
+        variant: string;
+        text: string;
+    };
+};
+export declare const Error: {
+    args: {
+        variant: string;
+        text: string;
+    };
+};
+export declare const Danger: {
+    args: {
+        variant: string;
+        text: string;
+    };
+};
+export declare const Success: {
+    args: {
+        variant: string;
+        text: string;
+    };
+};
+export declare const ToastWithLongText: {
+    args: {
+        text: string;
+    };
+};
+export declare const autoDismiss: {
+    args: {
+        text: string;
+        autoDismiss: boolean;
+    };
+};
+//# sourceMappingURL=Toast.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":";;;;;;;;;AAOA,wBAQC;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;CAKlB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;CAI7B,CAAA;AAED,eAAO,MAAM,WAAW;;;;;CAKvB,CAAA"}